.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.site-header .brand{justify-self:start}.site-header .nav{justify-self:center}.header-tools{display:flex;align-items:center;gap:12px;justify-self:end}.header-tools .header-label{margin:0}#theme-toggle{cursor:pointer;border:1px solid #383840;background:#f0f0f2;color:#111116;padding:6px 9px;min-height:32px;min-width:54px;font:11px var(--mono);letter-spacing:.04em}.theme-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
html[data-theme=light]{color-scheme:light;--bg:#fafafa;--surface:#f0f0f5;--ink:#17171d;--muted:#63636e;--line:#dcdce3;--accent:#5056c7}
html[data-theme=light] .site-header{background:#fafafaf5}html[data-theme=light] #theme-toggle{background:#17171d;color:white;border-color:#17171d}
html[data-theme=light] .hero{background:#fafafe}html[data-theme=light] .hero::before,html[data-theme=light] .hero::after{border-color:#d5d7e3}html[data-theme=light] .space-haze{background:radial-gradient(ellipse at 50% 45%,#e7e8fb80,transparent 62%),linear-gradient(180deg,transparent 55%,#fafafa)}html[data-theme=light] .hero-intro{color:var(--muted)}html[data-theme=light] .hero-tags span{background:#ffffffb0;border-color:#dcdde8;color:#666c7a}html[data-theme=light] .hero-tags span:last-child{color:var(--accent)}html[data-theme=light] #sound-toggle{color:#636879;border-color:#c9ccd9}html[data-theme=light] #sound-toggle:hover,html[data-theme=light] #sound-toggle[aria-pressed=true]{background:#eeeffa;color:#404791;border-color:#9298c9}html[data-theme=light] #sound-note,html[data-theme=light] .space-coordinate,html[data-theme=light] .scroll-link{color:#686e7c}
html[data-theme=light] .flip-face{background:linear-gradient(135deg,#fff,#f1f1f8);border-color:#dcdce7;box-shadow:0 18px 50px #30305b0c}html[data-theme=light] .flip-back{background:radial-gradient(ellipse at center,#e5e5fa,#f9f9fc 75%)}html[data-theme=light] .project-visual{background:#f0f0f6}html[data-theme=light] .placeholder{border-color:#bbbcc9}html[data-theme=light] .page-curtain{background:#eeeef5}
html[data-theme=light] .proposal-page{--slide-accent:#5056c7}html[data-theme=light] .presentation-bar,html[data-theme=light] .presentation-footer{background:#fafafaf5}html[data-theme=light] .speaker-notes p{color:#555564}html[data-theme=light] .concept-board{background:#f1f1f7;border-color:#d5d5e1}html[data-theme=light] .concept-grid .cell{background:#e3e3ed;border-color:#cfcfdb}html[data-theme=light] .concept-grid .cell.active{background:#646acc;border-color:#5056b0}html[data-theme=light] .concept-grid .cell.snare.active{background:#63636e;border-color:#4e4e59}html[data-theme=light] .concept-grid .cell.hihat.active{background:#999cd7;border-color:#8589c5}html[data-theme=light] .presentation-footer button{border-color:#c5c5d3}html[data-theme=light] .voice-mark.stroke:after{border-color:#63636e}
@media(min-width:761px) and (max-width:1000px){.header-tools .header-label{display:none}.site-header .nav{gap:24px}}
@media(max-width:760px){.site-header{grid-template-columns:1fr 1fr;gap:15px}.site-header .nav{grid-column:1/-1;grid-row:2;justify-self:center;justify-content:center;gap:clamp(18px,6vw,30px);width:100%}.header-tools{grid-column:2;grid-row:1;gap:8px}.header-tools .header-label{font-size:9px}#theme-toggle{font-size:10px}}