.time-observer-shell{max-width:1280px}.time-observer-page{background:#050b10;color:#d9edf0}.time-header{padding-bottom:.3rem}.time-subtitle,.eyebrow,.clock-caption,.panel-title,.simulation-label{color:#8eeaf2;font:700 .75rem/1.5 "Courier New",monospace;letter-spacing:.13em}.time-opening{color:#d7e4e5;max-width:620px}.time-nav{display:flex;gap:.35rem;margin:1rem 0 1.5rem;overflow:auto;border-block:1px solid #1e5962;padding:.55rem 0}.time-nav a{color:#bce9ed;font:700 .72rem "Courier New",monospace;letter-spacing:.06em;padding:.62rem .7rem;text-decoration:none;white-space:nowrap}.time-nav a:hover,.time-nav a:focus-visible{background:#123842;color:#fff;outline:2px solid #f2bf73}.time-hero{align-items:stretch;background:radial-gradient(circle at 50% 45%,#12323a 0,rgba(7,20,26,.91) 36%,#071015 72%);border:1px solid #2b7782;display:grid;grid-template-columns:1fr minmax(310px,1.15fr) 1fr;min-height:530px;overflow:hidden;position:relative}.hero-center{align-self:center;grid-column:2;position:relative;text-align:center;z-index:1}.hero-center h2{color:#ffe0a4;font-size:.8rem;letter-spacing:.18em;margin:0}.clock-value,.utc-value{display:block;font:700 clamp(2.5rem,6vw,5.7rem)/1 "Courier New",monospace;letter-spacing:-.07em;margin:.55rem 0 .25rem;color:#e8ffff;text-shadow:0 0 18px #36cbd255}.utc-value{color:#a4eaf0;font-size:clamp(1.6rem,3.3vw,3rem);margin-top:1.25rem}.zone{color:#b3cdd1;font:.78rem "Courier New",monospace;letter-spacing:.08em}.orbit-field{grid-column:1/-1;inset:0;pointer-events:none;position:absolute}.orbit-field i{border:1px solid #2c8c95;border-radius:50%;height:280px;left:50%;opacity:.48;position:absolute;top:50%;transform:translate(-50%,-50%);width:280px}.orbit-field i:nth-child(2){height:430px;width:430px;border-style:dashed}.orbit-field i:nth-child(3){height:620px;width:620px;border-color:#a98450;opacity:.25}.orbit-field b{color:#8cd9df;font:.65rem "Courier New",monospace;position:absolute}.orbit-field b:nth-of-type(1){left:18%;top:22%}.orbit-field b:nth-of-type(2){right:18%;top:48%}.orbit-field b:nth-of-type(3){left:25%;bottom:16%;color:#e9bd79}.reference-panel{align-self:center;background:#07171cdd;border-left:1px solid #2b7782;grid-column:3;grid-row:1;padding:1.3rem;z-index:1}.reference-panel dl,.exchange dl,.stage-detail dl{margin:1rem 0}.reference-panel dl div,.exchange dl div,.stage-detail dl div{border-top:1px solid #24434b;padding:.65rem 0}.reference-panel dt,.exchange dt,.stage-detail dt{color:#94b9bd;font:.67rem "Courier New",monospace;letter-spacing:.1em}.reference-panel dd,.exchange dd,.stage-detail dd{color:#eeffff;font:700 1.15rem "Courier New",monospace;margin:.2rem 0}.reference-panel small,.generated{color:#e7bd7d;font:.66rem/1.5 "Courier New",monospace}.clock-truth{border-left:3px solid #e4b46c;color:#cadadd;line-height:1.65;margin:1.2rem auto;max-width:900px;padding:.4rem 1rem}.time-section{border-top:1px solid #24515a;margin-top:2.5rem;padding:2.5rem 0}.time-section h2{color:#dffcff;font-size:clamp(1.55rem,3vw,2.55rem);letter-spacing:.035em;margin:.25rem 0 .7rem}.lead{color:#c6d6d8;line-height:1.65;max-width:820px}.signal-chain{align-items:center;display:flex;gap:.4rem;margin:1.5rem 0;overflow:auto;padding:.5rem}.signal-chain button,.leap-ticks button{background:#081a20;border:1px solid #357680;color:#bde9ed;cursor:pointer;font:700 .65rem/1.25 "Courier New",monospace;min-height:55px;padding:.55rem;text-align:left}.signal-chain button span{display:block;font-size:.6rem;margin-top:.25rem;white-space:nowrap}.signal-chain button.active,.signal-chain button:hover,.leap-ticks button.active{background:#16434c;border-color:#f1bc72;color:#fff}.signal-chain i{color:#efbd78;font-style:normal}.stage-detail{background:#091a20;border:1px solid #28616b;max-width:760px;padding:1.2rem}.stage-detail h3{color:#f3cc8a;margin:.2rem 0}.stage-detail p{line-height:1.6}.stage-detail button,.trace-instrument button,.exchange button{background:#123e47;border:1px solid #70d8df;color:#efffff;cursor:pointer;font:700 .72rem "Courier New",monospace;min-height:44px;padding:.7rem .9rem}.stage-detail button:hover,.trace-instrument button:hover,.exchange button:hover{background:#23616b}.trace-instrument{background:#08171c;border:1px solid #2b6972;margin:1.2rem 0;padding:1.2rem}.trace-instrument>div{display:grid;gap:.65rem;grid-template-columns:210px 1fr;margin:.8rem 0}.trace-instrument b{color:#c4edef;font:.68rem "Courier New",monospace}.trace{background:repeating-linear-gradient(90deg,#73e1e6 0 2px,transparent 2px 18px);height:14px;position:relative}.rotation{background:repeating-linear-gradient(90deg,#e6b56d 0 2px,transparent 2px 18px);transform:translateX(2px);transition:transform .5s}.time-magnified .rotation{transform:translateX(90px)}.trace-instrument p,.earth-readout{color:#b9cccf;font:.72rem/1.6 "Courier New",monospace}.earth-readout{border-left:3px solid #e0ad63;padding-left:1rem}.earth-readout p:first-child{color:#efffff;font-size:1rem}.unavailable-note{background:#35251a;border:1px solid #bb8852;color:#ffe2b5;margin:1rem 0;padding:1rem}.leap-ticks{display:flex;gap:.45rem;margin:1rem 0;overflow-x:auto;padding-bottom:.6rem}.leap-ticks button{min-width:74px}.leap-ticks button b{display:block;color:#f2c27b;margin-top:.3rem}.leap-detail{color:#eaffff;display:block;font:700 clamp(1.1rem,2vw,1.6rem) "Courier New",monospace}.ntp-layout{display:grid;gap:1.2rem;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);margin-top:1.2rem}.strata{align-items:center;display:flex;flex-direction:column}.strata div{background:#0a1c22;border:1px solid #3a8891;color:#e9ffff;padding:.75rem;text-align:center;width:min(100%,300px)}.strata small{color:#edbd78;display:block;font:.65rem "Courier New",monospace;margin-top:.3rem}.strata i{color:#72dce3;font:.65rem "Courier New",monospace;font-style:normal;padding:.32rem}.exchange{background:#09191f;border:1px solid #2e6e77;padding:1.2rem}.simulation-label{color:#f0bf78}.exchange dl{display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.exchange dl div{margin:0}.exchange output{color:#eaffff;display:block;font:700 .82rem/1.5 "Courier New",monospace;margin:1rem 0}.formula{color:#aec7ca;font:.67rem/1.6 "Courier New",monospace}.sources>div{display:grid;gap:.8rem;grid-template-columns:repeat(4,1fr)}.sources article{background:#09181d;border-top:2px solid #449aa3;padding:1rem}.sources article b{color:#e7bc77;font:700 1rem "Courier New",monospace}.sources article p,.sources>#provenance{color:#c2d5d7;line-height:1.55}.time-observer-page button:focus-visible,.time-observer-page input:focus-visible{outline:3px solid #ffe09a;outline-offset:3px}
@media(max-width:760px){.time-hero{display:block;min-height:auto;padding:2rem 1rem}.hero-center{padding:2.5rem 0}.reference-panel{border-left:0;border-top:1px solid #2b7782}.orbit-field i:nth-child(3){height:440px;width:440px}.clock-value{font-size:clamp(2.25rem,13vw,3.7rem)}.time-nav{margin-inline:-.3rem}.trace-instrument>div{display:block}.trace-instrument b{display:block;margin-bottom:.45rem}.ntp-layout,.sources>div{grid-template-columns:1fr}.exchange dl{grid-template-columns:1fr}.signal-chain{align-items:stretch;flex-direction:column;overflow:visible}.signal-chain i{text-align:center}.signal-chain button{text-align:center}.orbit-field b{display:none}.time-section{padding:1.7rem 0}}
@media(prefers-reduced-motion:reduce){.rotation{transition:none}.time-observer-page *{scroll-behavior:auto!important}}
/* Precision console composition */
.time-observer-shell{max-width:1180px!important;margin-inline:auto;padding-inline:1.25rem}.time-observer-page main{width:100%}.time-hero{grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);min-height:500px;border-color:#387d86;box-shadow:0 0 0 1px #091b20,0 22px 60px #0009}.instrument-grid{background-image:linear-gradient(#1a596222 1px,transparent 1px),linear-gradient(90deg,#1a596222 1px,transparent 1px);background-size:24px 24px;inset:0;position:absolute;mask-image:radial-gradient(circle at 45% 48%,black,transparent 72%)}.hero-center{grid-column:1;grid-row:1;padding:2rem;z-index:2}.reference-panel{grid-column:2;grid-row:1;height:100%;align-self:stretch;display:flex;flex-direction:column;justify-content:center;background:#061218eF;border-left:1px solid #3a7b83}.channel-label{color:#c8f6f4;font:700 .65rem "Courier New",monospace;letter-spacing:.14em;margin-bottom:.85rem}.channel-label span,.lamp{background:#74e7d0;border-radius:50%;box-shadow:0 0 9px #72e7d0;display:inline-block;height:.55rem;margin-right:.45rem;width:.55rem}.lamp{background:#f2bf73;box-shadow:0 0 8px #f2bf73}.clock-value{font-size:clamp(3.3rem,7vw,6.5rem);font-variant-numeric:tabular-nums;letter-spacing:-.09em;text-shadow:0 0 10px #6eeef155,0 0 28px #1ba5ad66}.utc-value{font-variant-numeric:tabular-nums}.second-scale{height:8px;margin:1rem auto;background:repeating-linear-gradient(90deg,#4bbbc2 0 1px,transparent 1px 10px);max-width:460px;opacity:.7;position:relative}.second-scale:after{content:"1 SECOND / 1000 MILLISECOND TICKS";color:#8dbec2;font:600 .55rem "Courier New",monospace;left:0;position:absolute;top:11px;width:100%}.reference-panel dd.generated{font-size:.72rem;line-height:1.5;word-break:break-word}.reference-caption{border-top:1px solid #294d53;color:#b7cdd0;font:.62rem/1.55 "Courier New",monospace;margin-top:.5rem;padding-top:.8rem}.time-section{margin-top:1.8rem;padding:1.8rem 0}.time-section h2{font-size:clamp(1.35rem,2.5vw,2.1rem)}.signal-chain{border-block:1px solid #244f56;padding:1rem .5rem}.signal-chain button{border-radius:50%;min-height:76px;min-width:76px;padding:.45rem;text-align:center}.signal-chain button.active{box-shadow:0 0 16px #38b9c577}.signal-chain i{font-size:1rem}.trace-instrument{background:linear-gradient(90deg,#08171c,#0b2025);position:relative}.trace{background-size:18px 100%;box-shadow:inset 0 -5px #0c2227}.rotation{background-image:repeating-linear-gradient(90deg,#e6b56d 0 2px,transparent 2px 18px),linear-gradient(90deg,transparent,#e6b56d44);}.leap-ticks{scroll-snap-type:x mandatory}.leap-ticks button{scroll-snap-align:start}.strata div{position:relative}.strata div:before{content:"●";color:#79e5da;margin-right:.4rem}.sources>div{gap:.6rem}.sources article{border:1px solid #244e55;border-top:2px solid #449aa3;padding:.75rem}
@media(max-width:760px){.time-observer-shell{padding-inline:.7rem}.time-hero{padding:0}.hero-center{padding:2rem 1rem}.reference-panel{padding:1.25rem}.clock-value{font-size:clamp(2.6rem,12.5vw,4.1rem)}.time-nav{scrollbar-width:thin}.second-scale{max-width:92%}.reference-panel dd.generated{font-size:.65rem}.signal-chain button{border-radius:4px;min-height:54px}.time-section{margin-top:1.25rem;padding:1.45rem 0}}
@media(prefers-reduced-motion:reduce){.clock-value,.signal-chain button{animation:none!important}}
.sources>#provenance{white-space:pre-line}

/* Compact educational field guides */
.guide-grid{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.2rem}.guide-card{background:#08171c;border:1px solid #285b63;border-top:2px solid #449aa3;padding:1rem}.guide-card-wide{grid-column:1/-1}.guide-number{color:#e7bc77;font:700 .64rem "Courier New",monospace;letter-spacing:.1em;margin:0}.guide-card h3{color:#eaffff;font:700 1rem/1.35 "Courier New",monospace;letter-spacing:.045em;margin:.35rem 0 .75rem}.guide-card>p:not(.guide-number){color:#c2d5d7;font-size:.88rem;line-height:1.55;margin:.75rem 0 0}.guide-note{border-left:2px solid #e7bc77;padding-left:.65rem}.parallel-time{background:#061116;border:1px solid #244e55;padding:.65rem}.parallel-time span{align-items:center;display:grid;gap:.6rem;grid-template-columns:75px 1fr}.parallel-time span+span{margin-top:.5rem}.parallel-time b,.compare-panel b{color:#f1c47d;font:700 .7rem "Courier New",monospace}.parallel-time i{color:#8eeaf2;font:normal .72rem "Courier New",monospace;overflow:hidden;white-space:nowrap}.path-diagram,.history-line{display:flex;flex-wrap:wrap;gap:.3rem;list-style:none;margin:.5rem 0;padding:0}.path-diagram li,.history-line li{background:#0b2228;border:1px solid #326c74;color:#dffcff;font:700 .67rem/1.25 "Courier New",monospace;padding:.42rem .5rem}.path-diagram li:not(:last-child):after,.history-line li:not(:last-child):after{color:#e7bc77;content:"→";margin-left:.55rem}.compare-panel{display:grid;gap:.55rem;grid-template-columns:1fr 1fr}.compare-panel>div{background:#061116;border:1px solid #285b63;padding:.65rem}.compare-panel span{color:#c5dadd;display:block;font:.7rem/1.45 "Courier New",monospace}.compare-panel span:before{color:#72dce3;content:"· ";}.scale-combine{align-items:center;display:flex;gap:.5rem;justify-content:center;margin:.85rem 0}.scale-combine span{background:#0a2228;border:1px solid #387882;min-width:88px;padding:.55rem;text-align:center}.scale-combine b,.scale-combine small{display:block}.scale-combine b{color:#f1c47d;font:700 1rem "Courier New",monospace}.scale-combine small{color:#abd0d3;font:.57rem "Courier New",monospace;margin-top:.2rem}.scale-combine i{color:#77e0e4;font-style:normal}.scale-combine .result{border-color:#e7bc77}.use-grid{display:grid;gap:.45rem;grid-template-columns:repeat(5,1fr)}.use-grid>div{align-items:center;background:#061116;border:1px solid #28545b;display:flex;gap:.55rem;min-height:54px;padding:.5rem}.use-grid b{color:#78dfe2;font-size:1.1rem;min-width:1.1rem;text-align:center}.use-grid span{color:#e8ffff;font:700 .67rem/1.25 "Courier New",monospace}.use-grid small{color:#9ebdc0;display:block;font-size:.58rem;font-weight:400;margin-top:.18rem}
@media(max-width:760px){.guide-grid{grid-template-columns:1fr}.guide-card-wide{grid-column:auto}.use-grid{grid-template-columns:repeat(2,1fr)}.path-diagram,.history-line{display:grid;grid-template-columns:1fr}.path-diagram li:not(:last-child):after,.history-line li:not(:last-child):after{content:"↓";float:right}.scale-combine{gap:.3rem}.scale-combine span{min-width:0;flex:1}}