.night{background:var(--night);min-height:100vh;color:var(--night-ink);padding:max(24px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(40px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));justify-content:center;font-weight:300;display:flex}.night-bg{background:radial-gradient(120% 70% at 50% -10%, #10214f 0%, var(--night) 60%);position:fixed;inset:0;overflow:hidden}.glow{filter:blur(70px);opacity:.55;border-radius:50%;position:absolute}.g1{background:var(--blue);width:420px;height:420px;top:-180px;left:50%;transform:translate(-50%)}.g2{opacity:.4;background:#1b3fa8;width:340px;height:340px;bottom:-200px;right:-120px}.night-card{z-index:1;flex-direction:column;gap:22px;width:100%;max-width:420px;display:flex;position:relative}.night-top{font-family:var(--font-head);color:var(--night-mute);justify-content:space-between;align-items:center;padding:4px 2px;font-weight:500;display:flex}.night-logo{width:auto;height:24px;display:block}.night h1{color:var(--night-ink);font-size:30px}.night .lead{color:var(--night-mute);font-size:17px}.clock-hero{text-align:center;flex-direction:column;gap:8px;padding:18px 0 4px;display:flex}.clock-now{font-family:var(--font-head);color:var(--night-ink);font-variant-numeric:tabular-nums;letter-spacing:-1px;font-size:44px;font-weight:600}.glass{color:#0a1430;background:linear-gradient(#ffffffeb 0%,#eef2ffdb 100%);border:1px solid #ffffff73;border-radius:18px;flex-direction:column;gap:14px;padding:20px;display:flex;position:relative;box-shadow:inset 0 1px #fffffff2,0 14px 34px -16px #000000bf}.glass label{color:#4a5468;font-size:14px;font-weight:400}.glass .input{font-variant-numeric:tabular-nums;border-color:#0a14301f;height:52px;font-size:20px}.glass p{color:#4a5468;font-weight:400}.glass b{color:#0a1430;font-family:var(--font-head);font-weight:600}.big{cursor:pointer;color:#fff;width:100%;height:64px;font-family:var(--font-head);background:linear-gradient(#4680fffa 0%,#2258e4fa 100%);border:1px solid #ffffff47;border-radius:18px;justify-content:center;align-items:center;gap:10px;font-size:19px;font-weight:600;display:flex;box-shadow:inset 0 1px #ffffff80,0 14px 34px -12px #2663ebd9}.big.out{color:var(--blue);background:linear-gradient(#fff 0%,#eef3ff 100%)}.big:disabled{opacity:.6;cursor:wait}.big:active:not(:disabled){transform:scale(.98)}.link-btn{color:var(--night-mute);cursor:pointer;background:0 0;border:0;align-self:center;padding:6px;font-size:14px;text-decoration:underline}.night .error{color:#ffb4a8;text-align:center}.done-mark{width:64px;height:64px;color:var(--blue2);background:#2663eb33;border-radius:50%;place-items:center;margin:0 auto;display:grid}.status-note{color:var(--night-mute);text-align:center;font-size:14px}.warn-note{color:#ffd38a;text-align:center;font-size:14px}.glass .input.code{letter-spacing:.25em;text-align:center;font-size:26px}a.big{text-decoration:none}.setup{flex-direction:column;gap:16px;display:flex}.setup-steps{flex-direction:column;gap:10px;display:flex}.setup-steps h2{color:var(--night-ink);font-size:17px}.setup-steps ol{counter-reset:step;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.setup-steps li{counter-increment:step;color:var(--night-ink);flex-direction:column;gap:8px;padding-left:38px;font-size:16px;font-weight:400;display:flex;position:relative}.setup-steps li:before{content:counter(step);width:26px;height:26px;color:var(--blue2);font-family:var(--font-head);background:#5b8cff38;border-radius:50%;place-items:center;font-size:14px;font-weight:600;display:grid;position:absolute;top:-1px;left:0}.setup-steps a{color:var(--blue2)}.setup-shot{border:1px solid #ffffff1f;border-radius:14px;width:100%;max-width:280px}.setup-key{color:var(--night-mute);flex-direction:column;gap:8px;font-size:14px;display:flex}.setup-key summary{cursor:pointer;color:var(--night-ink);text-align:center}.setup-key[open] summary{margin-bottom:8px}.setup-key p{margin-top:6px}.key-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.key-row code{letter-spacing:.06em;color:var(--night-ink);word-break:break-all;background:#ffffff14;border-radius:8px;padding:8px 10px;font-size:15px}.key-copy{color:var(--night-ink);cursor:pointer;font-family:var(--font-head);background:0 0;border:1px solid #ffffff4d;border-radius:10px;padding:8px 12px;font-weight:500}@media (prefers-reduced-motion:no-preference){.g1{animation:14s ease-in-out infinite alternate drift}@keyframes drift{to{transform:translate(-40%)translateY(30px)scale(1.08)}}.big{transition:transform .15s}}