:root{color:#eef5ff;font-synthesis:none;text-rendering:optimizelegibility;--bg:#070b18;--bg-soft:#0e1730;--surface:#0f1932b8;--surface-strong:#121e3beb;--surface-hover:#1f3057eb;--border:#90beff2e;--border-strong:#7de0ff7a;--text:#f4f8ff;--muted:#a8b4cf;--accent:#78e7ff;--accent-2:#ad87ff;--accent-3:#69ffc4;--danger:#ff9cba;--warning:#ffd782;--success:#8effca;--shadow:0 30px 80px #00000057;--radius:28px;background:#070b18;font-family:Inter,Aptos,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{color:#13203a;--bg:#eef5ff;--bg-soft:#dbe8fa;--surface:#ffffffc7;--surface-strong:#fffffff5;--surface-hover:#e2edfdf5;--border:#264d7f29;--border-strong:#1a81a67a;--text:#13203a;--muted:#53617c;--accent:#087eaa;--accent-2:#7350cd;--accent-3:#08795a;--danger:#aa2452;--warning:#895d00;--success:#087551;--shadow:0 28px 70px #425e8a2e;background:#eef5ff}@media (prefers-color-scheme:light){:root[data-theme=system]{color:#13203a;--bg:#eef5ff;--bg-soft:#dbe8fa;--surface:#ffffffc7;--surface-strong:#fffffff5;--surface-hover:#e2edfdf5;--border:#264d7f29;--border-strong:#1a81a67a;--text:#13203a;--muted:#53617c;--accent:#087eaa;--accent-2:#7350cd;--accent-3:#08795a;--danger:#aa2452;--warning:#895d00;--success:#087551;--shadow:0 28px 70px #425e8a2e;background:#eef5ff}}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 16% 8%, color-mix(in srgb, var(--accent-2) 16%, transparent), transparent 36rem), radial-gradient(circle at 88% 78%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 34rem), linear-gradient(145deg, var(--bg), color-mix(in srgb, var(--bg-soft) 72%, var(--bg)));margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,summary,select{cursor:pointer}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.app{min-height:100vh;position:relative;overflow:hidden}.aurora{z-index:-1;opacity:.18;filter:blur(90px);pointer-events:none;border-radius:50%;width:30rem;height:30rem;position:fixed}.aurora-one{background:var(--accent-2);top:-16rem;left:-10rem}.aurora-two{background:var(--accent);bottom:-16rem;right:-12rem}.app-header,.page-shell,.trust-strip,footer{width:min(1180px,100% - 40px);margin-inline:auto}.app-header{justify-content:space-between;align-items:center;padding-block:28px;display:flex}.brand{color:var(--text);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--border-strong);width:42px;height:42px;box-shadow:0 0 30px color-mix(in srgb, var(--accent) 25%, transparent);border-radius:50%;place-items:center;display:grid}.brand-mark:before,.brand-mark:after,.brand-mark span{border:1px solid var(--accent);content:"";border-radius:50%;display:block;position:absolute}.brand-mark:before{width:24px;height:24px}.brand-mark:after{width:9px;height:28px}.brand-mark span{width:28px;height:9px}.brand strong,h1,h2,h3{font-family:Arial Rounded MT Bold,Inter,Aptos,system-ui,sans-serif}.brand strong,.brand small{display:block}.brand strong{letter-spacing:-.03em}.brand small{color:var(--muted);margin-top:1px;font-size:.72rem}.header-controls,.button-row,.chip-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.compact-control select{min-height:40px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:0 32px 0 12px}.compact-control select option,.time-input select option{color:#f4f8ff;background:#111b33}.compact-control select option:checked,.time-input select option:checked{color:#fff;background:#28436f}:root[data-theme=light] .compact-control select option,:root[data-theme=light] .time-input select option{color:#13203a;background:#f7faff}:root[data-theme=light] .compact-control select option:checked,:root[data-theme=light] .time-input select option:checked{color:#10213f;background:#cfe7f6}@media (prefers-color-scheme:light){:root[data-theme=system] .compact-control select option,:root[data-theme=system] .time-input select option{color:#13203a;background:#f7faff}:root[data-theme=system] .compact-control select option:checked,:root[data-theme=system] .time-input select option:checked{color:#10213f;background:#cfe7f6}}.page-shell{z-index:1;padding-block:52px 72px;position:relative}.create-layout{grid-template-columns:minmax(0,.92fr) minmax(390px,.76fr);align-items:center;gap:clamp(46px,8vw,110px);min-height:calc(100vh - 230px);display:grid}.hero-copy h1,.event-heading h1,.error-page h1{letter-spacing:-.065em;max-width:760px;margin:14px 0 20px;font-size:clamp(2.7rem,6vw,5.9rem);line-height:.98}.hero-intro,.event-heading p,.explorer-panel>p{max-width:610px;color:var(--muted);font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.7}.eyebrow,.step-label,.time-label{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:.76rem;font-weight:700}.step-label span{color:var(--accent-2);margin-right:8px}.orbital-art{aspect-ratio:1;opacity:.84;width:min(430px,80vw);margin:28px auto -130px;position:relative}.planet,.orbit{border-radius:50%;position:absolute;inset:50%;translate:-50% -50%}.planet{aspect-ratio:1;background:radial-gradient(circle at 34% 28%, #ffffffc2, transparent 4%), radial-gradient(circle at 38% 34%, var(--accent-2), #152e67 48%, #071027 78%);width:36%;box-shadow:inset -28px -16px 55px #00000080, 0 0 70px color-mix(in srgb, var(--accent) 28%, transparent);place-items:center;display:grid}.planet span{border:1px solid #ffffff5c;border-radius:50%;width:63%;height:16%;rotate:-18deg}.orbit{border:1px solid color-mix(in srgb, var(--accent) 35%, transparent)}.orbit-one{aspect-ratio:1;width:76%;rotate:18deg}.orbit-two{width:104%;height:48%;rotate:-22deg}.glass-card,.explorer-panel,.time-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.glass-card,.explorer-panel{border-radius:var(--radius)}.form-card{padding:clamp(24px,4vw,42px)}.form-card h2,.explorer-panel h2{letter-spacing:-.035em;margin:8px 0 30px;font-size:clamp(1.55rem,3vw,2.2rem)}.field{margin-bottom:21px;position:relative}.field-grid{grid-template-columns:1.2fr .8fr;gap:14px;display:grid}.field label,.dst-card legend{margin-bottom:8px;font-weight:700;display:block}.field-hint{color:var(--muted);margin:-4px 0 9px;font-size:.79rem}.field input,.field select,.share-output{width:100%;min-height:52px;color:var(--text);background:color-mix(in srgb, var(--surface-strong) 78%, transparent);border:1px solid var(--border);border-radius:14px;padding:13px 15px;transition:border-color .16s,box-shadow .16s,background .16s}.time-input{grid-template-columns:minmax(72px,1fr) auto minmax(72px,1fr) minmax(86px,auto);align-items:center;gap:8px;display:grid}.time-input label{margin:0}.time-input select{width:100%;min-height:52px;color:var(--text);background:var(--surface-strong);border:1px solid var(--border);border-radius:14px;padding:10px 12px}.field input:hover,.field select:hover,.field input:focus,.field select:focus{background:var(--surface-strong);border-color:var(--border-strong);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 9%, transparent)}.combobox-shell{position:relative}.combobox-shell input{padding-left:42px}.input-icon{z-index:2;color:var(--accent);position:absolute;top:50%;left:15px;translate:0 -50%}.combobox-list,.country-results{z-index:20;background:var(--surface-strong);border:1px solid var(--border-strong);max-height:310px;box-shadow:var(--shadow);border-radius:16px;margin:6px 0 0;padding:7px;list-style:none;position:absolute;top:calc(100% - 12px);left:0;right:0;overflow-y:auto}.combobox-list li{cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.combobox-list li.active,.combobox-list li:hover{background:var(--surface-hover)}.combobox-list .location-option{color:var(--text);background:color-mix(in srgb, var(--accent) 12%, var(--surface-strong));border:1px solid color-mix(in srgb, var(--accent) 44%, transparent)}.combobox-list .location-option strong{color:var(--accent)}.combobox-list .show-more-option{cursor:default}.show-more-option button{width:100%;color:var(--accent);background:0 0;border:0;padding:10px;font-weight:700}.combobox-list strong,.combobox-list small{display:block}.combobox-list small{color:var(--muted);margin-top:3px}.empty-option{color:var(--muted)}.button{min-height:48px;color:var(--text);border:1px solid var(--border);border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-weight:700;transition:translate .16s,box-shadow .16s,border-color .16s;display:inline-flex}.button:hover:not(:disabled){translate:0 -2px}.button:disabled{cursor:not-allowed;opacity:.46}.button.primary{color:#08101f;background:linear-gradient(100deg, var(--accent), color-mix(in srgb, var(--accent-3) 78%, white));box-shadow:0 18px 44px color-mix(in srgb, var(--accent) 22%, transparent);border-color:#0000}.button.secondary,.button.ghost{background:var(--surface-strong)}.share-button{width:100%}.share-actions{gap:10px;margin-top:12px;display:grid}.location-assistant{border-block:1px solid var(--border);margin-block:14px}.location-panel{background:color-mix(in srgb, var(--surface-strong) 78%, transparent);border:1px solid var(--border);border-radius:16px;padding:18px}.location-panel-heading{justify-content:space-between;align-items:center;display:flex}.location-panel-heading h3{margin:0}.icon-button{width:36px;height:36px;color:var(--text);border:1px solid var(--border);background:0 0;border-radius:50%;place-items:center;font-size:1.5rem;display:grid}.location-assistant summary{color:var(--accent);padding-block:15px;font-weight:700}.details-body{color:var(--muted);padding:0 4px 18px;line-height:1.55}.location-result,.consent-card,.dst-card{background:color-mix(in srgb, var(--surface-strong) 75%, transparent);border:1px solid var(--border);border-radius:16px;margin-top:16px;padding:16px}.consent-card h3{color:var(--text);margin:0 0 8px}.info-box{color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-top:12px;padding:12px}.info-box summary{color:var(--accent);font-weight:700}.coordinate-preview{font-family:ui-monospace,Cascadia Code,monospace;font-size:.78rem}.chip{color:var(--text);border:1px solid var(--border);background:0 0;border-radius:999px;padding:8px 11px}.chip:hover,.chip.selected{background:color-mix(in srgb, var(--accent-2) 18%, var(--surface-strong));border-color:var(--accent-2)}.dst-card{border-color:color-mix(in srgb, var(--warning) 46%, var(--border))}.dst-card p{color:var(--muted)}.choice-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;margin-top:10px;padding:12px;display:flex}.choice-card small{color:var(--muted);margin-top:3px;display:block}.status{min-height:1.3em;color:var(--muted);font-size:.88rem}.status.error{color:var(--danger)}.status.success{color:var(--success)}.status.warning{color:var(--warning)}.share-output{margin-top:10px;font-family:ui-monospace,Cascadia Code,monospace;font-size:.75rem}.viewer-layout{min-height:calc(100vh - 220px)}.event-heading{text-align:center}.event-heading .eyebrow{margin-inline:auto}.event-heading h1{margin-inline:auto;font-size:clamp(2.8rem,7vw,6.5rem)}.event-heading .relative-time{color:var(--accent);margin:0 auto 40px;font-weight:700}.time-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.time-card{text-align:center;border-radius:22px;padding:clamp(22px,4vw,34px)}.time-card.accent{border-color:var(--border-strong);box-shadow:0 28px 70px color-mix(in srgb, var(--accent) 13%, transparent)}.time-main{letter-spacing:-.06em;margin:12px 0 6px;font-family:Arial Rounded MT Bold,Inter,Aptos,system-ui,sans-serif;font-size:clamp(2.5rem,6vw,4.6rem);font-weight:800}.time-date{margin:0;font-size:1.05rem;font-weight:600}.time-zone{color:var(--muted);margin:12px 0 0;font-size:.84rem}.viewer-columns{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;margin-top:34px;display:grid}.explorer-panel,.location-card{padding:clamp(22px,3vw,32px)}.explorer-panel{position:relative}.explorer-panel .explorer-intro{max-width:none;margin:-16px 0 24px;overflow:visible}.comparison-result{margin:-4px 0 22px}.comparison-place{color:var(--text);margin:0 0 8px;font-weight:700}.comparison-same{color:var(--accent);margin:8px 0 0;font-size:.86rem;font-weight:700}.time-card.compact{text-align:left;box-shadow:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 20px;padding:18px 20px;display:grid}.time-card.compact .time-label,.time-card.compact .time-date,.time-card.compact .time-zone{grid-column:1}.time-card.compact .time-main{grid-area:1/2/4;margin:0;font-size:clamp(2rem,5vw,3.4rem)}.time-card.compact .time-date,.time-card.compact .time-zone{margin-top:0}.country-results{top:100%}.country-results li button{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;padding:10px;display:flex}.country-results li button:hover{background:var(--surface-hover)}.country-results small{color:var(--muted)}.country-refine{color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:-8px 0 20px;padding:12px 14px}.create-another{margin-top:28px}.trust-strip{color:var(--muted);margin-block:20px;font-size:.82rem}.trust-strip ul{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 28px;margin:0;padding:0;list-style:none;display:flex}.trust-strip li{align-items:center;gap:8px;display:inline-flex}.trust-strip svg{fill:none;width:17px;height:17px;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px}footer{color:var(--muted);border-top:1px solid var(--border);justify-content:space-between;gap:16px;padding-block:24px 34px;font-size:.74rem;display:flex}.error-page{place-items:center;min-height:60vh;display:grid}.error-page .glass-card{text-align:center;max-width:680px;padding:42px}.update-toast{z-index:100;background:var(--surface-strong);border:1px solid var(--border-strong);box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:10px;padding:14px;display:flex;position:fixed;bottom:22px;right:22px}.update-toast button{color:var(--text);border:1px solid var(--border);background:0 0;border-radius:9px;padding:7px 10px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:860px){.create-layout,.viewer-columns{grid-template-columns:1fr}.create-layout{gap:24px;min-height:auto;padding-top:18px}.hero-copy{text-align:center}.hero-copy h1{max-width:680px;margin:8px auto 14px;font-size:clamp(2.5rem,8vw,4rem)}.hero-intro{margin-inline:auto;line-height:1.55}.orbital-art{display:none}footer{text-align:center;flex-direction:column}}@media (max-width:560px){.app-header,.page-shell,.trust-strip,footer{width:min(100% - 24px,1180px)}.app-header{align-items:center;gap:8px;padding-block:14px}.brand{gap:7px}.brand-mark{width:34px;height:34px}.brand strong{font-size:.9rem}.header-controls{flex-wrap:nowrap;gap:4px}.compact-control select{min-height:34px;padding:0 23px 0 8px;font-size:.72rem}.brand small{display:none}.page-shell{padding-block:18px 42px}.create-layout{gap:20px}.hero-copy h1{margin-block:8px 12px;font-size:clamp(2.2rem,13vw,3.2rem)}.hero-intro{margin-bottom:0;font-size:.95rem;line-height:1.5}.orbital-art{display:none}.field-grid{grid-template-columns:1fr}.time-input{grid-template-columns:minmax(64px,1fr) auto minmax(64px,1fr)}.time-input .period-label{grid-column:1/-1}.time-card.compact{text-align:center;display:block}.time-card.compact .time-main{margin:8px 0}.time-card.compact .time-zone{overflow-wrap:anywhere}.form-card,.explorer-panel,.location-card{border-radius:20px}.update-toast{flex-wrap:wrap;bottom:12px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.orbital-art{opacity:.52}}@media (forced-colors:active){.aurora,.orbital-art{display:none}.glass-card,.explorer-panel,.time-card,.button,input,select{forced-color-adjust:auto;-webkit-backdrop-filter:none;backdrop-filter:none}}