:root{--color-bg:oklch(20% .015 250);--color-surface:oklch(25% .02 250);--color-text:oklch(93% .01 250);--color-muted:oklch(72% .02 250);--color-accent:oklch(68% .14 245);--nav-width:15rem;--radius:.375rem}@media (prefers-color-scheme:light){:root{--color-bg:oklch(98% .005 250);--color-surface:oklch(95% .008 250);--color-text:oklch(25% .02 250);--color-muted:oklch(50% .02 250)}}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.app-shell{min-height:100vh;display:flex}.app-shell>.app-shell__nav{width:var(--nav-width);background:var(--color-surface);flex-shrink:0;padding:1.5rem 1rem}.app-shell>.app-shell__nav ul{margin:1.5rem 0 0;padding:0;list-style:none}.app-shell .app-shell__brand{letter-spacing:.02em;color:var(--color-accent);font-weight:600}.app-shell .app-shell__nav-item{border-radius:var(--radius);width:100%;color:var(--color-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:.5rem .75rem}.app-shell .app-shell__nav-item:hover{background:color-mix(in oklch, var(--color-text) 8%, transparent);color:var(--color-text)}.app-shell .app-shell__nav-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.app-shell>.app-shell__main{flex:1;padding:2rem}.app-shell>.app-shell__main h1{margin-top:0}.app-shell>.app-shell__main p{max-width:60ch;color:var(--color-muted);line-height:1.6}