/* Interpolate theme colors without affecting scene geometry. */
@property --ink{syntax:"<color>";inherits:true;initial-value:#102f28}
@property --muted{syntax:"<color>";inherits:true;initial-value:#29483e}
@property --accent{syntax:"<color>";inherits:true;initial-value:#375d49}
@property --accent-soft{syntax:"<color>";inherits:true;initial-value:#e3ecd5}
@property --glass-color-0{syntax:"<color>";inherits:true;initial-value:rgba(251,255,248,.48)}
@property --glass-color-1{syntax:"<color>";inherits:true;initial-value:rgba(230,244,236,.28)}
@property --border{syntax:"<color>";inherits:true;initial-value:rgba(255,255,255,.52)}
@property --loader-bg{syntax:"<color>";inherits:true;initial-value:#e4eee5}
@property --loader-glow{syntax:"<color>";inherits:true;initial-value:#c4d8c8}
@property --wash-color-0{syntax:"<color>";inherits:true;initial-value:#cddfcb14}
@property --wash-color-1{syntax:"<color>";inherits:true;initial-value:#1b483b06}
@property --art-a{syntax:"<color>";inherits:true;initial-value:#c6d9c4}
@property --art-b{syntax:"<color>";inherits:true;initial-value:#edf0d5}
@property --button{syntax:"<color>";inherits:true;initial-value:#244b3d}
@property --button-text{syntax:"<color>";inherits:true;initial-value:#f4f7e9}
@property --nav-panel-color-0{syntax:"<color>";inherits:true;initial-value:#f7fff2bf}
@property --nav-panel-color-1{syntax:"<color>";inherits:true;initial-value:#d8ece5a8}
@property --nav-panel-color-2{syntax:"<color>";inherits:true;initial-value:#bfd8d19c}
@property --nav-edge{syntax:"<color>";inherits:true;initial-value:#ffffffb8}
@property --nav-ink{syntax:"<color>";inherits:true;initial-value:#294b40}
@property --nav-muted{syntax:"<color>";inherits:true;initial-value:#47665d}
@property --nav-active-color-0{syntax:"<color>";inherits:true;initial-value:#fcffece8}
@property --nav-active-color-1{syntax:"<color>";inherits:true;initial-value:#dcefc5e6}
@property --nav-active-color-2{syntax:"<color>";inherits:true;initial-value:#e9d696d9}
@property --nav-glow{syntax:"<color>";inherits:true;initial-value:#eff5ba66}
@property --nav-shadow{syntax:"<color>";inherits:true;initial-value:#0c33232b}
@property --nav-mark{syntax:"<color>";inherits:true;initial-value:#a78c43}
:root{--ink:#102f28;--muted:#29483e;--accent:#375d49;--accent-soft:#e3ecd5;--glass-color-0:rgba(251,255,248,.48);--glass-color-1:rgba(230,244,236,.28);--border:rgba(255,255,255,.52);--loader-bg:#e4eee5;--loader-glow:#c4d8c8;--wash-color-0:#cddfcb14;--wash-color-1:#1b483b06;--art-a:#c6d9c4;--art-b:#edf0d5;--button:#244b3d;--button-text:#f4f7e9;--nav-panel-color-0:#f7fff2bf;--nav-panel-color-1:#d8ece5a8;--nav-panel-color-2:#bfd8d19c;--nav-edge:#ffffffb8;--nav-ink:#294b40;--nav-muted:#47665d;--nav-active-color-0:#fcffece8;--nav-active-color-1:#dcefc5e6;--nav-active-color-2:#e9d696d9;--nav-glow:#eff5ba66;--nav-shadow:#0c33232b;--nav-mark:#a78c43;--glass:linear-gradient(130deg,var(--glass-color-0),var(--glass-color-1));--wash:linear-gradient(90deg,var(--wash-color-0),var(--wash-color-1));--nav-panel:linear-gradient(155deg,var(--nav-panel-color-0),var(--nav-panel-color-1) 52%,var(--nav-panel-color-2));--nav-active:linear-gradient(135deg,var(--nav-active-color-0),var(--nav-active-color-1) 65%,var(--nav-active-color-2));}
:root[data-theme=evening]{--ink:#35232e;--muted:#50333f;--accent:#774c49;--accent-soft:#f3dcd1;--glass-color-0:rgba(255,241,230,.48);--glass-color-1:rgba(236,217,231,.28);--border:#fff4e580;--loader-bg:#efddd8;--loader-glow:#dfb4b6;--wash-color-0:#4a233114;--wash-color-1:#e99c5b0a;--art-a:#e4c3b8;--art-b:#ecdbed;--button:#66434f;--button-text:#fff0e4;--nav-panel-color-0:#fff1e5b8;--nav-panel-color-1:#e7cdd3a6;--nav-panel-color-2:#bbaec39c;--nav-edge:#fff2e4b3;--nav-ink:#573e4c;--nav-muted:#6f535f;--nav-active-color-0:#fff8e5f0;--nav-active-color-1:#f4d6bfe6;--nav-active-color-2:#e6bdcbd9;--nav-glow:#f4d4b866;--nav-shadow:#32203640;--nav-mark:#a36b4d;--glass:linear-gradient(130deg,var(--glass-color-0),var(--glass-color-1));--wash:linear-gradient(90deg,var(--wash-color-0),var(--wash-color-1));--nav-panel:linear-gradient(155deg,var(--nav-panel-color-0),var(--nav-panel-color-1) 52%,var(--nav-panel-color-2));--nav-active:linear-gradient(135deg,var(--nav-active-color-0),var(--nav-active-color-1) 65%,var(--nav-active-color-2));}
:root[data-theme=night]{--ink:#edf1e3;--muted:#bdcfc9;--accent:#b5d8c0;--accent-soft:#304e4b;--glass-color-0:rgba(28,54,53,.52);--glass-color-1:rgba(24,44,47,.32);--border:#dceee24d;--loader-bg:#122c30;--loader-glow:#284d48;--wash-color-0:#051b2936;--wash-color-1:#0615200a;--art-a:#3c625a;--art-b:#263e4e;--button:#d4e5ca;--button-text:#1b3c35;--nav-panel-color-0:#355a5fc7;--nav-panel-color-1:#1a343ed1;--nav-panel-color-2:#102a35d9;--nav-edge:#c0dfd74d;--nav-ink:#d8e9dc;--nav-muted:#a4c1bb;--nav-active-color-0:#e6efdbeF;--nav-active-color-1:#b8d9cce6;--nav-active-color-2:#d1ce98e6;--nav-glow:#b9debb38;--nav-shadow:#04172066;--nav-mark:#dfc77f;--glass:linear-gradient(130deg,var(--glass-color-0),var(--glass-color-1));--wash:linear-gradient(90deg,var(--wash-color-0),var(--wash-color-1));--nav-panel:linear-gradient(155deg,var(--nav-panel-color-0),var(--nav-panel-color-1) 52%,var(--nav-panel-color-2));--nav-active:linear-gradient(135deg,var(--nav-active-color-0),var(--nav-active-color-1) 65%,var(--nav-active-color-2));}
:root:not(.is-loading){transition:--intro-tint 1000ms ease-in-out,--ink 1000ms ease-in-out,--muted 1000ms ease-in-out,--accent 1000ms ease-in-out,--accent-soft 1000ms ease-in-out,--glass-color-0 1000ms ease-in-out,--glass-color-1 1000ms ease-in-out,--border 1000ms ease-in-out,--loader-bg 1000ms ease-in-out,--loader-glow 1000ms ease-in-out,--wash-color-0 1000ms ease-in-out,--wash-color-1 1000ms ease-in-out,--art-a 1000ms ease-in-out,--art-b 1000ms ease-in-out,--button 1000ms ease-in-out,--button-text 1000ms ease-in-out,--nav-panel-color-0 1000ms ease-in-out,--nav-panel-color-1 1000ms ease-in-out,--nav-panel-color-2 1000ms ease-in-out,--nav-edge 1000ms ease-in-out,--nav-ink 1000ms ease-in-out,--nav-muted 1000ms ease-in-out,--nav-active-color-0 1000ms ease-in-out,--nav-active-color-1 1000ms ease-in-out,--nav-active-color-2 1000ms ease-in-out,--nav-glow 1000ms ease-in-out,--nav-shadow 1000ms ease-in-out,--nav-mark 1000ms ease-in-out}
.scene-transition{position:absolute;inset:0;opacity:0;pointer-events:none;background-size:cover;background-position:center}.scene-transition canvas{display:block;width:100%;height:100%;object-fit:cover}
@media(prefers-reduced-motion:reduce){:root:not(.is-loading){transition:none}.scene-transition{display:none}}

@property --intro-tint{syntax:"<color>";inherits:true;initial-value:#e8f3dd}
:root{--intro-tint:#e8f3dd}:root[data-theme=evening]{--intro-tint:#f6e2d2}:root[data-theme=night]{--intro-tint:#05181f}