@font-face{font-family:Inter;font-style:normal;font-weight:300 600;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orbitron;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/orbitron-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #141415;--text: #d7dadc;--text-muted: #818384;--button-bg: rgba(255,255,255,.07);--button-text: #d7dadc;--accent: #e04040;--accent-hover: #c73535;--accent-contrast: #ffffff;--surface: #1e1f20;--surface-raised: #282829;--border-color: #373739;--input-bg: #1e1f20;--input-border: #373739;--input-focus-border: var(--accent);--input-focus-ring: 0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent);--input-placeholder: color-mix(in srgb, var(--text) 40%, transparent);--input-padding: 12px 14px;--input-radius: 10px;--input-font-size: .95rem;--input-border-w: 1px;--input-transition: border-color .2s ease, box-shadow .2s ease;--color-error: #ef5350;--color-success: #4caf50;--color-warning: #ffa726;--color-info: #42a5f5;--color-down: #ef5350;--color-up: #4caf50}:root[data-theme=light],body:not(.dark-mode){--bg: #f7f4ef;--text: #0f172a;--text-muted: #64748b;--button-bg: rgba(0,0,0,.05);--button-text: #0f172a;--accent: #357abd;--accent-hover: #2a6199;--accent-contrast: #ffffff;--surface: #fffdf8;--surface-raised: #f3ede4;--border-color: #d4cbbf;--input-bg: #f3ede4;--input-border: #d4cbbf;--color-error: #d32f2f;--color-success: #2e7d32;--color-warning: #ef6c00;--color-info: #1565c0;--color-down: #d32f2f;--color-up: #2e7d32}:root[data-theme=dark],body.dark-mode{--bg: #141415;--text: #d7dadc;--text-muted: #818384;--button-bg: rgba(255,255,255,.07);--button-text: #d7dadc;--accent: #e04040;--accent-hover: #c73535;--accent-contrast: #ffffff;--surface: #1e1f20;--surface-raised: #282829;--border-color: #373739;--input-bg: #1e1f20;--input-border: #373739;--color-error: #ef5350;--color-success: #4caf50;--color-warning: #ffa726;--color-info: #42a5f5;--color-down: #ef5350;--color-up: #4caf50}:root{--error: var(--color-error);--success: var(--color-success);--warning: var(--color-warning);--info: var(--color-info)}:root{--toast-error-bg: #b71c1c;--toast-warning-bg: #e65100;--toast-success-bg: #1b5e20;--toast-info-bg: #0d47a1}:root[data-theme=light],body:not(.dark-mode){--toast-error-bg: #d32f2f;--toast-warning-bg: #f57c00;--toast-success-bg: #2e7d32;--toast-info-bg: #1976d2}:root[data-theme=dark],body.dark-mode{--toast-error-bg: #b71c1c;--toast-warning-bg: #e65100;--toast-success-bg: #1b5e20;--toast-info-bg: #0d47a1}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root{--radius-s: 8px;--radius-m: 14px;--radius-l: 24px;--radius-card: 16px;--shadow-soft: 0 12px 40px color-mix(in srgb, var(--bg) 70%, transparent);--shadow-strong: 0 24px 80px color-mix(in srgb, var(--accent) 25%, transparent);--border-soft: 1px solid var(--border-color, #343536);--accent-faint: color-mix(in srgb, var(--accent) 8%, transparent);--border-subtle: color-mix(in srgb, var(--text) 6%, transparent);--surface-hover: color-mix(in srgb, var(--text) 6%, transparent);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 500;--z-modal: 1000;--z-modal-front: 1010;--z-toast: 1100;--z-nav: 1200;--z-sidebar: 1300;--z-loader: 9999}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;padding:clamp(16px,4vw,40px);font-family:Inter,sans-serif;color:var(--text, #d7dadc);background:var(--bg, #141415);-webkit-font-smoothing:antialiased}h1{font-size:clamp(28px,5vw,48px);margin-bottom:10px}p{font-size:clamp(16px,1.8vw,20px);margin-bottom:clamp(20px,4vw,40px)}body:not(.dark-mode),.dark-mode{background:var(--bg);color:var(--text)}.noscript-banner{background:var(--accent, #6c5ce7);color:#fff;text-align:center;padding:1rem 1.5rem;font-size:.95rem;line-height:1.5;border-radius:var(--radius-s, 8px);margin:2rem auto;max-width:600px}:root[data-theme=dark]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark] small,:root[data-theme=dark] .label,:root[data-theme=dark] .legend-item,:root[data-theme=dark] .bar-label,:root[data-theme=dark] .age-hint,:root[data-theme=dark] .life-grid-subtitle,:root[data-theme=dark] .tagline,:root[data-theme=dark] .saved-calc-meta{letter-spacing:.01em}button{padding:12px 20px;margin:6px;font-size:clamp(14px,1.6vw,16px);border:none;border-radius:8px;background-color:var(--button-bg);color:var(--button-text);cursor:pointer;transition:background-color .2s ease,box-shadow .15s ease,transform .08s ease}button:hover{background-color:var(--accent)}button:focus-visible,a:focus-visible,input[type=checkbox]:focus-visible,input[type=radio]:focus-visible,.menu-btn:focus-visible,.sidebar__close:focus-visible,.sidebar__signout:focus-visible,.auth-submit:focus-visible,.band-tile:focus-visible,.bubble:focus-visible,.grid-toggle:focus-visible,.type-badge:focus-visible,.faq-toggle:focus-visible,.cookie-accept:focus-visible,.cookie-reject:focus-visible,.app-preview__tab:focus-visible,.home-calc__cta:focus-visible,.saved-card__load:focus-visible,.saved-card__delete:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:2px;box-shadow:0 0 0 3px color-mix(in srgb,var(--surface) 75%,transparent)}:where(a,button,summary,[tabindex]:not([tabindex="-1"]),[role=button],[role=tab],[role=link],[role=menuitem]):focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:2px}input:focus-visible:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):not([type=image]):not([type=range]):not([type=color]),select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--input-focus-border);box-shadow:var(--input-focus-ring)}.close-cta,[class*=__close],[class*=-close],button[aria-label*=close i],button[aria-label*=dismiss i]{display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}button.small,.auth-buttons button,.deny-oslo{padding:8px 10px;margin:0;background:var(--button-bg);border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:8px;box-shadow:none;transition:transform .12s ease,box-shadow .16s ease,background-color .2s ease}button.small:hover,button.small:focus-visible{opacity:.96;transform:translateY(-2px);box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 25%,transparent)}.theme-buttons .small.active{background:linear-gradient(180deg,var(--accent),var(--accent));border-color:var(--accent);box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 60%,transparent)}body:not(.dark-mode) .theme-buttons .small[aria-pressed=true]{outline:2px solid rgba(53,122,189,.12);outline-offset:2px}.dark-mode .theme-buttons #dark-btn[aria-pressed=true]{outline:2px solid rgba(224,64,64,.15)}.theme-buttons .small:focus-visible{outline:2px solid rgba(255,255,255,.18);outline-offset:2px}.profile-bio,.profile-collections,.friend-nickname,.calc-result-text,.sd-title,.contact-message,.settings-section,[data-user-content]{overflow-wrap:break-word;word-break:break-word}body:not(.dark-mode) .theme-buttons #light-btn{border-color:var(--accent);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 35%,transparent)}body:not(.dark-mode) .theme-buttons #light-btn.active{background:linear-gradient(180deg,var(--accent),var(--accent));border-color:var(--accent);color:var(--accent-contrast)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}header{position:relative;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:clamp(16px,3vw,24px) clamp(16px,4vw,40px);min-height:80px}.site-heading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:56px;text-decoration:none;color:inherit;cursor:pointer;transition:opacity .18s ease,transform .18s ease}.site-heading:hover{text-decoration:none;color:inherit;opacity:.78;transform:translate(-50%,-50%) translateY(-1px)}.site-title{font-weight:800;font-size:1.65rem;margin:0;line-height:1.15;letter-spacing:-.02em;color:var(--text)}.site-sub{font-size:.78rem;opacity:.45;margin:0;line-height:1.3;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.header-actions{display:flex;gap:6px;align-items:center;justify-self:end;margin-left:auto}.header-actions .inline-nav{order:1}.header-actions .header-portfolio-link{order:3}.header-actions .theme-buttons{order:4;display:none}.header-actions .quick-log-link{order:5}.header-actions .auth-buttons{order:10}.theme-buttons,.auth-buttons{display:flex;gap:4px}.quick-log-link{border:1px solid color-mix(in srgb,var(--text) 12%,transparent);padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--surface) 96%,transparent);color:var(--text);font-weight:600;display:inline-flex;align-items:center;box-shadow:0 10px 24px color-mix(in srgb,var(--bg) 62%,transparent)}.header-actions .small,.header-actions .quick-log-link,.header-actions .header-portfolio-link,.header-actions .inline-nav__link{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:8px 14px;border-radius:8px;background:color-mix(in srgb,var(--surface) 96%,transparent);color:var(--text);border:1px solid color-mix(in srgb,var(--text) 12%,transparent);box-shadow:0 6px 16px color-mix(in srgb,var(--bg) 50%,transparent);font-weight:600;font-size:.88rem;line-height:1.1;transition:transform .14s ease,box-shadow .16s ease,background-color .2s ease}.header-actions .small:hover,.header-actions .quick-log-link:hover,.header-actions .header-portfolio-link:hover,.header-actions .inline-nav__link:hover{background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 12px 24px #0000002e,0 26px 64px #00000047,0 32px 88px color-mix(in srgb,var(--bg) 100%,transparent);transform:translateY(-2px)}.inline-nav{display:none;align-items:center;gap:4px}.inline-nav__link{text-decoration:none;white-space:nowrap}.inline-nav__link.is-active{border-color:color-mix(in srgb,var(--accent) 30%,transparent)!important;color:var(--accent)!important}@media(min-width:768px){.inline-nav{display:flex}}@media(max-width:767px){.inline-nav{display:none!important}header{flex-wrap:wrap;justify-content:center;gap:8px}.site-heading{position:static;transform:none;width:100%;align-items:center}.header-actions{justify-content:center;width:100%;flex-wrap:wrap}}.home-wrap,.dark-mode .home-wrap{background:var(--bg)}.footer{position:relative;z-index:1;text-align:center;padding:clamp(1rem,3vw,2rem) clamp(.75rem,2vw,1rem);margin-top:clamp(2rem,5vw,4rem);border-top:1px solid color-mix(in srgb,var(--text) 10%,transparent);color:var(--text-muted)}.footer a{margin:0 1rem;color:var(--text);text-decoration:none}.footer a:hover{text-decoration:underline}.footer-copy{font-size:.85rem;margin:.75rem 0 .25rem;opacity:.7}.based-in{display:inline-flex;align-items:center;gap:.3rem;font-size:.9rem;margin-top:.5rem}.photo-credit{margin:.75rem 0 0;font-size:.72rem;opacity:.4;letter-spacing:.01em}.photo-credit a{margin:0;font-weight:600}.menu-btn{font-size:20px;background:var(--button-bg);color:var(--button-text);width:44px;height:44px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:var(--z-nav, 1200);margin:0}.menu-btn.is-hidden{opacity:0;pointer-events:none;transition:opacity .2s ease}:root[data-theme=light] .menu-btn,body:not(.dark-mode) .menu-btn{background:var(--accent);color:var(--accent-contrast);border:1px solid rgba(0,0,0,.06);box-shadow:0 0 0 1px #0000000f,0 0 16px color-mix(in srgb,var(--accent) 36%,transparent)}:root[data-theme=dark] .menu-btn,body.dark-mode .menu-btn{background:var(--surface);color:var(--accent);border:1px solid var(--border-color);box-shadow:0 0 0 1px var(--border-color),0 0 14px color-mix(in srgb,var(--accent) 35%,transparent)}:root[data-theme=dark] .menu-btn:hover,body.dark-mode .menu-btn:hover{background:var(--surface-raised)}.menu-btn--floating{position:fixed;top:72px;left:64px;z-index:var(--z-sidebar, 1300);box-shadow:0 12px 28px #00000047;pointer-events:auto}.sidebar{position:fixed;inset:0 auto 0 0;width:280px;max-width:82vw;height:100%;background:var(--surface);box-shadow:12px 0 32px #00000047;transform:translate(-105%);transition:transform .3s ease;z-index:var(--z-sidebar, 1300);display:flex;flex-direction:column}.sidebar.is-visible{transform:translate(0)}.sidebar__header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--input-border)}.sidebar__title{font-size:1.25rem;font-weight:600;color:var(--text)}.sidebar__close{background:transparent;border:none;color:var(--text);font-size:1.5rem;cursor:pointer}.sidebar__nav{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.sidebar__nav a{color:var(--text);text-decoration:none;padding:.5rem;border-radius:.5rem;transition:background .3s ease}.sidebar__nav a:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.sidebar__nav a:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px;box-shadow:0 0 0 2px color-mix(in srgb,var(--surface) 100%,transparent)}.sidebar__nav a.sidebar__subnav{padding-left:1.5rem;font-size:1em;opacity:.85}.sidebar__nav a.sidebar__subnav.is-active{opacity:1}.sidebar__nav a.is-active{background:var(--accent);color:var(--accent-contrast);animation:navPulse 2.6s ease-in-out infinite}#login-btn.is-username{color:var(--accent);font-weight:700}.sidebar__signout{margin-top:auto;padding:.75rem;background:var(--accent);color:var(--accent-contrast);border:none;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:background .3s ease;width:calc(100% - 2rem);align-self:center;text-align:center}.sidebar .theme-buttons{padding:0 1rem 1rem;gap:6px}.sidebar .theme-buttons .small{flex:1;justify-content:center}.sidebar__signout:hover{background:color-mix(in srgb,var(--accent) 85%,transparent)}.sidebar__signout:focus-visible{outline:2px solid var(--accent-contrast);outline-offset:-2px}.sidebar-backdrop{position:fixed;inset:0;background:#00000080;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:var(--z-overlay, 500)}.sidebar-backdrop.is-visible{opacity:1;pointer-events:auto}@keyframes navPulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 26%,transparent)}55%{box-shadow:0 0 0 10px color-mix(in srgb,var(--accent) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--accent) 0%,transparent)}}@media(prefers-reduced-motion:reduce){.sidebar__nav a.is-active{animation:none}}body[data-page=home] .big-clock,.home-inline-clock{font-family:Orbitron,monospace;-webkit-font-smoothing:antialiased}.auth-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .24s ease;z-index:var(--z-modal, 1000)}.auth-modal.is-visible{opacity:1;pointer-events:auto}.auth-modal__backdrop{position:absolute;inset:0;background:#00000073}.auth-modal__panel{position:relative;width:min(520px,calc(100% - 32px));background:var(--surface);color:var(--text);border:1px solid color-mix(in srgb,var(--text) 12%,transparent);box-shadow:0 18px 38px #00000047;border-radius:18px;padding:56px 40px 36px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:left;z-index:var(--z-modal-front, 1010)}:root[data-theme=light] .auth-modal__panel,body:not(.dark-mode) .auth-modal__panel{box-shadow:0 12px 30px #00000014}.auth-modal__close{position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:50%;border:none;background:var(--button-bg);color:var(--button-text);font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center}.auth-modal__back{position:absolute;top:14px;left:14px;width:38px;height:38px;border-radius:50%;border:none;background:var(--button-bg);color:var(--button-text);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.auth-modal__back:hover{background:color-mix(in srgb,var(--accent) 25%,transparent)}.auth-modal__back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-modal__badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;background:color-mix(in srgb,var(--text) 10%,transparent);color:var(--text);margin-bottom:10px}.auth-modal__intro{margin:0 0 24px;color:color-mix(in srgb,var(--text) 80%,transparent)}.auth-footnote{margin-top:18px;font-size:13px;color:color-mix(in srgb,var(--text) 60%,transparent)}.auth-footnote+.auth-footnote{margin-top:.25rem}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form label{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.auth-form input,.auth-form select{width:100%}.turnstile-slot{min-height:65px}.turnstile-slot>div{margin:0 auto}.password-toggle{border:none;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);font-weight:600;padding:.35rem .75rem;border-radius:999px;cursor:pointer}.auth-form__split{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.auth-submit{margin-top:6px;width:100%;background:var(--accent);border:none;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-contrast)}.auth-submit.secondary{margin-top:10px;background:transparent;color:var(--text);border:1px solid color-mix(in srgb,var(--text) 25%,transparent)}#login-form .auth-submit.btn-signup,#login-form .auth-submit.btn-enter{background:var(--surface-raised, #242526);color:var(--text);border:1px solid var(--border-color, #343536);box-shadow:none}#login-form .auth-submit.btn-signup:hover,#login-form .auth-submit.btn-enter:hover{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}#login-form .auth-submit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-remember{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--text) 6%,transparent);font-weight:600;border:1px solid var(--input-border)}.auth-remember input{flex-shrink:0;width:18px;height:18px;accent-color:var(--accent);margin:0}.auth-remember span{color:var(--text)}.auth-forgot{margin:.75rem 0 0;text-align:center;font-size:.85rem;color:color-mix(in srgb,var(--text) 60%,transparent)}.auth-forgot a{color:var(--accent);font-weight:600;text-decoration:none}.auth-forgot a:hover{text-decoration:underline}.forgot-resend-link{background:none;border:none;color:var(--accent);font-weight:600;font-size:inherit;cursor:pointer;text-decoration:none;padding:0}.forgot-resend-link:hover{text-decoration:underline}.auth-mode-toggle{display:flex;gap:.75rem;margin:1.25rem 0}.auth-mode-toggle .mode-btn{flex:1;border:2px solid color-mix(in srgb,var(--accent) 35%,transparent);background:transparent;color:var(--text);padding:.65rem 0;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.auth-mode-toggle .mode-btn.is-active,.auth-mode-toggle .mode-btn:hover,.auth-mode-toggle .mode-btn:focus-visible{background:var(--accent);color:var(--accent-contrast);box-shadow:0 10px 25px color-mix(in srgb,var(--accent) 35%,transparent);transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}body.modal-open{overflow:hidden}.code-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .24s ease;z-index:var(--z-modal, 1000)}.code-modal.is-visible{opacity:1;pointer-events:auto}.code-modal__backdrop{position:absolute;inset:0;background:#00000073}.code-modal__panel{position:relative;width:min(420px,calc(100% - 32px));background:var(--surface);color:var(--text);border:1px solid color-mix(in srgb,var(--text) 12%,transparent);box-shadow:0 18px 38px #00000047;border-radius:16px;padding:28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;z-index:var(--z-modal-front, 1010)}.code-modal__title{margin:0 0 1rem;font-size:1.75rem;color:var(--accent);text-align:center}.code-modal__panel p{margin:0 0 1.5rem;text-align:center}.code-modal__close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:none;background:var(--button-bg);color:var(--button-text);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.code-form{display:flex;flex-direction:column;gap:12px}.code-form label{font-weight:500;color:var(--text)}.code-form input{padding:12px;border-radius:10px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text);font-size:16px;letter-spacing:.2em;text-align:center}.code-form input:focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);border-color:transparent}.code-digits{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;max-width:320px;margin:0 auto}.code-digit{width:100%;padding:12px;text-align:center;font-size:20px;letter-spacing:2px;border-radius:10px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text)}.code-digit:focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);border-color:transparent}.code-form .auth-submit{margin-top:1rem;padding:.75rem}.password-hint{margin:4px 0 0;font-size:.8rem;line-height:1.4;color:color-mix(in srgb,var(--text) 55%,transparent);transition:color .2s ease}.password-hint.is-invalid{color:var(--error, #e74c3c)}.password-hint.is-valid{color:var(--success, #2e7d32)}.page-loader{position:fixed;inset:0;z-index:var(--z-loader, 9999);display:flex;align-items:center;justify-content:center;background:var(--bg, #141415);opacity:0;pointer-events:none;transition:opacity .18s ease}.page-loader.is-visible{opacity:1;pointer-events:all}.hourglass{width:120px;height:150px;transition:transform .6s ease-in-out;image-rendering:pixelated}.hourglass canvas{display:block;width:100%;height:100%;image-rendering:pixelated}@media(prefers-reduced-motion:reduce){.hourglass{transition:none!important}}.menu{max-width:760px;margin:0 auto}.actions{margin-top:20px}.page-loading{text-align:center;padding:3rem 1rem;color:var(--text-muted, #888);font-size:.95rem}.page-loading[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.no-glow,.no-glow:hover{box-shadow:none!important;border-color:#00000029!important;transform:none!important}.no-glow:focus-visible{box-shadow:none!important;border-color:#00000029!important;transform:none!important;outline:2px solid var(--accent, #6c5ce7)!important;outline-offset:2px!important}.hover-shadow{box-shadow:none;transition:box-shadow .16s ease,transform .14s ease}.hover-shadow:hover,.hover-shadow:focus-visible{box-shadow:0 14px 34px color-mix(in srgb,var(--bg) 60%,transparent),0 6px 16px color-mix(in srgb,var(--bg) 55%,transparent);transform:translateY(-2px);outline:none}.no-glow.hover-shadow:hover,.no-glow.hover-shadow:focus-visible{box-shadow:0 14px 34px color-mix(in srgb,var(--bg) 60%,transparent),0 6px 16px color-mix(in srgb,var(--bg) 55%,transparent)!important}@media print{:root{--bg: #fff !important;--text: #000 !important;--text-muted: #555 !important;--surface: #fff !important;--surface-raised: #f5f5f5 !important;--border-color: #ccc !important;--accent: #333 !important}.menu-btn,.sidebar,.sidebar-backdrop,.sml-toast,.cookie-consent,.skip-link,.page-loader,.auth-modal,.code-modal,.theme-buttons,.avatar-edit-btn,.sidebar__signout,footer .photo-credit,.site-header nav,#menu-btn{display:none!important}header,.site-header,.sml-toast,.cookie-consent{position:static!important}body{background:#fff!important;color:#000!important;padding:0!important}main{background:transparent!important;box-shadow:none!important}a[href^=http]:after{content:" (" attr(href) ")";font-size:.8em;color:#666;word-break:break-all}a[href^="/"]:after,a[href^="#"]:after{content:none}.band-tile,.settings-section,.sd-comparison,.sd-projection-card,section,article{break-inside:avoid}h1,h2{break-after:avoid}*{border-radius:0!important}img{max-width:100%!important}}:root{--page-max-width: 1200px;--page-gutter: clamp(16px, 3vw, 32px);--space-xs: clamp(4px, .5vw, 8px);--space-s: clamp(8px, 1vw, 12px);--space-m: clamp(12px, 2vw, 20px);--space-l: clamp(20px, 3vw, 32px);--space-xl: clamp(32px, 5vw, 56px);--text-xs: clamp(11px, 1.2vw, 12px);--text-s: clamp(13px, 1.4vw, 14px);--text-m: clamp(15px, 1.6vw, 16px);--text-l: clamp(18px, 2vw, 22px);--text-xl: clamp(24px, 3.5vw, 36px);--text-xxl: clamp(28px, 5vw, 48px);--tap-min: 44px}:root[data-theme=dark],:root[data-theme=light]{transition:color .2s ease,background-color .2s ease,border-color .2s ease}body{min-height:100vh;display:flex;flex-direction:column}main{flex:1}::selection{color:var(--accent-contrast);background:color-mix(in srgb,var(--accent) 70%,transparent)}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text) 25%,transparent) var(--bg)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--bg)}*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text) 25%,transparent);border-radius:var(--radius-s)}*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 50%,transparent)}a{color:var(--accent);text-decoration:none;font-weight:600;transition:color .15s ease,text-shadow .15s ease}a:hover{color:color-mix(in srgb,var(--accent) 75%,var(--text) 25%)}a:active{color:color-mix(in srgb,var(--accent) 90%,var(--text) 10%)}.page-shell{max-width:var(--page-max-width);margin:0 auto;padding:0 var(--page-gutter) 48px;width:100%}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(16px,2vw,28px)}.section{display:flex;flex-direction:column;gap:16px;margin-bottom:clamp(32px,6vw,64px)}.surface,.card,.panel{background:color-mix(in srgb,var(--surface) 92%,var(--bg));border:var(--border-soft);border-radius:var(--radius-l);box-shadow:var(--shadow-soft);padding:clamp(16px,3vw,28px);transition:transform .18s ease,box-shadow .2s ease,border-color .15s ease}.card:hover,.panel:hover{transform:translateY(-3px);box-shadow:var(--shadow-strong);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.eyebrow{letter-spacing:.12em;text-transform:uppercase;font-weight:700;font-size:12px;color:var(--text-muted, #818384)}.page-title{font-size:clamp(28px,4vw,42px);margin:0 0 6px}.page-lede{max-width:72ch;line-height:1.6;margin:0;color:color-mix(in srgb,var(--text) 85%,transparent)}.stack-sm{display:flex;flex-direction:column;gap:8px}.stack-md{display:flex;flex-direction:column;gap:16px}.stack-lg{display:flex;flex-direction:column;gap:24px}.cluster{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--surface) 85%,transparent);border:var(--border-soft);font-size:14px}@keyframes fade-in-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-accent{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 35%,transparent)}70%{box-shadow:0 0 0 12px color-mix(in srgb,var(--accent) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--accent) 0%,transparent)}}.animate-in{animation:fade-in-up .32s ease forwards}.pulse{animation:pulse-accent 1.6s ease infinite}.themeable-ring,button,input,select,textarea,.card,.panel,.surface,.pill,.auth-input,.auth-submit,.menu-btn,.sidebar__close,.sidebar__signout{transition:outline-color .14s ease,box-shadow .14s ease,background-color .2s ease}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body:before{display:none}}@media(max-width:720px){body{padding:clamp(12px,3vw,24px)}header{padding-inline:clamp(12px,3vw,18px)}.site-heading{position:static;transform:none;align-items:flex-start}.page-shell{padding-inline:clamp(12px,4vw,20px)}.content-grid{grid-template-columns:1fr}}@media(max-width:400px){body{padding:10px}.page-shell{padding-inline:10px}.surface,.card,.panel{padding:14px;border-radius:var(--radius-m)}.footer a{margin:0 .5rem}}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:var(--z-loader)}.skip-link:focus-visible{position:fixed;left:1rem;top:1rem;width:auto;height:auto;overflow:visible;padding:.6rem 1.2rem;background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius-s);font-weight:600;font-size:.9rem;text-decoration:none;outline:3px solid var(--accent-contrast);outline-offset:2px}