/* A tactile, spatial index. The controls and records remain ordinary HTML. */
.obs-head { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; padding:32px 0 26px; }
.obs-eyebrow { color:var(--accent); font:500 .75rem var(--mono); letter-spacing:.08em; text-transform:uppercase; display:flex; align-items:center; gap:9px; }
.obs-eyebrow::before { content:''; width:6px; height:6px; background:var(--accent); border-radius:50%; }
.obs-head h1 { font:400 clamp(42px,5vw,76px)/1.02 var(--display); letter-spacing:-.035em; margin:13px 0 0; }
.obs-head h1 em { color:var(--accent); }
.obs-head p { max-width:330px; font-size:1rem; color:var(--ink-3); line-height:1.65; margin:0 0 3px; }
.observatory { --obs-panel:color-mix(in srgb,var(--surface) 84%,transparent); position:relative; border:1px solid var(--line-2); border-radius:5px; overflow:hidden; background:var(--surface); box-shadow:0 25px 80px -50px #000b; }
.obs-toolbar { position:relative; z-index:3; padding:12px 17px; min-height:60px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); background:var(--paper); gap:16px; }
.obs-tabs { display:flex; gap:6px; }
.obs-tab { display:flex; align-items:center; gap:9px; min-height:36px; font-size:.875rem; color:var(--ink-3); border-radius:3px; padding:8px 12px; border:1px solid transparent; }
.obs-tab[aria-selected=true] { color:var(--ink); border-color:var(--line-2); background:var(--surface-2); box-shadow:0 2px 3px #0001; }
.obs-tab:hover { color:var(--accent); }
.obs-tab svg { width:16px; height:16px; }
.obs-status { font:.75rem var(--mono); color:var(--ink-3); display:flex; align-items:center; gap:7px; }
.obs-status::before { content:''; height:5px; width:5px; background:#b0c9a6; border-radius:50%; }
.obs-workspace { display:grid; grid-template-columns:minmax(0,1fr) 298px; min-height:570px; }
.obs-stage { position:relative; isolation:isolate; min-height:570px; overflow:hidden; background:radial-gradient(ellipse at 50% 45%,#ede8d7 0%,#f5f3e9 35%,#efefe7 80%); }
[data-theme=dark] .obs-stage { background:radial-gradient(ellipse at 49% 44%,#2a241c 0%,#151715 40%,#111310 85%); }
.obs-stage::before { content:''; position:absolute; inset:0; z-index:-1; background-image:linear-gradient(#8c96851a 1px,transparent 1px),linear-gradient(90deg,#8c96851a 1px,transparent 1px); background-size:52px 52px; mask-image:radial-gradient(ellipse,#0008,transparent 74%); pointer-events:none; }
.obs-stage canvas { position:absolute; inset:0; display:block; width:100%; height:100%; touch-action:pan-y; cursor:grab; outline-offset:-4px; }
.obs-stage canvas:active { cursor:grabbing; }
.obs-stage canvas.is-picking { cursor:pointer; }
.obs-stage canvas:focus-visible { outline:2px solid var(--accent); }
.obs-stage-label { position:absolute; left:24px; top:23px; z-index:1; pointer-events:none; }
.obs-stage-label b { display:block; font:400 2.5rem var(--display); line-height:1; color:var(--ink); }
.obs-stage-label span { display:block; font:.75rem var(--mono); color:var(--ink-3); margin-top:6px; }
.obs-stage-corner { position:absolute; top:24px; right:21px; color:var(--ink-3); font:.75rem/1.5 var(--mono); text-align:right; pointer-events:none; }
.obs-stage-note { position:absolute; bottom:76px; left:24px; right:20px; font-size:.8rem; color:var(--ink-3); pointer-events:none; text-align:center; }
.obs-stage-note strong { font-weight:500; color:var(--ink-2); }
.obs-stage-actions { position:absolute; bottom:23px; left:20px; right:20px; display:flex; justify-content:center; gap:7px; z-index:2; }
.obs-button { min-height:37px; padding:8px 12px; border:1px solid var(--line-2); border-radius:3px; background:var(--obs-panel); backdrop-filter:blur(16px); font-size:.8rem; color:var(--ink-2); display:inline-flex; align-items:center; justify-content:center; gap:7px; transition:color .18s,background .18s,transform .18s; }
.obs-button:hover { background:var(--surface-3); color:var(--ink); transform:translateY(-1px); }
.obs-button.primary { background:var(--accent); border-color:var(--accent); color:var(--paper-2); }
.obs-button:disabled { opacity:.45; cursor:default; transform:none; }
.obs-button[aria-pressed=true] { border-color:var(--accent); color:var(--accent); }
.obs-tooltip { pointer-events:none; position:absolute; display:none; z-index:4; padding:10px 13px; max-width:230px; color:var(--ink); border:1px solid var(--line-2); border-radius:4px; background:var(--surface); box-shadow:var(--shadow); transform:translate(-50%,-110%); }
.obs-tooltip b { display:block; font-size:.875rem; font-weight:500; }
.obs-tooltip small { display:block; font-size:.75rem; color:var(--accent); margin-top:4px; }
.obs-inspector { display:flex; flex-direction:column; padding:23px; border-left:1px solid var(--line); background:var(--paper); min-width:0; }
.obs-inspector-label { display:flex; justify-content:space-between; font:.75rem var(--mono); letter-spacing:.08em; color:var(--ink-3); text-transform:uppercase; margin:0 0 18px; }
.obs-inspector h2 { font:400 2.1rem/1.04 var(--display); letter-spacing:-.015em; overflow-wrap:anywhere; margin:18px 0 13px; }
.obs-field { display:block; margin-bottom:13px; }
.obs-field>span { display:block; font-size:.75rem; color:var(--ink-3); margin-bottom:6px; }
.obs-field input,.obs-field select { display:block; width:100%; min-height:40px; border:1px solid var(--line-2); background:var(--surface); color:var(--ink); border-radius:2px; font:400 .875rem var(--sans); padding:8px 10px; }
.obs-field select { appearance:auto; }
.obs-field input::placeholder { color:var(--ink-3); }
.obs-field-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.obs-volume { display:flex; align-items:baseline; gap:8px; padding-bottom:16px; border-bottom:1px solid var(--line); margin-bottom:16px; }
.obs-volume b { font:400 2rem var(--display); color:var(--accent); }
.obs-volume span { font-size:.75rem; color:var(--ink-3); }
.obs-micro-label { color:var(--ink-3); font:.75rem var(--mono); letter-spacing:.06em; text-transform:uppercase; margin-bottom:8px; }
.obs-record { display:block; padding:11px 0; border-bottom:1px solid var(--line); }
.obs-record time { display:block; color:var(--ink-3); font:.75rem var(--mono); margin-bottom:5px; }
.obs-record strong { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font:400 1.08rem/1.35 var(--display); color:var(--ink-2); }
.obs-record:hover strong { color:var(--accent); }
.obs-open { display:flex; align-items:center; justify-content:space-between; font-size:.875rem; color:var(--accent); padding:18px 0 0; margin-top:auto; }
.obs-empty { font-size:1rem; line-height:1.6; color:var(--ink-3); padding:16px 0; }
.obs-bottom { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:15px 22px; border-top:1px solid var(--line); background:var(--paper); }
.obs-caption { font-size:.75rem; color:var(--ink-3); line-height:1.6; margin:0; max-width:58ch; }
.obs-softness { display:flex; gap:12px; align-items:center; font-size:.75rem; white-space:nowrap; color:var(--ink-3); }
.obs-softness input { width:96px; accent-color:var(--accent); cursor:pointer; }
.obs-footnotes { display:flex; justify-content:space-between; gap:30px; font-size:.75rem; color:var(--ink-3); padding:18px 0 2px; }
.obs-footnotes a { color:var(--ink-2); white-space:nowrap; }
.obs-flight-route { display:flex; align-items:center; gap:10px; font-family:var(--condensed); font-size:2.8rem; margin:15px 0 5px; line-height:1.1; }
.obs-flight-route span { color:var(--accent); font-family:var(--display); font-size:1.8rem; }
.obs-flight-places { font-size:.75rem; color:var(--ink-3); line-height:1.65; margin-bottom:21px; }
.obs-flight-data { margin:0; }
.obs-flight-data>div { border-top:1px solid var(--line); padding:10px 0; }
.obs-flight-data dt { color:var(--ink-3); font:.75rem var(--mono); margin-bottom:4px; text-transform:uppercase; letter-spacing:.05em; }
.obs-flight-data dd { font-size:.875rem; line-height:1.5; color:var(--ink-2); margin:0; }
.obs-playhead { margin-top:18px; }
.obs-playhead input { width:100%; accent-color:var(--accent); cursor:pointer; }
.obs-playhead-label { display:flex; justify-content:space-between; color:var(--ink-3); font:.75rem var(--mono); margin:8px 0 11px; }
.obs-play-controls { display:flex; gap:7px; }
.obs-play-controls button:nth-child(2) { flex:1; }
.obs-fallback { position:absolute; inset:32% 12%; display:grid; place-content:center; text-align:center; padding:25px; border:1px solid var(--line-2); background:var(--surface); border-radius:3px; color:var(--ink-2); }
.obs-fallback h3 { font:400 2rem var(--display); margin:0 0 10px; }
.obs-fallback p { font-size:1rem; margin:0; line-height:1.6; }
.obs-help { font-size:.75rem; color:var(--ink-3); margin:12px 0 0; line-height:1.6; }
.obs-mode-icon { font-family:var(--sans); font-size:17px; color:var(--accent); line-height:1; }
@media(min-width:1500px) { .obs-workspace { grid-template-columns:minmax(0,1fr) 320px; min-height:630px; } .obs-stage { min-height:630px; } }
@media(max-width:1150px) { .obs-head { align-items:flex-start; flex-direction:column; gap:15px; } .obs-head p { max-width:60ch; } .obs-workspace { grid-template-columns:minmax(0,1fr) 258px; } .obs-inspector { padding:19px; } .obs-stage { min-height:560px; } .obs-stage-actions { left:12px; right:12px; gap:5px; } .obs-button { padding:8px 9px; } }
@media(max-width:780px) { .obs-workspace { grid-template-columns:1fr; } .obs-stage { min-height:490px; } .obs-inspector { border-left:0; border-top:1px solid var(--line); display:block; padding:22px; } .obs-inspector h2 { margin-top:12px; } .obs-bottom { flex-wrap:wrap; gap:15px; } .obs-softness { width:100%; justify-content:space-between; } .obs-softness input { width:140px; } .obs-records { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px; } .obs-inspector .obs-field-row { grid-template-columns:1fr 1fr; } }
@media(max-width:480px) { .obs-head { padding:27px 0 21px; } .obs-head h1 { font-size:45px; } .obs-head p { font-size:1rem; } .obs-toolbar { padding:10px 9px; gap:5px; } .obs-tab { font-size:.8rem; padding:8px; gap:5px; } .obs-status { font-size:.75rem; } .obs-stage { min-height:425px; } .obs-stage-label { left:18px; top:18px; } .obs-stage-label b { font-size:2rem; } .obs-stage-corner { right:17px; top:20px; font-size:.75rem; } .obs-stage-note { font-size:.75rem; bottom:73px; } .obs-stage-actions { left:8px; right:8px; gap:5px; } .obs-button { font-size:.75rem; padding:8px 10px; } .obs-bottom { padding:17px; } .obs-inspector { padding:20px; } .obs-footnotes { flex-direction:column; gap:10px; } }
@media(prefers-reduced-motion:reduce) { .obs-button { transition:none; } }
.observatory [hidden] { display:none !important; }

/* Temporal instrument and private research workspace. */
.obs-head h1 { font-size:clamp(42px,4.7vw,68px); }
.obs-toolbar { flex-wrap:wrap; gap:10px; }
.obs-toolbar-actions { display:flex; align-items:center; gap:8px; }
.obs-toolbar-actions .obs-button { font-size:.875rem; }
.obs-desk-link span { display:grid; place-items:center; min-width:22px; height:22px; border-radius:50%; background:var(--accent-soft); color:var(--accent); font:.75rem var(--mono); }
.obs-tab { font-size:.875rem; min-height:40px; }
.obs-tab>span { font-size:20px; line-height:1; }
.obs-inspector { max-height:690px; overflow:auto; scrollbar-width:thin; scrollbar-color:var(--line-2) transparent; }
.obs-stage-note { font-size:.875rem; }
.obs-live { font:.75rem var(--mono); color:var(--accent); padding-top:13px; min-height:28px; }
.obs-field>span,.obs-button,.obs-softness,.obs-finish { font-size:.875rem; }
.obs-finish { display:flex; align-items:center; gap:10px; color:var(--ink-3); }
.obs-finish select { background:var(--surface); border:1px solid var(--line-2); border-radius:3px; color:var(--ink); font:.875rem var(--sans); padding:8px; }
.obs-bottom { flex-wrap:wrap; gap:14px 25px; }
.obs-caption { flex:1; min-width:min(260px,100%); }
.obs-record-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; border-bottom:1px solid var(--line); gap:12px; }
.obs-record-row .obs-record { border:0; }
.obs-pin { align-self:center; padding:7px 9px; min-height:34px; font:.75rem var(--sans); color:var(--accent); border:1px solid color-mix(in srgb,var(--accent) 28%,transparent); border-radius:3px; background:var(--accent-soft); white-space:nowrap; transition:background .2s,transform .2s; }
.obs-pin:hover { transform:translateY(-2px); border-color:var(--accent); }
.obs-pin[aria-pressed=true] { background:transparent; color:var(--ink-3); border-color:var(--line); }
.obs-save-flight { margin-top:16px; }
.observatory[data-mode=time] .obs-stage { background:radial-gradient(ellipse at 50% 43%,#e0edee,#f0f4f0 70%); }
[data-theme=dark] .observatory[data-mode=time] .obs-stage { background:radial-gradient(ellipse at 46% 45%,#123237 0%,#101e24 35%,#090f15 82%); }
.observatory[data-mode=time] .obs-stage::before { background-size:44px 44px; opacity:.5; }
.obs-time-readout { position:absolute; bottom:112px; left:12px; right:12px; text-align:center; pointer-events:none; z-index:1; text-shadow:0 2px 20px var(--surface); }
.obs-time-readout span { display:block; text-transform:uppercase; font:.75rem var(--mono); letter-spacing:.16em; color:var(--ink-3); margin-bottom:6px; }
.obs-time-readout b { font:400 clamp(30px,4vw,48px)/1.1 var(--display); letter-spacing:-.025em; }
.obs-timeline { padding:19px 24px 15px; border-top:1px solid var(--line); background:var(--paper); }
.time-axis-head,.time-axis-foot { display:flex; justify-content:space-between; align-items:center; gap:15px; font:.75rem var(--mono); color:var(--ink-3); }
.time-axis-head>span:first-child { display:flex; align-items:center; gap:7px; }
.time-axis-head i:nth-child(2) { margin-left:12px; }
.time-email-dot,.time-flight-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:#e98750; flex-shrink:0; }
.time-flight-dot { background:#45aebc; border-radius:1px; }
.time-histogram { height:74px; display:flex; align-items:stretch; gap:1px; margin:15px 0 7px; }
.time-histogram button { position:relative; flex:1; min-width:0; display:flex; align-items:flex-end; justify-content:center; gap:1px; border:0; padding:0; background:transparent; transition:background .15s; }
.time-histogram button i { width:60%; height:var(--bar); background:#d97849; opacity:.62; border-radius:1px 1px 0 0; }
.time-histogram button i+i { background:#45aebc; width:40%; }
.time-histogram button[aria-pressed=true] { background:var(--accent-soft); outline:1px solid var(--accent); outline-offset:3px; }
.time-histogram button:hover i,.time-histogram button[aria-pressed=true] i { opacity:1; }
.time-histogram button:focus-visible { outline:2px solid var(--ink); outline-offset:3px; z-index:1; }
.obs-timeline>input { width:100%; height:20px; accent-color:var(--accent); cursor:ew-resize; margin:2px 0 10px; }
.time-axis-foot strong { color:var(--ink); font-weight:500; }
.time-totals { display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid var(--line); margin:0 0 20px; padding:0 0 17px; gap:12px; }
.time-totals b { font:400 2.5rem var(--display); display:block; }
.time-totals span { display:flex; align-items:center; gap:7px; color:var(--ink-3); font-size:.875rem; }
.time-more { width:100%; margin-top:13px; }
.time-flight-heading { margin:24px 0 8px; }
.time-flight-record { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:12px 0; border-bottom:1px solid var(--line); }
.time-flight-record b { font-weight:500; font-size:1rem; }
.time-flight-record small { display:block; font:.75rem var(--mono); color:var(--ink-3); margin-top:5px; }
.obs-cinema-open { overflow:hidden; }
.obs-view:has(.is-cinema) { animation:none; transform:none; }
.observatory.is-cinema { position:fixed; inset:0; z-index:1000; width:100%; height:100dvh; display:flex; flex-direction:column; border:0; border-radius:0; overflow:auto; }
.is-cinema .obs-toolbar,.is-cinema .obs-bottom,.is-cinema .obs-timeline { flex-shrink:0; }
.is-cinema .obs-workspace { flex:1; min-height:350px; grid-template-columns:minmax(0,1fr) 340px; overflow:hidden; }
.is-cinema .obs-stage { min-height:350px; }
.is-cinema .obs-inspector { max-height:none; }
.is-cinema .obs-time-readout b { font-size:clamp(38px,5vw,68px); }
.is-cinema .obs-stage-note { bottom:74px; }
.is-cinema .obs-head { display:none; }
.research-view { max-width:1440px; margin:auto; }
.desk-tools { display:flex; gap:10px; padding:18px 0; border-block:1px solid var(--line-2); flex-wrap:wrap; }
.desk-search { flex:1; min-width:240px; }
.desk-search input { width:100%; min-height:44px; background:var(--surface); color:var(--ink); border:1px solid var(--line-2); border-radius:3px; padding:10px 14px; font:1rem var(--sans); }
.desk-tools .obs-field { margin:0; }
.desk-tools select { height:44px; }
.desk-summary { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; padding:17px 0; font:.75rem var(--mono); color:var(--ink-3); }
.desk-notice { color:var(--accent); font-size:.875rem; min-height:26px; }
.desk-notice .obs-button { margin-left:8px; }
.desk-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr)); gap:22px; padding-top:12px; align-items:start; }
.desk-card { position:relative; min-width:0; border:1px solid var(--line-2); border-top:3px solid var(--accent); padding:22px; background:var(--surface); box-shadow:0 12px 30px -25px #000a; transition:transform .25s,box-shadow .25s; }
.desk-card:hover { transform:translateY(-3px); box-shadow:0 20px 40px -25px #0009; }
.desk-card.is-flight { border-top-color:#45aebc; }
.desk-card-top { display:flex; justify-content:space-between; gap:10px; font:.75rem/1.5 var(--mono); color:var(--ink-3); }
.desk-card-top>span { color:var(--accent); }
.desk-card.is-flight .desk-card-top>span { color:#45aebc; }
.desk-card h2 { font:400 clamp(27px,2.6vw,36px)/1.1 var(--display); letter-spacing:-.015em; overflow-wrap:anywhere; margin:23px 0; }
.desk-card dl { margin:0; }
.desk-card dl>div { padding:10px 0; border-top:1px solid var(--line); }
.desk-card dt { font:.75rem var(--mono); color:var(--ink-3); margin-bottom:5px; }
.desk-card dd { margin:0; font-size:.875rem; line-height:1.65; overflow-wrap:anywhere; }
.desk-card blockquote { margin:20px 0; padding:0 0 0 13px; border-left:2px solid var(--line-2); font-size:1rem; line-height:1.7; color:var(--ink-2); white-space:pre-wrap; overflow-wrap:anywhere; }
.desk-card blockquote>span { display:block; margin-bottom:6px; font:.75rem var(--mono); color:var(--ink-3); }
.desk-source { font:.75rem/1.5 var(--mono); color:var(--ink-3); }
.desk-note { display:block; border-top:1px solid var(--line); margin-top:22px; padding-top:17px; }
.desk-note>span,.desk-compare-note>b { display:block; font:.75rem var(--mono); color:var(--accent); margin-bottom:9px; font-weight:400; }
.desk-note textarea { width:100%; box-sizing:border-box; resize:vertical; min-height:88px; border:1px solid var(--line); padding:11px; background:var(--paper); color:var(--ink); font:1rem/1.6 var(--sans); border-radius:3px; }
.desk-note textarea::placeholder { color:var(--ink-3); }
.desk-card-actions { margin-top:18px; display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; font-size:.875rem; }
.desk-card-actions>a { color:var(--accent); }
.desk-card-actions>button { color:var(--ink-3); font-size:.75rem; text-decoration:underline; text-underline-offset:3px; }
.desk-check { display:flex; align-items:center; gap:6px; color:var(--ink-2); cursor:pointer; }
.desk-check input { width:16px; height:16px; accent-color:var(--accent); }
.desk-compare { margin:16px 0 25px; padding:24px; background:var(--accent-soft); border:1px solid color-mix(in srgb,var(--accent) 28%,transparent); }
.desk-compare[hidden] { display:none; }
.desk-compare-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:23px; }
.desk-compare-head p { font-size:.875rem; line-height:1.6; margin:10px 0 0; color:var(--ink-2); }
.desk-compare-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.desk-compare-note { padding-top:12px; border-top:1px solid var(--line); }
.desk-compare-note p { white-space:pre-wrap; overflow-wrap:anywhere; font:1rem/1.65 var(--sans); }
.desk-empty { grid-column:1/-1; padding:60px 25px 75px; text-align:center; border:1px dashed var(--line-2); background:radial-gradient(ellipse at 50% 30%,var(--accent-soft),transparent 70%); }
.desk-empty-mark { font:3rem var(--mono); color:var(--accent); }
.desk-empty h2 { font:400 clamp(32px,4vw,48px) var(--display); margin:22px 0 12px; }
.desk-empty p { max-width:49ch; margin:0 auto 25px; color:var(--ink-3); font-size:1rem; line-height:1.7; }
.desk-footer { margin-top:28px; padding-top:18px; border-top:1px solid var(--line); color:var(--ink-3); font-size:.75rem; line-height:1.65; }
.reader-research { display:flex; align-items:center; gap:15px; flex-wrap:wrap; margin:20px 0 0; font-size:.875rem; }
.reader-research a { color:var(--ink-3); }
.reader-research [role=status] { font-size:.75rem; color:var(--accent); }
@media(min-width:1700px) { .is-cinema .obs-workspace { grid-template-columns:minmax(0,1fr) 400px; } }
@media(max-width:1050px) { .obs-toolbar { align-items:stretch; } .obs-toolbar-actions { margin-left:auto; } .obs-inspector { max-height:620px; } }
@media(max-width:780px) { .obs-inspector { max-height:none; } .obs-records { display:block; } .obs-tabs { flex:1 0 100%; justify-content:space-between; } .obs-tab { padding:9px 7px; gap:6px; } .obs-toolbar-actions { width:100%; justify-content:space-between; border-top:1px solid var(--line); padding-top:10px; } .obs-stage { min-height:470px; } .obs-timeline { padding:17px; } .time-axis-head { align-items:flex-start; flex-direction:column; gap:8px; } .time-histogram { height:60px; } .is-cinema .obs-workspace { flex:0 0 auto; display:block; overflow:visible; } .is-cinema .obs-stage { height:65dvh; min-height:380px; } .is-cinema .obs-inspector { max-height:none; } .is-cinema { overflow-y:auto; } .desk-compare-grid { grid-template-columns:1fr; } .desk-compare { padding:16px; } .desk-compare-head { flex-direction:column; } }
@media(max-width:430px) { .obs-tab { font-size:.8rem; gap:4px; padding:8px 5px; } .obs-tab svg { width:14px; } .obs-stage-actions { flex-wrap:wrap; } .time-axis-foot { font-size:.75rem; gap:5px; } .time-axis-foot strong { font-family:var(--sans); } .obs-finish { width:100%; justify-content:space-between; } .desk-tools .obs-field { flex:1; } .desk-tools #deskExport { width:100%; } }
@media(prefers-reduced-motion:reduce) { .desk-card,.obs-pin,.time-histogram button { transition:none; } .desk-card:hover,.obs-pin:hover { transform:none; } }
@media print { .desk-tools,.desk-summary,.desk-notice,.desk-card-actions,.desk-compare,.reader-research { display:none!important; } .desk-grid { display:block; } .desk-card { break-inside:avoid; margin-bottom:20px; box-shadow:none; } }
.observatory>.obs-live { padding:10px 22px; min-height:36px; background:var(--paper); border-top:1px solid var(--line); }
.is-cinema>.obs-live { flex-shrink:0; }