:root{--bg: oklch(13% .012 250);--bg-sidebar: oklch(10% .008 250);--bg-elevated: oklch(18% .015 250);--border: oklch(28% .02 250 / 50%);--text: oklch(88% .005 80);--text-muted: oklch(60% .005 80);--accent: oklch(74% .16 55);--accent-dim: oklch(74% .16 55 / 12%);--color-signal: oklch(65% .2 145);--font-mono: ui-monospace, "Cascadia Code", "Fira Code", monospace}html[data-theme=light]{--bg: oklch(97% .005 80);--bg-sidebar: oklch(92% .008 80);--bg-elevated: oklch(89% .008 80);--border: oklch(72% .01 250 / 60%);--text: oklch(18% .008 250);--text-muted: oklch(45% .008 250);--accent: oklch(52% .19 55);--accent-dim: oklch(52% .19 55 / 14%);--color-signal: oklch(45% .18 145);color-scheme:light}@media(prefers-color-scheme:light){html[data-theme=auto]{--bg: oklch(97% .005 80);--bg-sidebar: oklch(92% .008 80);--bg-elevated: oklch(89% .008 80);--border: oklch(72% .01 250 / 60%);--text: oklch(18% .008 250);--text-muted: oklch(45% .008 250);--accent: oklch(52% .19 55);--accent-dim: oklch(52% .19 55 / 14%);--color-signal: oklch(45% .18 145);color-scheme:light}}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;color-scheme:dark;accent-color:var(--accent)}body{display:flex;min-height:100vh;margin:0;padding:0;font:100%/1.6 system-ui,sans-serif;background:var(--bg);color:var(--text)}h1,h2,h3,h4,h5,h6{line-height:1.1;text-wrap:balance;margin-top:0}h1{font-size:clamp(1.75rem,3.5vw,2.75rem)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}aside.sidebar{width:220px;flex-shrink:0;height:100vh;position:sticky;top:0;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:2rem 1.5rem;gap:.25rem;overflow-y:auto}main.content{flex:1;padding:3rem 4rem;position:relative}main.content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 40'%3E%3Cpath d='M0,20 C54.6,0 95.4,0 150,20 C204.6,40 245.4,40 300,20' stroke='%2338c0bc' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:repeat;background-position:0 0;background-size:300px 60px;opacity:.055;animation:wave-bg-scroll 40s linear infinite}@keyframes wave-bg-scroll{0%{background-position:0 0}to{background-position:-300px 0}}.sidebar-identity{margin-bottom:1.25rem}.sidebar-identity .site-name{font-family:var(--font-mono);font-size:.78rem;font-variant:small-caps;letter-spacing:.12em;color:var(--text);margin:0 0 .25rem;text-transform:uppercase}.sidebar-identity .site-sub{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);margin:0;line-height:1.4}.sidebar-divider{height:1px;background:var(--border);margin:.75rem 0}.sidebar-nav{display:flex;flex-direction:column;gap:.15rem;list-style:none;margin:0;padding:0}.sidebar-nav a{display:flex;align-items:center;padding:.4rem .6rem;border-radius:4px;font-size:.875rem;color:var(--text-muted);text-decoration:none;border-left:2px solid transparent;transition:color .12s,background-color .12s,border-color .12s}.sidebar-nav a:hover{color:var(--text);background:var(--accent-dim)}.sidebar-nav a.active{color:var(--accent);background:var(--accent-dim);border-left-color:var(--accent)}.sidebar-spacer{flex:1}.sidebar-bottom{display:flex;flex-direction:column;gap:.5rem}.sidebar-github,.sidebar-linkedin{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);text-decoration:none}.sidebar-github:hover,.sidebar-linkedin:hover{color:var(--text);text-decoration:none}.sidebar-theme{display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted)}.sidebar-theme select{font:inherit;font-size:.72rem;background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border);border-radius:3px;padding:.15rem .3rem;cursor:pointer}.hamburger{display:none;position:fixed;top:1rem;right:1rem;z-index:200;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);padding:.4rem .6rem;border-radius:4px;cursor:pointer;font-size:1.1rem;line-height:1}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000007f;z-index:99}@media(max-width:700px){.hamburger{display:block}aside.sidebar{position:fixed;z-index:100;height:100%;transform:translate(-100%);transition:transform .22s ease}aside.sidebar.open{transform:translate(0)}.sidebar-backdrop.open{display:block}main.content{padding:4.5rem 1.25rem 2rem;max-width:100%}}form{display:grid;grid-template-columns:max-content 1fr;gap:1rem;align-items:start;max-width:50ch}form label{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;gap:.4rem}form button{grid-column:1 / -1;width:100%;padding:.75rem 1rem;cursor:pointer;font-family:var(--font-mono);letter-spacing:.05em;border:1px solid var(--accent);background:transparent;color:var(--accent);border-radius:4px;transition:background-color .15s,color .15s}form button:hover{background:var(--accent);color:#070707}input,textarea{font:inherit;width:100%;background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:.45rem .6rem}textarea{resize:vertical}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15em,1fr));gap:1em;margin-block:2em}.page-content{max-width:80ch}