:root{--bg:#0a0a0a;--surface:#141414;--border:#2a2a2a;--text-primary:#f5f5f5;--text-muted:#666;--text-hint:#2e2e2e;--green:#22c55e;--yellow:#eab308;--orange:#f97316;--red:#ef4444;--pill-active-bg:#f5f5f5;--pill-active-text:#0a0a0a;--pill-inactive-text:#555;--pill-inactive-border:#2a2a2a;--font-sans:"DM Sans", sans-serif;--font-mono:"DM Mono", monospace}[data-theme=light]{--bg:#f5f5f0;--surface:#ebebeb;--border:#d8d8d8;--text-primary:#0a0a0a;--text-muted:#666;--text-hint:#c8c8c8;--pill-active-bg:#0a0a0a;--pill-active-text:#f5f5f5;--pill-inactive-text:#888;--pill-inactive-border:#d0d0d0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);transition:background .4s}#root{flex-direction:column;min-height:100dvh;display:flex}button{cursor:pointer;font-family:var(--font-sans);color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none}ul{list-style:none}@keyframes pivot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}@keyframes bloom-expand{0%{opacity:.7;transform:scale(.8)}to{opacity:0;transform:scale(2.4)}}@keyframes note-pop{0%{opacity:0;transform:scale(.92)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}