/* TAROVIT · soft candlelight, wine velvet and unhurried conversation. */
:root{--copper:#e2b4a7;--cream:#f8e9df;--muted:#cfb3bb;--guide-glow:#a2597c}
html{background:#201017}
body::before{background:linear-gradient(90deg,#210d18ed 0%,#291020b3 47%,#210e1780 100%),url('/images/halloween-evening.png') center/cover no-repeat}
body::after{background:radial-gradient(ellipse at 72% 38%,#9b314322,transparent 54%),linear-gradient(transparent 60%,#210d18aa)}
.site-header{background:#240f1855;border-bottom-color:#d58e8b30}
.header-start{border-color:#cf928e66;background:#a7455010;color:#efd0c1}
.header-inner nav a:hover,.header-inner nav button:hover{color:#f0b4ac}
.salon h1 em{color:#e9b4aa;text-shadow:0 0 50px #d0655b30}
.salon-intro{color:#d4b9c0}
.guide-copy{border-top-color:#d99b982f}
.guide-name-row span,.guide-specialty{color:#e7b4aa;border-color:#db999245;background:#a74b5010}
.guide-copy>p:last-child{color:#d0b7bf}
.primary-action{background:linear-gradient(120deg,#ecc3aa,#d69c99);color:#341923;box-shadow:0 8px 32px #b1546320}
.primary-action:hover{background:linear-gradient(120deg,#f5d2ba,#e9b1a8);box-shadow:0 10px 35px #bd606033}
.text-action{color:#e7bbb1}
.text-action:hover{color:#ffddd0}
.portrait-stage::before{content:"";position:absolute;inset:9% -8% 5%;border-radius:50%;background:radial-gradient(ellipse,var(--guide-glow),transparent 66%);opacity:.4;filter:blur(22px);pointer-events:none;transition:background 1s}
.guide-portrait{border-color:#edb9a785;box-shadow:0 28px 75px #10060c80,0 0 55px #b34a4820}
.guide-portrait::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,#dc765717,transparent 40%,#872f5612);box-shadow:inset 0 0 58px #39132735}
.guide-portrait>img{transform:scale(1.015);transition:transform 1.4s cubic-bezier(.2,.6,.25,1)}
.salon-gallery:hover .guide-portrait>img{transform:scale(1.045)}
.guide-portrait figcaption{z-index:1;background:linear-gradient(transparent,#260e1bf2);padding-top:72px}
.guide-portrait figcaption p{font-size:12px;line-height:1.9;color:#f8dfd1}
.guide-portrait figcaption>span{color:#e8b3a4}
.orbit-line{border-color:#d991932e}
.portrait-star{color:#e4b0a1;text-shadow:0 0 24px #dc9b6377}
.portrait-edition{color:#dfa0a1}
.portrait-mood{display:table;position:relative;margin:14px auto 0;white-space:nowrap;border:1px solid #edc3aa55;background:#26121cad;border-radius:40px;padding:5px 13px;color:#f0cdbd;font-size:10px;letter-spacing:.8px}
.guide-option[aria-pressed=true]{color:#f4bbae}
.guide-option[aria-pressed=true] .guide-thumb{border-color:#e5a59c;box-shadow:0 0 0 3px #e5a59c12,0 0 22px #cc737526}
.guide-picker .picker-label{color:#d3b6be}
.guide-age{font-size:10px;color:#bda0ad;margin-top:10px}
.guide-dialog,#info-dialog{background:#2a1722;border-color:#d5969666}
.guide-dialog::backdrop,#info-dialog::backdrop{background:#170912bd}
.site-footer{background:#1b0d17cc;border-top-color:#d89b9226}
.flow-subtitle{max-width:480px;margin-left:auto;margin-right:auto;color:#e2b5af;font-style:italic}
.chosen-reader{border-color:#d5969666;background:#59243530;color:#e9c6b9}
.select-shell select,.dark .select-shell select,.question-input,.dark .question-input{background:#2b1723d9;border-color:#cf8e8a66;color:#f2ddd5}
.suggestion-list button,.dark .suggestion-list button{background:#3b1c2aa8;border-color:#d593912b;color:#dcc0c4}
.suggestion-list button:hover{border-color:#e8ada780;color:#f7d8c9}
.pink-button,.pro-box .pink-button{background:linear-gradient(120deg,#ecc3aa,#d69c99)!important;color:#341923}
.pink-button:hover{background:#edc7b8!important}
.pink-button:disabled{opacity:.45}
.reveal-overlay,.dark .reveal-overlay{background:#200c1bce}
.reveal-box,.dark .reveal-box{background:#301b29f5;border-color:#deaaa355}
.reading-heading h1 em{color:#e1ada4}
.reading-guide{margin-bottom:20px;color:#e1b3aa}
.guide-whisper{display:flex;gap:15px;align-items:flex-start;max-width:740px;padding:20px 24px;margin:0 0 36px;border:1px solid #d6938e40;border-radius:3px 22px 22px 22px;background:linear-gradient(115deg,#6d2d3b40,#351a2b44);box-shadow:0 12px 30px #17091322}
.whisper-mark{font-family:Georgia,serif;font-size:47px;line-height:1;color:#d5958f}
.guide-whisper .micro-label{font-size:9px;color:#d7a19f;margin-bottom:6px;letter-spacing:1px}
.guide-whisper>div>p:last-child{font-size:14px;line-height:1.9;color:#efd5cd;word-break:keep-all}
.reading-cards{background:#2c1927e3;border-color:#d593913d}
.reading-overview h2{color:#ecc4b4}
.note-advice{border-left-color:#d99c9988}
.reflection{background:linear-gradient(135deg,#81374a1f,#34203830);border-color:#d5969650}
.reflection h2{color:#edc5b9}
.toast{background:#e6baad;color:#321923}
@media(max-width:767px){.salon h1{font-size:37px}.guide-portrait figcaption p{font-size:10px}.guide-portrait figcaption{padding-top:48px}.portrait-mood{margin-top:12px;padding:4px 11px;font-size:9px}.flow-start h1{font-size:28px}.flow-subtitle{font-size:13px;max-width:300px;line-height:1.9}.guide-whisper{padding:17px 18px;gap:12px;margin-bottom:28px}.guide-whisper>div>p:last-child{font-size:12px}.whisper-mark{font-size:39px}.guide-dialog-copy>p:nth-last-child(2){margin:19px 0}}
@media(prefers-reduced-motion:reduce){.guide-portrait>img,.salon-gallery:hover .guide-portrait>img{transform:none;transition:none}}


/* Keep the greeting in place as guides take turns speaking. */
.salon h1{font-size:clamp(32px,3.65vw,46px);min-height:2.7em}
.salon-intro{min-height:3.8em}
#reader-speaker{letter-spacing:1.7px}
@media(max-width:767px){.salon h1{font-size:clamp(26px,8.2vw,37px);min-height:2.6em;width:100%}.salon-intro{width:100%}}