/* The observing desk: small instruments around a large, uninterrupted sky. */
:root{--ah-ink:#07121c;--ah-paper:#ede3cb;--ah-muted:#aabcc7;--ah-brass:#dcbb7f;--ah-mint:#81d4c1}
.after-hours-mark{font-size:9px;letter-spacing:.23em;color:var(--ah-brass);display:block;margin-top:9px}
#desk-open{position:fixed;right:25px;bottom:109px;z-index:14;padding:12px 18px;display:flex;align-items:center;gap:12px;border:1px solid #dcbb7f60;border-radius:30px;background:#0a1722e8;box-shadow:0 5px 30px #0003;font-size:13px}
#desk-open .desk-symbol{font:27px var(--display);color:var(--ah-brass);line-height:1}#desk-open small{display:block;font-size:9px;letter-spacing:.13em;color:#a7bcb7;margin-top:2px}#desk-open:hover{border-color:var(--ah-brass);background:#192c34}
#observing-desk{position:fixed;right:24px;top:117px;bottom:111px;width:365px;max-height:720px;z-index:17;display:flex;flex-direction:column;background:linear-gradient(145deg,#132731f5,#07121ff5);border:1px solid #cfdbcd30;border-radius:17px;box-shadow:0 18px 70px #0006;backdrop-filter:blur(20px);overflow:hidden;color:var(--ah-paper)}
.desk-heading{padding:22px 23px 17px;border-bottom:1px solid #c5d5d518;position:relative}.desk-heading .panel-kicker{font-size:9px;letter-spacing:.18em;color:var(--ah-brass)}.desk-heading h2{font:28px var(--display);margin:8px 30px 0 0;line-height:1.22}.desk-close{position:absolute;right:11px;top:13px;width:40px;height:40px;border-radius:50%;font-size:23px;color:#bfccd0}.desk-close:hover{background:#ffffff0c}
.desk-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:5px 10px;background:#030c163a;gap:2px;border-bottom:1px solid #c5d5d518}.desk-tabs button{font-size:11px;min-height:43px;padding:6px 3px;border-bottom:1px solid transparent;color:#a7b8c3}.desk-tabs button[aria-selected=true]{color:var(--ah-paper);border-bottom-color:var(--ah-brass)}.desk-pages{padding:21px 22px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b4cabc45 transparent;flex:1}.desk-page p{font-size:13px;line-height:1.65;color:#bbcad1;margin:0 0 18px}.desk-page h3{font:25px var(--display);margin:0 0 10px}.desk-page h4{font-size:13px;font-weight:500;margin:21px 0 11px;color:var(--ah-paper)}.desk-page small{font-size:10px;line-height:1.55;color:#92abb7;display:block}.desk-page button,.desk-page select,.desk-page input{font-family:var(--body)}.desk-page button:focus-visible,.desk-tabs button:focus-visible{outline:2px solid var(--ah-brass);outline-offset:2px}.desk-page button{min-height:44px}.desk-action{border:1px solid #c4d2c53a;border-radius:7px;padding:10px 13px;font-size:12px;text-align:left;background:#bddacf09}.desk-action:hover{background:#bddacf17}.desk-action.strong{background:var(--ah-paper);color:#10222c;border-color:var(--ah-paper)}.desk-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.desk-row>*{flex:1}.desk-separator{height:1px;background:#c5d5d51e;margin:21px 0}.desk-foot{border-top:1px solid #c5d5d518;padding:12px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px}.desk-foot a{font-size:10px;color:#adc0c6;text-decoration:none}.desk-foot a:hover{color:#f0dcb5}.desk-foot span{font-size:9px;color:#7fa399;letter-spacing:.08em}
.journey-option{position:relative;display:grid;grid-template-columns:64px 1fr 15px;gap:14px;width:100%;padding:13px 0;border-top:1px solid #cadac521;text-align:left;align-items:center;min-height:85px!important}.journey-option:first-child{border-top:0}.journey-option img{width:64px;height:64px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #c8d1c62b,0 0 0 5px #c8d1c605}.journey-option strong{font:19px var(--display);display:block;margin-bottom:5px}.journey-option small{line-height:1.4;font-size:10px}.journey-option .arrow{font-size:16px;color:var(--ah-brass)}.journey-option:hover strong{color:var(--ah-brass)}
.journey-back{font-size:11px;color:#c5b890;padding:0 0 14px;text-align:left}.journey-progress{display:flex;gap:6px;margin:8px 0 18px}.journey-progress i{height:2px;flex:1;background:#cadac52b}.journey-progress i.current{background:var(--ah-brass)}.journey-photo{padding:0!important;display:block;width:100%;border-radius:8px;overflow:hidden;position:relative;background:#000}.journey-photo img{width:100%;aspect-ratio:1.35;object-fit:contain;display:block}.journey-photo span{position:absolute;right:9px;bottom:9px;background:#091522d9;border:1px solid #ffffff30;border-radius:20px;padding:6px 10px;font-size:10px}.journey-stage{font-size:9px!important;margin:8px 0 15px;letter-spacing:.03em}.journey-look{border-left:1px solid var(--ah-brass);padding:1px 0 1px 13px;margin:16px 0;font:italic 15px/1.5 var(--display);color:#dcccaa}.journey-altitude{display:flex;align-items:center;gap:8px;font-size:10px;color:#9ec7bb;margin:11px 0 15px}.journey-altitude:before{content:'';width:5px;height:5px;background:#8bd0b6;border-radius:50%}.journey-altitude.below{color:#d2b88f}.journey-altitude.below:before{background:#d2b88f}.journey-source{font-size:10px!important;color:#93a8b4;margin-top:15px!important}.journey-source a{color:#b9c8cf}
.desk-field{display:block;margin:17px 0;font-size:11px;color:#b9cbd1}.desk-field input,.desk-field select,.desk-select{width:100%;background:#081623;color:#e7e3d5;border:1px solid #ccd6cb3a;border-radius:6px;padding:11px 10px;font-size:13px;margin-top:8px;min-height:44px;color-scheme:dark}.desk-field input[type=range]{padding:0;border:0;accent-color:var(--ah-brass);min-height:30px}.desk-field .field-value{float:right;color:var(--ah-brass);font-variant-numeric:tabular-nums}.season-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.season-grid button{border:1px solid #d0d9ca2b;border-radius:6px;background:#e6d9b907;padding:11px;font-size:12px;text-align:left}.season-grid button small{font-size:9px;margin-top:4px}.season-grid button:hover,.season-grid button[aria-pressed=true]{border-color:#dcbb7f8a;background:#dcbb7f0b}.desk-clock-face{margin:12px 0 20px;font:43px var(--display);letter-spacing:.025em;line-height:1}.desk-clock-face small{font:9px var(--body);letter-spacing:.17em;display:inline;margin-left:10px}.desk-date-label{font-size:12px;color:#b0c4cd}.speed-buttons{display:flex;gap:4px;margin:12px 0}.speed-buttons button{flex:1;border:1px solid #c5d5d526;border-radius:6px;font-size:11px}.speed-buttons button[aria-pressed=true]{background:#b9d7c325;border-color:#9bbbae8a;color:#e5f0dc}.coordinates{display:flex;gap:10px}.coordinates .desk-field{flex:1;min-width:0}.coordinate-details summary{font-size:11px;color:#aebcc4;cursor:pointer;padding:12px 0}.desk-error{font-size:11px;color:#edc29b;min-height:16px;margin:8px 0}
.sky-weather{border-top:1px solid #c5d5d520;border-bottom:1px solid #c5d5d520;padding:13px 0;margin:18px 0}.sky-weather strong{font-size:12px;font-weight:500;display:block;margin-bottom:5px}.planet-list{display:flex;gap:6px;flex-wrap:wrap}.planet-list button{padding:8px 11px;min-height:39px;border:1px solid #c5d5d52a;border-radius:30px;font-size:11px}.planet-list button:hover{border-color:#dcbb7f}
.atmosphere-choice{display:flex;align-items:center;gap:13px;width:100%;text-align:left;border:1px solid #ccd6cb30;border-radius:8px;padding:13px 12px;margin-bottom:9px}.atmosphere-choice[aria-pressed=true]{border-color:#afccad85;background:#a2dec50b}.atmosphere-choice strong{display:block;font-size:12px;font-weight:500;margin-bottom:4px}.atmosphere-choice .swatch{width:32px;height:32px;border-radius:50%;flex-shrink:0;box-shadow:0 0 15px #87c5b51c}.swatch-natural{background:radial-gradient(circle at 30% 35%,#cadbb5 0 1px,transparent 2px),linear-gradient(145deg,#07101e,#21334b)}.swatch-aurora{background:linear-gradient(140deg,#0c202b 15%,#68d5bc 38%,#246557 53%,#ae8cc2 65%,#0c1b2a 82%)}.swatch-red{background:linear-gradient(140deg,#120a0c,#692f24)}.atmosphere-choice small{font-size:10px}.night-vision #header,.night-vision #observing-desk,.night-vision #sky-controls,.night-vision #destinations,.night-vision #location,.night-vision #desk-open,.night-vision #sky-labels{filter:sepia(1) saturate(2.8) hue-rotate(318deg);--ah-brass:#ed9780;--ah-paper:#e7a18b}.night-vision #observing-desk{background:#1b080bf2;border-color:#9a443755}.night-vision .desk-page{background:#15080a}
.journal-empty{padding:15px 0;font:italic 20px/1.5 var(--display);color:#b6c9c4}.journal-entry{border-top:1px solid #d1d5bb30;padding:20px 0 4px}.journal-entry h3{font-size:22px;margin:6px 0 9px}.journal-entry .journal-date{font-size:9px;letter-spacing:.09em;color:#abbdaf}.journal-entry p{font-size:12px;margin-bottom:10px}.journal-entry button{font-size:11px;color:var(--ah-brass);padding:0;min-height:36px}.journal-entry textarea{display:block;resize:vertical;min-height:75px;max-height:220px;width:100%;background:#04101944;border:1px solid #c5d5d523;color:#dedfcf;border-radius:6px;padding:11px;font:12px/1.6 var(--body);margin:10px 0}.journal-entry textarea:focus{border-color:#dcbb7f8a;outline:0}.journal-status{font-size:10px!important;color:#85b9a8!important;margin-top:13px!important}
#sky-moment{position:fixed;right:28px;top:99px;z-index:10;font-size:10px;letter-spacing:.07em;text-align:right;color:#c3d2d8;pointer-events:none;text-shadow:0 1px 8px #000}#sky-moment small{display:block;font-size:9px;color:#8ea7b7;margin-top:5px}.desk-open #sky-moment{display:none}.desk-open #sky-labels{clip-path:polygon(0 0,calc(100% - 411px) 0,calc(100% - 411px) 100%,0 100%)}
#sky-caption{transition:opacity .5s}body[data-mode=sky].desk-open #sky-caption{opacity:0;pointer-events:none}#sky-controls{border-color:#bfcebf30;background:#0a1a23e6!important;backdrop-filter:blur(16px)}#sky-controls .panel-kicker{color:#bccbbe}#sky-controls #sky-trail{display:none}#sky-controls .sky-control-row:has(#sky-watch){display:none}#sky-controls>small{font-size:10px}#sky-labels .sky-label{background:#112531bd;border-color:#b6d2ce36;font-size:11px;backdrop-filter:blur(5px)}#sky-labels .sky-label:hover{border-color:#dcbb7f;color:#f1e4c5}#sky-labels .sky-label[data-kind=planet]{color:#e6ce9e;border-color:#dcbb7f55}
.postcard-dialog{width:min(960px,94vw);padding:28px;background:#07131f;border:1px solid #c5d5d536;border-radius:14px;color:var(--ah-paper);max-height:92dvh}.postcard-dialog::backdrop{background:#020810d9;backdrop-filter:blur(12px)}.postcard-dialog h2{font:32px var(--display);margin:0 55px 8px 0}.postcard-dialog p{font-size:12px;line-height:1.6;color:#a9beca}.postcard-dialog img{width:100%;max-height:60dvh;object-fit:contain;border-radius:7px;background:#030911;display:block}.postcard-dialog .postcard-actions{display:flex;gap:10px;align-items:center;margin-top:17px;flex-wrap:wrap}.postcard-dialog .postcard-actions button{font-size:12px;min-height:44px;padding:11px 16px}.postcard-dialog .postcard-actions small{font-size:10px;color:#94afbe;flex:1;text-align:right}.postcard-dialog .close{top:13px;right:13px}
#trace-message{font-size:12px;line-height:1.55;color:#d0cfb4;margin:12px 0}.trace-summary{padding:12px 14px;border:1px solid #b9d5ce33;border-radius:8px;background:#07111d80;margin:12px 0}.trace-summary strong{font-size:12px;display:block;margin-bottom:6px}.trace-summary p{font-size:11px;margin:0}.quiet #desk-open,.quiet #observing-desk,.quiet #sky-moment,.quiet .constellation-trail-nodes{visibility:hidden;pointer-events:none}.quiet #sky-controls,.quiet #sky-labels{visibility:hidden;pointer-events:none}
@media(min-width:1000px){#sky-controls{width:300px;left:24px;bottom:110px;padding:16px 18px}#sky-controls .sky-control-row{gap:6px}#sky-caption{bottom:145px;max-width:600px;left:50%;transform:translateX(-50%)}#sky-caption>span{font-size:36px}}
@media(max-width:850px){#observing-desk{right:14px;top:105px;bottom:99px;width:345px}#desk-open{right:17px;bottom:95px}#sky-moment{right:22px;top:90px}.desk-open #sky-controls{visibility:hidden}.desk-open #sky-labels{clip-path:none}.desk-open .sky-label{visibility:hidden}.desk-pages{padding:18px 20px}.desk-heading{padding:18px 20px 14px}.desk-heading h2{font-size:25px}#sky-controls{max-width:290px}}
@media(max-width:600px){#observing-desk{left:12px;right:12px;top:auto;bottom:95px;width:auto;height:62dvh;max-height:600px;border-radius:15px}.desk-heading{padding:16px 19px 13px}.desk-heading h2{font-size:24px;margin-top:5px}.desk-heading .panel-kicker{font-size:8px}.desk-tabs{padding:3px 9px}.desk-tabs button{min-height:40px}.desk-pages{padding:16px 19px}.desk-foot{padding:11px 19px}.desk-open #location{visibility:hidden}.desk-open #desk-open{visibility:hidden}#desk-open{right:16px;bottom:99px;padding:10px 13px;font-size:11px;gap:8px}#desk-open small{font-size:8px}#desk-open .desk-symbol{font-size:23px}#sky-moment{top:102px;font-size:9px;max-width:45%}#sky-moment small{font-size:8px}#sky-caption{display:none}#sky-controls{left:13px;bottom:162px;max-width:275px;padding:12px 13px}#sky-controls .panel-kicker{font-size:8px}#sky-controls button,#sky-controls select{font-size:10px;min-height:36px}#sky-controls>small{font-size:9px}.postcard-dialog{padding:20px}.postcard-dialog h2{font-size:27px}.postcard-dialog .postcard-actions small{flex-basis:100%;text-align:left}.after-hours-mark{font-size:8px;margin-top:6px}}
@media(max-height:600px){#observing-desk{top:85px;bottom:85px;max-height:none;height:auto}.desk-heading{padding:12px 19px}.desk-heading h2{font-size:22px}.desk-heading .panel-kicker{display:none}.desk-tabs button{min-height:35px}.desk-foot{padding:8px 19px}#sky-controls{bottom:100px;max-width:260px}#sky-controls>small{display:none}#desk-open{bottom:92px}}
@media(prefers-reduced-motion:reduce){#sky-caption{transition:none}}
.constellation-trail{--constellation-trail-z:11}.quiet .constellation-trail{visibility:hidden;pointer-events:none}.quiet .constellation-trail .ct-node{pointer-events:none}
/* Reading controls stay comfortably legible; only the brand ornament is tiny. */
:root{--body:var(--font)}
#observing-desk{width:400px}.desk-page p{font-size:16px;line-height:1.6}.desk-tabs button,.desk-action,.desk-page h4,.desk-field,.desk-field input,.desk-field select,.desk-select,.speed-buttons button,.season-grid button,.planet-list button,.atmosphere-choice strong,.journal-entry button,.postcard-dialog .postcard-actions button{font-size:14px}.desk-page small,.journey-option small,.journey-stage,.journey-altitude,.journey-source,.desk-clock-face small,.desk-date-label,.coordinate-details summary,.desk-error,.sky-weather small,.atmosphere-choice small,.journal-entry .journal-date,.journal-status,.desk-foot a,.postcard-dialog p,.postcard-dialog .postcard-actions small{font-size:12px!important}.journey-back{font-size:13px}.journey-photo span{font-size:12px}.journal-entry p{font-size:15px}.journal-entry textarea{font-size:14px}.sky-weather strong{font-size:14px}.journey-option{grid-template-columns:64px 1fr 15px}.desk-open #sky-labels{clip-path:polygon(0 0,calc(100% - 446px) 0,calc(100% - 446px) 100%,0 100%)}.desk-open .constellation-trail .ct-node{pointer-events:none;opacity:.45}
@media(max-width:850px){#observing-desk{width:370px}.desk-open #sky-labels{clip-path:none}}
@media(max-width:600px){#observing-desk{width:auto;height:65dvh}.desk-page p{font-size:15px}.desk-tabs button{font-size:13px}.desk-heading h2{font-size:25px}.desk-page small{font-size:12px}.desk-action{padding:10px 12px}.desk-tabs{grid-template-columns:1fr .85fr 1.1fr}.desk-foot span{display:none}}
#sky-room-invitation{position:fixed;right:25px;bottom:192px;width:285px;padding:17px 20px;background:#102730f5;border:1px solid #84bba965;border-radius:13px;z-index:14;box-shadow:0 10px 40px #0005}#sky-room-invitation small{display:block;font-size:10px;letter-spacing:.11em;color:#8ec5b5;margin-bottom:9px}#sky-room-invitation strong{display:block;font-size:14px;font-weight:500;line-height:1.5;padding-right:14px}#sky-invitation-follow{margin-top:11px;color:#ede2c3;border-bottom:1px solid #deca9666;font-size:13px;padding:7px 0;min-height:36px}.invitation-dismiss{position:absolute;right:6px;top:4px;font-size:21px;width:34px;height:34px;min-height:34px}.desk-open #sky-room-invitation{right:446px}.quiet #sky-room-invitation{display:none}
@media(max-width:850px){.desk-open #sky-room-invitation{display:none}#sky-room-invitation{right:15px;width:270px;bottom:169px}}
@media(max-width:1050px){.desk-open .party-pill,.desk-open .quick-reactions{visibility:hidden;pointer-events:none}}
.constellation-trail{--constellation-trail-z:9}

#sky-aurora[aria-pressed=true]{color:#a3efbd;border-color:#80caa8;background:#48836326}#sky-art[aria-pressed=true]{color:#e4d2a6;border-color:#a8976b}

@media(max-height:600px){#sky-controls{max-height:calc(100dvh - 190px);overflow-y:auto;scrollbar-width:thin}}

#sky-labels .sky-label{background:none;border:0;box-shadow:none;backdrop-filter:none;color:#b6c1bcaa;font-size:11px;padding:3px 5px;pointer-events:none;text-shadow:0 1px 3px #000}#sky-labels .sky-label::before{font-size:14px;top:-12px;color:#aabcb977}

/* A visible, ordinary YouTube player. Never hidden behind the garden UI. */
#youtube-record{position:fixed;z-index:150;right:20px;top:86px;width:400px;max-width:calc(100vw - 32px);padding:14px;background:#102029;border:1px solid #718177;border-radius:16px;color:#eeeade;box-shadow:0 14px 50px #0009;box-sizing:border-box;pointer-events:auto}
#youtube-record[hidden]{display:none}
#youtube-record header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
#youtube-record header strong{display:block;font-size:15px;font-weight:500}
#youtube-record .panel-kicker{font-size:10px;display:block;margin-bottom:5px}
#youtube-record .youtube-close{padding:4px 11px;font-size:24px;background:transparent;color:inherit;border:1px solid #ffffff30;border-radius:8px;cursor:pointer}
#youtube-record .youtube-select{display:block;font-size:11px;color:#bdc7c4;margin-bottom:10px}
#youtube-record select{display:block;width:100%;margin-top:5px;padding:8px;background:#1d3039;color:#f2efe4;border:1px solid #ffffff30;border-radius:6px}
#youtube-record .youtube-frame{height:225px;min-width:200px;min-height:200px;background:#000}
#youtube-record iframe{display:block;width:100%;height:100%;border:0}
#youtube-record .youtube-status{font-size:12px;line-height:1.45;margin:10px 0;color:#c3cdc7}
#youtube-record footer{display:flex;gap:12px;font-size:11px;flex-wrap:wrap}
#youtube-record footer a{color:#d8dfbf;text-decoration:underline}
@media(max-width:600px){#youtube-record{right:16px;top:76px;width:360px;padding:12px}#youtube-record .youtube-frame{height:203px}}

#sky-photo-choice #sky-find-photo{width:100%;text-align:center}

/* The observing desk owns interaction while its controls are open. */
body.desk-open #interact{visibility:hidden!important;pointer-events:none}