.clock-page{width:min(1440px,100% - 3rem);margin:0 auto;padding:3rem 0 5rem}.clock-page-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.4rem;display:flex}.clock-page-heading h1{font:400 clamp(2.8rem, 5vw, 5rem)/1.05 var(--atlas-display);color:var(--ivory);margin:0 0 .6rem}.clock-page-heading>div p{color:var(--gold);font:1.3rem/1.5 var(--atlas-display)}.clock-page-heading>p{max-width:24rem;color:var(--muted);line-height:1.7}.celestial-clock{--clock-border:var(--line);color:var(--ivory)}.clock-workspace{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:2.7rem;display:grid}.clock-instrument{color:#ede6d8;background:#081421;border:1px solid #344252;border-radius:50% 50% 0 0/3% 3% 0 0;min-width:0;box-shadow:inset 0 0 80px #0004}.clock-instrument-heading{color:#c1c8d0;justify-content:space-between;padding:1.6rem 1.8rem 0;font-size:.8rem;display:flex}.clock-dial-window{scrollbar-width:thin;overflow:auto}.celestial-dial{width:100%;height:auto;display:block}.celestial-dial text{text-anchor:middle;dominant-baseline:middle;font-family:Arial,sans-serif}.clock-ring-label{fill:#f3eedd;font-size:8px}.clock-month-label{fill:#eee9d9;font-size:11px}.clock-zodiac-label{fill:#d9caa9;font-size:17px}.clock-planet-glyph{font-size:17px}.celestial-dial .clock-center-time{font-family:var(--atlas-display);fill:#f3e8cf;font-size:35px}.clock-center-date{fill:#d6deea;font-size:16px}.clock-center-zone{fill:#c4bdac;font-size:11px}.clock-scale-caption{fill:#aebdca;font-size:9px}.clock-mark{cursor:pointer}.clock-mark:hover circle:last-of-type,.clock-mark:focus-visible circle:last-of-type{stroke:#fff;stroke-width:3px}.clock-dial-tools{color:#c1c8d0;justify-content:space-between;align-items:center;gap:1rem;padding:.3rem 1.5rem;font-size:.75rem;display:flex}.clock-dial-tools>div{display:flex}.celestial-clock button,.celestial-clock input,.celestial-clock select{font:inherit}.celestial-clock button{cursor:pointer}.celestial-clock button:disabled{opacity:.4;cursor:default}.clock-dial-tools button{color:#ede6d8;background:0 0;border:1px solid #536177;min-width:44px;min-height:44px;padding:.2rem .7rem}.clock-scales{color:#bdc5d0;max-width:85ch;padding:.9rem 1.5rem 1.5rem;font-size:.78rem;line-height:1.6}.clock-inspector{min-width:0;padding-top:.8rem}.clock-now>p{color:var(--muted);font-size:.86rem;line-height:1.7}.clock-now h2{font:400 2.4rem/1.1 var(--atlas-display);margin:.8rem 0}.clock-illumination{background:var(--line);height:3px;margin-top:1rem}.clock-illumination span{background:var(--gold);height:100%;display:block}.clock-season{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin:1.5rem 0;display:flex}.clock-season strong{font-family:var(--atlas-display);font-size:1.4rem;font-weight:400}.clock-season select{background:var(--surface-field);color:var(--ivory);border:1px solid var(--control-border);max-width:100%;min-height:44px;padding:.25rem;font-size:.75rem}.clock-detail{border-block:1px solid var(--line);padding:1.4rem 0;scroll-margin-top:7rem}.clock-detail h3,.clock-upcoming h3,.clock-weather h3{font:400 1.4rem/1.3 var(--atlas-display);margin-bottom:.6rem}.clock-detail p,.clock-detail time{color:var(--muted);font-size:.86rem;line-height:1.7;display:block}.clock-detail time{color:var(--gold);margin-top:.65rem}.clock-detail details{margin-top:.8rem;font-size:.8rem}.celestial-clock summary{cursor:pointer;min-height:44px;padding:.6rem 0}.celestial-clock code{overflow-wrap:anywhere;font-size:.75rem}.clock-upcoming{padding:1.5rem 0}.clock-upcoming ol{margin:0;padding:0;list-style:none}.clock-upcoming button{text-align:left;width:100%;color:var(--ivory);background:0 0;border:0;padding:.7rem 0;display:block}.clock-upcoming time{color:var(--muted);margin-top:.2rem;font-size:.75rem;display:block}.celestial-clock h2{scroll-margin-top:6rem}.clock-explorer{border-block:1px solid var(--line);grid-template-columns:1fr 1.3fr;gap:1.5rem 3rem;margin:2rem 0 3rem;padding:1.8rem 0;display:grid}.clock-explorer h2,.clock-register h2,.clock-weather h2,.clock-method h2{font:400 1.9rem/1.2 var(--atlas-display);margin:0 0 .6rem}.clock-explorer p,.clock-register p,.clock-weather p,.clock-method p{color:var(--muted);max-width:75ch;font-size:.88rem;line-height:1.7}.clock-explorer label{color:var(--muted);margin-bottom:.5rem;font-size:.8rem;display:block}.clock-date-actions{flex-wrap:wrap;gap:.5rem;display:flex}.clock-date-actions input{background:var(--surface-field);border:1px solid var(--control-border);min-width:180px;max-width:100%;color:var(--ivory);flex:1;padding:.6rem}.clock-date-actions button,.clock-detail>button,.clock-method button,.clock-explorer>button,.clock-weather p button{border:1px solid var(--control-border);color:var(--ivory);background:var(--surface);min-height:44px;padding:.6rem 1rem}.clock-date-actions button[type=submit]{color:var(--navy);background:var(--gold);border-color:var(--gold)}.clock-year-slider{grid-column:1/-1}.clock-year-slider input{width:100%;min-height:30px;accent-color:var(--gold);cursor:ew-resize}.clock-year-slider>div{color:var(--muted);justify-content:space-between;font-size:.75rem;display:flex}.clock-explorer>p{grid-column:1/-1}.clock-register header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.clock-planets{border-top:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.clock-planets button{text-align:left;border:1px solid #0000;border-bottom-color:var(--line);color:var(--ivory);background:0 0;gap:.4rem;padding:1rem;display:grid}.clock-planets strong{font:400 1.2rem var(--atlas-display)}.clock-planets span{color:var(--gold);font-size:.86rem}.clock-planets small{color:var(--muted);font-size:.75rem}.clock-register>p{margin:1rem 0}.clock-weather{border-top:1px solid var(--line);margin-top:3rem;padding-top:1.5rem}.clock-weather header{justify-content:space-between;align-items:center;gap:2rem;display:flex}.clock-weather-toggle{cursor:pointer;flex-shrink:0;align-items:center;gap:.7rem;min-height:44px;font-size:.86rem;display:flex}.clock-weather-toggle input{width:20px;height:20px;accent-color:var(--gold)}.clock-weather article{vertical-align:top;width:50%;padding:1.5rem 1.5rem 1.5rem 0;display:inline-block}.clock-weather a{color:var(--gold);text-underline-offset:4px;text-decoration:underline}.clock-observations{max-height:240px;padding:0;list-style:none;overflow:auto}.clock-observations button{text-align:left;color:var(--ivory);background:0 0;border:0;min-height:44px;padding:.6rem 0;font-size:.8rem}.clock-year-events{border-block:1px solid var(--line);margin-top:2rem;padding:.8rem 0}.clock-year-events>ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem 2rem;padding:0;list-style:none;display:grid}.clock-year-events button{text-align:left;color:var(--ivory);background:0 0;border:0;padding:.6rem 0;display:grid}.clock-year-events time{color:var(--muted);font-size:.8rem}.clock-method{margin-top:2.5rem}.clock-method details{margin-top:1rem}.clock-method dl>div{flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.clock-method dt{color:var(--muted);min-width:160px}.clock-method dd{overflow-wrap:anywhere}.celestial-clock :is(button,input,select,summary,a,[tabindex]):focus-visible{outline:2px solid var(--gold);outline-offset:4px}@media (prefers-reduced-motion:reduce){.clock-seconds{display:none}}@media (max-width:1050px){.clock-workspace{grid-template-columns:minmax(0,1fr) 265px;gap:1.5rem}.clock-explorer{grid-template-columns:1fr}.clock-planets{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.clock-page{width:calc(100% - 2rem);padding-top:2rem}.clock-page-heading{display:block}.clock-page-heading>p{margin-top:1rem}.clock-workspace{grid-template-columns:minmax(0,1fr);gap:1.5rem}.clock-instrument-heading{padding:1rem 1rem 0;font-size:.72rem}.clock-dial-tools{flex-wrap:wrap;padding:.3rem .8rem}.clock-scales{padding:1rem}.clock-inspector{grid-template-columns:minmax(0,1fr);display:grid}.clock-now h2{font-size:2rem}.clock-planets{grid-template-columns:repeat(2,minmax(0,1fr))}.clock-planets button{padding:1rem .5rem}.clock-weather header{display:block}.clock-weather-toggle{margin-top:1rem}.clock-weather article{width:100%;display:block}.clock-year-events>ul{grid-template-columns:1fr}}.clock-ring-guide{color:#c1c8d0;padding:0 1.5rem 1rem;font-size:.82rem;line-height:1.7}.clock-ring-guide ol{padding-left:1.3rem;list-style:decimal}.clock-ring-guide li{margin-bottom:.5rem}.clock-ring-guide p{margin-top:.8rem}.clock-hover-target{cursor:help}.clock-hover-target.clock-mark{cursor:pointer}.clock-hover-target[data-active=true]{filter:brightness(1.55)drop-shadow(0 0 3px #e3c77788)}.clock-hover-target:focus-visible{outline-offset:3px;outline:2px solid #e3c777}.clock-orbit:has(.clock-hover-target[data-active=true]) .clock-orbit-track{stroke-opacity:.75;stroke-width:2px}.clock-mark[data-active=true] circle:not([fill=transparent]){stroke:#fff1c9;stroke-width:2.5px}.clock-ring-label{pointer-events:none}.clock-tooltip{z-index:200;overscroll-behavior:contain;color:#e9e3d5;pointer-events:auto;background:#101f30;border:1px solid #bfa064;border-radius:9px;width:min(330px,100vw - 24px);max-height:calc(100dvh - 24px);padding:1.15rem 1.25rem;font:.83rem/1.6 Arial,sans-serif;position:fixed;overflow-y:auto;box-shadow:0 12px 36px #0009}.clock-tooltip p{margin:0 0 .7rem}.clock-tooltip .clock-tooltip-title{font:400 1.55rem/1.2 var(--atlas-display);color:#f2ead8}.clock-tooltip .clock-tooltip-value{color:#e3c777;font-weight:600}.clock-tooltip footer{color:#c1cbd4;border-top:1px solid #3c4c5b;padding-top:.7rem;font-size:.74rem}.clock-tooltip footer :is(time,span){display:block}.clock-tooltip-hint{color:#b7bcbf;margin-top:.5rem;font-size:.7rem;display:block}.clock-detail>p+p{margin-top:.65rem}.clock-time-dialog{border:1px solid var(--control-border);width:min(960px,100% - 32px);max-height:calc(100dvh - 48px);color:var(--ivory);background:#0b111a;border-radius:18px;margin:auto;padding:0;position:fixed;inset:auto 0 24px;overflow:auto;box-shadow:0 24px 80px #0009}.clock-time-dialog::backdrop{background:#03081052}.clock-time-dialog .clock-explorer{border:0;gap:16px 24px;margin:0;padding:24px;position:relative}.clock-time-dialog .clock-explorer h2{padding-right:32px;font-size:1.5rem}.clock-time-dialog .clock-time-close{background:0 0;border:0;font-size:1.5rem;position:absolute;top:8px;right:8px}.clock-time-dialog .clock-playback{color:var(--ivory);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;margin-bottom:12px;display:flex}.clock-playback button{border:1px solid var(--control-border);background:var(--surface);width:44px;height:44px;color:var(--gold);border-radius:50%}.clock-playback time{color:var(--gold);margin-left:auto}.clock-time-dialog input[type=range]{min-height:44px}.clock-time-dialog .clock-explorer>p{margin:0}@media (max-width:600px){.clock-time-dialog{max-height:calc(100dvh - 24px);bottom:12px}.clock-time-dialog .clock-explorer{grid-template-columns:1fr;padding:20px}.clock-playback time{margin-left:0}.clock-dial-tools{flex-wrap:wrap}}.clock-instrument-heading button{border:1px solid var(--control-border);min-height:44px;color:var(--gold);background:var(--surface);border-radius:24px;padding:8px 16px}.clock-instrument-heading{flex-wrap:wrap;gap:8px}.clock-page{width:100%;max-width:var(--atlas-shell);padding:clamp(2rem, 5vw, 3.5rem) var(--atlas-gutter) 0;margin:0 auto}.clock-page-heading h1.atlas-page-title{font:500 clamp(2.6rem, 5.5vw, 4.4rem) / .95 var(--atlas-display);color:var(--atlas-ivory);margin:10px 0 0}.clock-page-heading{margin-bottom:28px;display:block}.clock-page-heading>p:not(.atlas-kicker){max-width:40rem;color:var(--atlas-soft);margin:16px 0 0;font-size:16px;line-height:1.6}.celestial-clock,.celestial-clock h2,.celestial-clock h3{color:var(--atlas-ivory)}.clock-workspace{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:18px}.clock-instrument{border-radius:var(--atlas-radius-lg);border:1px solid var(--atlas-line);background:var(--atlas-bg-deep);box-shadow:none;color:var(--atlas-paper);overflow:hidden}.clock-instrument-heading{color:var(--atlas-muted);font:500 11px var(--atlas-mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;padding:18px 20px 0}.clock-instrument-heading>span:first-child{color:var(--atlas-gold)}.clock-instrument-heading button{border:1px solid var(--atlas-control);min-height:38px;color:var(--atlas-paper);font:500 13px var(--atlas-sans);letter-spacing:0;text-transform:none;background:0 0;border-radius:999px;margin-left:auto;padding:8px 16px}.clock-instrument-heading button:hover{border-color:var(--atlas-gold);color:var(--atlas-gold)}.clock-dial-window{padding:clamp(8px,2vw,20px)}.clock-dial-tools{color:var(--atlas-muted);padding:0 20px;font-size:12px}.clock-dial-tools button{border-color:var(--atlas-control);color:var(--atlas-paper)}.clock-dial-tools>div button:first-child{border-radius:999px 0 0 999px}.clock-dial-tools>div button:last-child{border-radius:0 999px 999px 0}.clock-scales,.clock-ring-guide{color:var(--atlas-muted)}.clock-scales{padding:14px 20px 6px}.clock-ring-guide{padding:0 20px 18px}.clock-ring-guide summary{color:var(--atlas-gold)}.clock-inspector{gap:12px;padding-top:0;display:grid}.clock-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.clock-stat{border-radius:var(--atlas-radius);border:1px solid var(--atlas-line);background:var(--atlas-card);min-width:0;padding:18px}.clock-stats .clock-stat__label{color:var(--atlas-muted);font:500 11px/1.4 var(--atlas-mono);letter-spacing:.14em;text-transform:uppercase;margin:0}.clock-stats .clock-stat__value{font-family:var(--atlas-display);color:var(--atlas-ivory);overflow-wrap:anywhere;margin:8px 0 0;font-size:26px;line-height:1.05}.clock-stats .clock-stat__note{color:var(--atlas-soft);margin:4px 0 0;font-size:13px;line-height:1.45}.clock-stat__note a{color:var(--atlas-gold)}.clock-stat .clock-illumination{background:var(--atlas-track);border-radius:99px;height:4px;margin-top:12px;overflow:hidden}.clock-stat .clock-illumination span{background:var(--atlas-gold);border-radius:99px}.clock-stat.clock-season{margin:0;display:block}.clock-stat.clock-season select{border:1px solid var(--atlas-control);background:var(--atlas-field);width:100%;min-height:36px;color:var(--atlas-ivory);border-radius:8px;margin-top:10px;padding:0 10px;font-size:12px}.clock-detail,.clock-upcoming{border-radius:var(--atlas-radius);border:1px solid var(--atlas-line);background:var(--atlas-card);padding:20px}.clock-detail{border-color:var(--atlas-gold-line);background:linear-gradient(160deg, #c9a75d17, transparent 45%), var(--atlas-card)}.clock-detail h3,.clock-upcoming h3,.clock-weather h3{font-family:var(--atlas-display);margin:0 0 8px;font-size:24px;font-weight:500}.clock-detail p{color:var(--atlas-soft)}.clock-detail time{color:var(--atlas-gold);font-family:var(--atlas-mono);font-size:12px}.clock-detail>button{border-radius:999px}.clock-upcoming button{border-bottom:1px solid var(--atlas-line-soft);color:var(--atlas-paper)}.clock-upcoming li:last-child button{border-bottom:0}.clock-upcoming button:hover span{color:var(--atlas-gold)}.clock-upcoming time{color:var(--atlas-muted);font-family:var(--atlas-mono)}.clock-register,.clock-weather,.clock-year-events,.clock-method{border-radius:var(--atlas-radius-lg);border:1px solid var(--atlas-line);background:var(--atlas-card);margin-top:18px;padding:clamp(20px,3vw,28px)}.clock-register h2,.clock-weather h2,.clock-method h2{font-family:var(--atlas-display);color:var(--atlas-ivory);margin:0;font-size:clamp(1.7rem,3vw,2.2rem);font-weight:500}.clock-register p,.clock-weather p,.clock-method p{color:var(--atlas-soft)}.clock-planets button{border-radius:var(--atlas-radius-sm);border:1px solid var(--atlas-line);background:var(--atlas-card-deep);color:var(--atlas-paper)}.clock-planets button:hover{border-color:var(--atlas-gold-line)}.clock-planets button[aria-pressed=true]{border-color:var(--atlas-gold);background:var(--atlas-tab-active)}.clock-planets strong{font-family:var(--atlas-display);color:var(--atlas-ivory);font-size:20px;font-weight:500}.clock-planets span{color:var(--atlas-soft);font-family:var(--atlas-mono);font-size:12px}.clock-planets small{color:var(--atlas-muted)}.clock-weather article{border-radius:var(--atlas-radius-sm);border-color:var(--atlas-line);background:var(--atlas-card-deep)}.clock-weather a,.clock-method a{color:var(--atlas-gold)}.clock-weather-toggle input{accent-color:var(--atlas-gold)}.clock-year-events summary,.clock-method summary{color:var(--atlas-gold)}.clock-year-events button{border-color:var(--atlas-line);background:var(--atlas-card-deep);color:var(--atlas-paper);border-radius:10px}.clock-date-actions button,.clock-method button,.clock-explorer>button,.clock-weather p button{border:1px solid var(--atlas-control);color:var(--atlas-paper);background:0 0;border-radius:999px}.clock-date-actions button[type=submit]{border-color:var(--atlas-gold);background:var(--atlas-gold);color:var(--atlas-bg-deep);font-weight:600}.clock-time-dialog{border-radius:var(--atlas-radius-lg);border:1px solid var(--atlas-gold-line);background:var(--atlas-card);color:var(--atlas-ivory)}.clock-time-dialog .clock-explorer h2{font-family:var(--atlas-display);font-weight:500}.celestial-clock :is(button,input,select,summary,a,[tabindex]):focus-visible{outline-color:var(--atlas-gold)}@media (max-width:1050px){.clock-workspace{grid-template-columns:minmax(0,1fr)}}@media (max-width:759px){.clock-page{width:100%;padding:clamp(2rem, 5vw, 3.5rem) var(--atlas-gutter) 0}.clock-instrument-heading{padding:14px 14px 0}.clock-dial-tools{padding:0 14px}.clock-stats{gap:10px}.clock-stat{padding:14px}.clock-stats .clock-stat__value{font-size:22px}}@media (max-width:359px){.clock-stats{grid-template-columns:minmax(0,1fr)}}
