:root{--color-bg: #0a0a0a;--color-bg-secondary: #111111;--color-bg-tertiary: #1a1a1a;--color-text: #ffffff;--color-text-secondary: #cccccc;--color-dim: #666666;--color-border: #333333;--color-accent: #c9a227;--color-glow: rgba(255, 255, 255, .1);--color-glow-strong: rgba(255, 255, 255, .2);--font-heading: "Oswald", sans-serif;--font-body: "Cousine", monospace;--touch-min: 44px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}h1,h2,h3{font-family:var(--font-heading)}button,[role=button],a.button{min-height:var(--touch-min);min-width:var(--touch-min);padding:.5rem 1rem}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-layout__header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);flex-shrink:0}.app-layout__nav{display:flex;flex-wrap:wrap;gap:.25rem;padding:.5rem;align-items:center}.app-layout__link{min-height:var(--touch-min);min-width:var(--touch-min);padding:.5rem .75rem;display:inline-flex;align-items:center;color:var(--color-text-secondary);text-decoration:none;font-family:var(--font-body);border-radius:4px}.app-layout__link:hover{color:var(--color-text);background:var(--color-glow)}.app-layout__link--active{color:var(--color-accent);background:var(--color-glow-strong)}.app-layout__main{flex:1;padding:1rem}@media(max-width:768px){body{font-size:16px}}