/* Static night atmosphere; paper surfaces retain their own ink palette. */
:root{--night:#11171f;--starlight:#e9dfca;--muted:#babbb7;--line:#616974;--glow:#e8ac7e}
body{position:relative;min-height:100dvh;isolation:isolate;background-color:var(--night);color:var(--starlight);background-image:radial-gradient(ellipse 65% 900px at 19% 520px,#68707926,transparent 75%),radial-gradient(ellipse 58% 850px at 84% 650px,#a6713e24,transparent 75%),linear-gradient(145deg,#101822,#1d1e24 52%,#10161d);background-repeat:no-repeat}
body:before{position:absolute;opacity:.17}
body:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('./mystic-dust.svg') 0 0/920px 860px repeat;opacity:.8}
.site-header{border-color:#69717b}.brand small,.hero-lead h1 em,.reading-head h1 em,.how-it-works span,.progress .current{color:var(--glow)}
.header-note{color:var(--muted)}.site-header .text-button:hover,.site-footer .text-button:hover{color:var(--glow)}
.garage-scene:before{content:'';position:absolute;z-index:-2;pointer-events:none;width:116%;aspect-ratio:1;left:-8%;top:-9%;background:url('./astral-stage.svg') center/contain no-repeat;mask-image:linear-gradient(to bottom,#000 0%,#000 64%,transparent 82%)}
.brand-orb{filter:drop-shadow(0 0 12px #efbf6a38)}
.hero{position:relative;isolation:isolate}
@media(min-width:1101px){.hero:before{content:'';position:absolute;z-index:-1;pointer-events:none;right:0;top:18px;width:39%;height:220px;background:url('./astral-sky.svg') center/contain no-repeat}}
@media(max-width:1100px){.garage-scene:after{content:'';position:absolute;z-index:-2;pointer-events:none;top:0;left:-8%;width:116%;aspect-ratio:1;background:url('./astral-narrow.svg') center/contain no-repeat}}
@media(max-width:700px){.garage-scene:after{left:-17%;width:134%}}
.garage-lift{filter:drop-shadow(0 12px 28px #0005)}
.master>.historic-card{box-shadow:4px 10px 20px #0005}.master-quote{border-color:#77796e;color:#d5d2c8}
.scene-footnote{color:#c9c8c0}.how-it-works{border-color:var(--line)}.site-footer strong{color:var(--starlight)}
.lookup-box,.service-sheet,.vehicle-facts,dialog{color:var(--ink);--muted:#666158;--line:#bbb4a4;box-shadow:7px 9px 0 #0005,0 22px 65px #0003}
.lookup-box{background:#faf5e8}.lookup-box:before{background:#ddd4bf}
.vehicle-facts{box-shadow:none}
.progress .current span{border-color:var(--glow)}
.spread-item{border-color:#b8b4a8}.job-label{border-color:var(--line)}
.tarot-card{filter:drop-shadow(4px 10px 16px #0006)}
.verdict-tag{border-color:#c7c2b5}.verdict-tag.pass{border-color:var(--glow);color:var(--glow)}
.verdict-panel{background:#202630;border:1px solid #6c6b63;box-shadow:0 20px 60px #0003}
.verdict-panel:before{background:repeating-linear-gradient(120deg,var(--glow),var(--glow) 12px,#202630 12px,#202630 24px)}
.verdict-panel .eyebrow{color:#e2bd95}.verdict-panel .small,.verdict-actions .text-button{color:#c9c8c0}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--glow)}
:is(.lookup-box,.service-sheet,.vehicle-facts,dialog) :is(button,a,input,textarea,summary):focus-visible{outline-color:#b63719}
.edit-button:hover{color:var(--starlight)}
dialog::backdrop{background:#080d15db}
@media(max-width:700px){body{background-image:radial-gradient(ellipse 130% 620px at 32% 310px,#6d707c24,transparent 75%),radial-gradient(ellipse 110% 650px at 100% 700px,#a6713e1c,transparent 75%),linear-gradient(160deg,#101822,#1b1c22 48%,#10161d)}body:after{background-size:690px 645px;opacity:.65}.garage-scene:before{width:134%;left:-17%;top:-14%}.lookup-box,.service-sheet{box-shadow:4px 6px 0 #0005,0 18px 42px #0003}.master>.historic-card{box-shadow:3px 5px 12px #0006}}
