:root{--bg:#0b1017;--surface:#121b26;--surface-2:#192534;--text:#f3f6fa;--text-2:#a8b5c6;--accent:#43d9c5;--accent-2:#8b9cff;--ok:#57d99b;--warn:#f2be63;--err:#f17c86}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:var(--accent)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.app-shell{flex-direction:column;min-height:100%;display:flex}.app-shell nav ul{background:var(--surface);flex-wrap:wrap;gap:1rem;margin:0;padding:1rem 1.5rem;list-style:none;display:flex}.app-shell nav a{color:var(--text-2);text-decoration:none}.app-shell nav a.active{color:var(--accent)}main{flex:1;padding:2rem 1.5rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}