@font-face{font-family:'Montserrat';src:url('../../fonts/montserrat-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root,body,button,input,select{font-family:'Montserrat',system-ui,sans-serif}
:root{background:#05101c}
.stage{background:#05101c}
aside{background:#0b1d30;border-color:rgba(255,255,255,.08)}
.eyebrow,.title .eyebrow,.panel-heading .eyebrow{font-size:12px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:#3AA8EE}
.title h1{font-family:'Montserrat',system-ui,sans-serif;font-size:clamp(48px,5.6vw,96px);font-weight:900;font-variation-settings:'wght' 900;letter-spacing:-.055em;line-height:.86;text-transform:uppercase;margin:14px 0 12px;color:#eef3f7}
.title p{font-size:17px;font-weight:400;color:#c9d5df}
.stand-in{font-size:11px!important;font-weight:700;letter-spacing:.22em!important;color:#9fb2c3!important}
.environment-switch button,.destinations button{border-radius:0;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:10px 14px;border-color:rgba(255,255,255,.22);color:#c9d5df;background:rgba(5,16,28,.7)}
.environment-switch button.active,.destinations button.active{background:#3AA8EE;border-color:#3AA8EE;color:#04121f;box-shadow:none}
.scene-badge{border-radius:0;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;background:rgba(5,16,28,.75);border-color:rgba(255,255,255,.14)}
.scene-badge .dot{background:#3AA8EE}
.stage-bottom p{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;border-radius:0;background:rgba(5,16,28,.6)}
nav{border-radius:0;background:rgba(5,16,28,.85);border-color:rgba(255,255,255,.14)}
nav button{border-radius:0;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#c9d5df}
nav button.active{background:#3AA8EE;box-shadow:none;color:#04121f}
.model-stats{font-size:10px;letter-spacing:.06em;color:#7f93a6}
h2{font-size:clamp(28px,2.4vw,36px);font-weight:900;letter-spacing:-.035em;line-height:.95;text-transform:uppercase;color:#eef3f7}
.intro{font-size:14px;color:#c9d5df}
#reset{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#9fb2c3;background:none;border:0}
.presets button{border-radius:0;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:#05101c;border-color:rgba(255,255,255,.14);color:#c9d5df}
.presets button:hover,.presets button.active{background:#0f2a44;border-color:#3AA8EE;color:#ffffff}
.presets i{border-radius:0}
.color-row{border-radius:0;border-color:rgba(255,255,255,.08)}
.color-row.selected{background:#10273e;box-shadow:none}
.color-copy label{font-size:13px;font-weight:700;letter-spacing:.02em;color:#eef3f7}
.color-copy small{font-size:11px;color:#9fb2c3}
.hex{font-family:'Montserrat',system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.08em;color:#9fb2c3}
.options{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#c9d5df}
input[type=checkbox]{accent-color:#3AA8EE}
.save{border-radius:0;height:56px;padding:0 20px;background:#3AA8EE;border:0;box-shadow:none;color:#04121f;font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}
.save:hover{background:#6cc0f3}
.note{font-size:11px;line-height:1.7;color:#9fb2c3}
.note a{color:#3AA8EE}
aside footer{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#9fb2c3;border-color:rgba(255,255,255,.08)}
aside footer .dot{background:#3AA8EE}
#loading{background:#05101cf2;color:#9fb2c3;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
#loading strong{font-size:18px;font-weight:900;letter-spacing:-.02em;color:#eef3f7}
.spinner{border-color:#16324d;border-top-color:#3AA8EE}
@media(max-width:720px){.title h1{font-size:40px}.title .eyebrow{font-size:10px}}