:root{--color-bg: #0f131e;--color-bg-secondary: #171c29;--color-bg-hover: #1c2232;--color-text: #e0e0e0;--color-text-muted: #888;--color-accent: #6b9fff;--color-accent-hover: #8bb4ff;--font-sans: system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--max-width: 800px}*{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden}body{min-height:100vh;overflow-x:hidden}img{max-width:100%;height:auto}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}code{font-family:var(--font-mono);background:var(--color-bg-secondary);padding:.2em .4em;border-radius:4px;font-size:.9em}pre{background:var(--color-bg-secondary);padding:1rem;border-radius:8px;overflow-x:auto}pre code{background:none;padding:0}table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--color-bg-hover)}th{background:#ffffff14;font-weight:600;color:var(--color-text)}tr:nth-child(2n) td{background:#ffffff08}tr:hover td{background:#ffffff0f}.site{min-height:100vh;display:flex;flex-direction:column}header{width:100%;background:linear-gradient(to bottom,var(--color-bg),var(--color-bg-secondary))}nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;max-width:var(--max-width);width:100%;margin:0 auto;overflow:visible}.site-name{position:relative;display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.1rem;color:var(--color-text)}.site-name.has-logo{padding-left:6rem}.site-name.has-logo-large{padding-left:8rem}.site-logo{position:absolute;left:0;top:-.5rem;height:5rem;width:auto;z-index:10}.site-logo-large{height:7rem;top:-1rem}.site-name:hover{color:var(--color-accent)}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:var(--color-text-muted)}.nav-links a:hover{color:var(--color-accent)}main{flex:1;max-width:var(--max-width);width:100%;margin:0 auto;padding:2rem}.site.is-home{height:100vh;overflow:hidden}.site.is-home main{max-width:none;padding:0;margin:0}main h1{font-size:2rem;margin:3rem 0 2rem}h2{margin:.5em 0}footer{padding:2rem;text-align:center;color:var(--color-text-muted);font-size:.9rem}.home{padding-top:4rem}.home h1{font-size:2.5rem}.tagline{color:var(--color-text-muted);font-size:1.2rem;margin-bottom:2rem}.intro{margin-bottom:3rem;font-size:1.1rem}.quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.about p{margin-bottom:1rem;line-height:1.7}.projects-page{padding-top:2rem}.subtitle{color:var(--color-text-muted);margin-bottom:2rem}.projects-grid{display:grid;gap:1.5rem}.empty{color:var(--color-text-muted);font-style:italic}.link-card,.project-card{background:var(--color-bg-secondary);padding:1.5rem;border-radius:8px;color:var(--color-text);transition:transform .2s,background .2s;display:block}.link-card:hover,.project-card:hover{transform:translateY(-2px);background:var(--color-bg-hover)}.link-card h2,.project-card h2{font-size:1.2rem;margin-bottom:.5rem}.link-card p,.project-card p{color:var(--color-text-muted);font-size:.9rem}.project-card p{margin-bottom:1rem;font-size:.95rem}.tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{background:var(--color-bg);color:var(--color-accent);padding:.2rem .6rem;border-radius:4px;font-size:.8rem;font-family:var(--font-mono)}.musings-page{padding-top:2rem}.musings-list{display:grid;gap:1.5rem}.musing-card{background:var(--color-bg-secondary);padding:1.5rem;border-radius:8px;color:var(--color-text);transition:transform .2s,background .2s;display:block}.musing-card:hover{transform:translateY(-2px);background:var(--color-bg-hover)}.musing-header{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}.musing-card h2{font-size:1.2rem;margin-bottom:0}.musing-card p{color:var(--color-text-muted);font-size:.95rem;margin-bottom:.5rem}.musing-card time{color:var(--color-text-muted);font-size:.85rem}.musing-layout{display:grid;grid-template-columns:1fr 25%;gap:2rem}.musing-main header{margin-bottom:2rem}.musing-content{line-height:1.8;overflow-wrap:break-word;word-wrap:break-word}.musing-main{min-width:0}.musing-content p{margin-bottom:1.5rem}.musing-content ul,.musing-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.musing-content li{margin-bottom:.5rem}.musing-main footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--color-bg-secondary)}.sidebar{background:#ffffff1a;border-radius:8px;padding:1.5rem;height:fit-content;position:sticky;align-self:start;margin-top:4em}.sidebar-section{margin-bottom:1.5rem}.sidebar-section:last-child{margin-bottom:0}.sidebar-url{font-size:.8rem;margin-bottom:.75rem}.sidebar-git{font-size:.8rem}.git-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-text-muted);text-decoration:none;transition:color .2s}.git-link:hover{color:var(--color-text)}.git-link svg{flex-shrink:0}.sidebar-date{margin-bottom:.75rem}.sidebar-date:last-child{margin-bottom:0}.date-label,.sidebar-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.25rem}.sidebar-date time{font-size:.9rem}.sidebar-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag-back{margin-top:2rem}.project-layout{display:grid;grid-template-columns:1fr 25%;gap:2rem}.project-main header{margin-bottom:2rem}.project-image{margin-bottom:1.5rem}.project-image img{width:100%;height:auto;display:block;border-radius:.5em .5em 0 0;mask-image:linear-gradient(to bottom,black calc(100% - 2em),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black calc(100% - 2em),transparent 100%)}.project-content{line-height:1.8}.project-content p{margin-bottom:1.5rem}.project-link{margin-top:5rem;text-align:center}.visit-button{display:inline-block;background:var(--color-accent);color:var(--color-bg);padding:.75rem 1.5rem;border-radius:6px;font-weight:600;transition:background .2s}.visit-button:hover{background:var(--color-accent-hover);color:var(--color-bg)}.project-main footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--color-bg-secondary)}.tag-page{padding-top:2rem}.tag-section{margin-top:2rem}.tag-section h2{font-size:1.3rem;margin-bottom:1rem;color:var(--color-text-muted)}.tag-list{display:grid;gap:1rem}.tag-card{background:var(--color-bg-secondary);padding:1.25rem;border-radius:8px;color:var(--color-text);transition:transform .2s,background .2s;display:block}.tag-card:hover{transform:translateY(-2px);background:var(--color-bg-hover)}.tag-card h3{font-size:1.1rem;margin-bottom:.25rem}.tag-card p{color:var(--color-text-muted);font-size:.9rem;margin-bottom:.25rem}.tag-card time{color:var(--color-text-muted);font-size:.8rem}@media(max-width:700px){nav{padding:1rem}main{padding:1rem}.site-name-text{display:none}.site-name.has-logo,.site-name.has-logo-large{padding-left:4rem}.site-logo{height:3.5rem;top:-.25rem}.site-logo-large{height:4rem;top:-.25rem}.nav-links{gap:1rem}.musing-layout,.project-layout{grid-template-columns:1fr}.sidebar{order:-1;position:static;margin-top:0}}