/* TAROVIT — original midnight salon visual system. */
:root{--background:274 23% 9%;--foreground:36 44% 91%;--heroui-default-100:270 16% 18%;--heroui-default-200:270 12% 25%;--copper:#d5ae7d;--cream:#f4e8d6;--muted:#baaeb8}*{box-sizing:border-box}html{background:#18121d;color:var(--cream);font-family:Arial,'Malgun Gothic',sans-serif;line-height:1.6;scroll-behavior:smooth;color-scheme:dark}body{margin:0;isolation:isolate;background:transparent;color:var(--cream)}body::before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,#17111feb 0%,#17111fb5 45%,#17111f80 100%),url('/images/halloween-evening.png') center/cover no-repeat;pointer-events:none}body::after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(transparent 70%,#17111f77);pointer-events:none}h1,h2,h3,p,figure,ul{margin:0}button,input,textarea,select{font:inherit}button{border:0;background:none;color:inherit;padding:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}svg{display:block}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #e8c391;outline-offset:5px}button{cursor:pointer}button:disabled{cursor:default}.site-header{height:96px;position:relative;z-index:20;border-bottom:1px solid #d5ae7d25;background:#17111f33;backdrop-filter:blur(10px)}.header-inner{max-width:1280px;margin:auto;height:100%;padding:0 44px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px}.brand>span{font-family:Georgia,serif;font-size:27px;letter-spacing:3px;line-height:1.15}.brand small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:2.15px;margin-top:6px;color:var(--copper)}.header-inner nav{display:flex;gap:32px;font-size:13px;color:#d5c9ce}.header-inner nav button:hover,.header-inner nav a:hover{color:#efc994}.header-start{font-size:12px;display:flex;gap:24px;align-items:center;border:1px solid #d5ae7d77;padding:10px 17px;border-radius:3px;background:#d5ae7d08}.header-start span{font-size:20px}.salon{max-width:1192px;margin:auto;padding:56px 44px 52px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.salon-copy{padding-bottom:12px}.eyebrow{font-size:10px;letter-spacing:2.6px;color:var(--copper);font-weight:600;display:flex;align-items:center;gap:12px}.tiny-star{font-size:22px;line-height:1}.salon h1{font-size:49px;line-height:1.35;letter-spacing:-2.3px;font-weight:500;margin-top:23px;color:var(--cream);word-break:keep-all}.salon h1 em{font-style:normal;color:var(--copper)}.salon-intro{font-size:15px;line-height:1.9;color:#c4b9c2;margin-top:23px;word-break:keep-all}.guide-copy{border-top:1px solid #d5ae7d30;margin-top:34px;padding-top:24px;max-width:415px;min-height:174px}.micro-label{font-size:10px;letter-spacing:1.3px;color:var(--copper)}.guide-name-row{display:flex;align-items:center;gap:16px;margin-top:8px}.guide-name-row h2{font-size:27px;letter-spacing:1px;font-weight:500}.guide-name-row span,.guide-specialty{font-size:11px;color:#d8b98e;border:1px solid #d5ae7d45;border-radius:40px;padding:3px 10px}.guide-copy>p:last-child{font-size:13px;line-height:1.9;color:#c4b9c2;margin-top:12px;word-break:keep-all;min-height:50px}.salon-actions{display:flex;align-items:center;gap:24px;margin-top:24px}.primary-action{background:#dcbb8e;color:#211a24;display:inline-flex;justify-content:space-between;align-items:center;gap:32px;border-radius:4px;min-height:51px;padding:12px 23px;font-weight:600;font-size:13px;transition:background .2s,transform .2s}.primary-action:hover{background:#f0cf9f;transform:translateY(-2px)}.primary-action>span:last-child{font-size:21px;line-height:1}.primary-action#begin-reading>span:first-child{font-size:13px}.text-action{font-size:12px;color:#dbc2a5;display:inline-flex;align-items:center;gap:10px;min-height:40px}.text-action:hover{color:#fff0da}.free-note{color:#b5a4a7;font-size:10px;margin-top:17px;letter-spacing:.3px}.free-note span{color:var(--copper);margin-right:6px}.salon-gallery{min-width:0;position:relative}.portrait-stage{position:relative;max-width:410px;margin:auto;padding:10px 28px 16px}.guide-portrait{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:170px 170px 8px 8px;border:1px solid #d5ae7d99;box-shadow:0 24px 70px #0006}.guide-portrait>img{height:100%;width:100%;object-fit:cover;object-position:center 32%}.guide-portrait figcaption{position:absolute;bottom:0;left:0;right:0;padding:58px 20px 23px;background:linear-gradient(transparent,#130f18e8);text-align:center}.guide-portrait figcaption>span{color:#e5c493;font-size:26px}.guide-portrait figcaption p{font-size:11px;letter-spacing:.2px;line-height:1.8;color:#f3dfc0;margin-top:5px;word-break:keep-all}.orbit-line{position:absolute;border:1px solid #d5ae7d38;border-radius:50%;inset:1% 1% 8%;pointer-events:none;transform:rotate(-20deg)}.orbit-two{inset:8% -1% 16%;transform:rotate(24deg)}.portrait-star{position:absolute;right:0;top:30px;color:var(--copper);font-size:48px;z-index:1}.portrait-edition{position:absolute;right:-12px;top:52%;writing-mode:vertical-rl;font-size:8px;letter-spacing:2.6px;color:#d5ae7d}.guide-picker{margin:23px auto 0;max-width:418px}.picker-label{display:flex;justify-content:space-between;font-size:10px;color:#c4b6bc;margin:0 2px 15px}.picker-label>span:last-child{color:#d5ae7d;font-size:9px;letter-spacing:1px}.guide-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.guide-option{display:flex;flex-direction:column;align-items:center;font-size:11px;color:#c0b1ba;transition:color .2s}.guide-thumb{display:block;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:1px solid #ddba7c30;padding:4px;margin-bottom:7px;transition:border-color .2s,transform .2s}.guide-thumb img{width:100%;height:100%;object-fit:cover;object-position:center 26%;transform:scale(1.35);transform-origin:50% 28%;border-radius:50%;filter:grayscale(.4) brightness(.8);transition:filter .2s}.guide-option[aria-pressed=true]{color:#f1d1a0}.guide-option[aria-pressed=true] .guide-thumb{border-color:#e4bd80;box-shadow:0 0 0 3px #e4bd8010}.guide-option[aria-pressed=true] img,.guide-option:hover img{filter:none}.guide-option:hover .guide-thumb{transform:translateY(-2px)}.guide-option small{font-size:8px;color:#a797a5;display:block;margin-top:2px}.salon-steps{max-width:1104px;margin:0 auto 64px;border-top:1px solid #d5ae7d30;padding:30px 8px 0;display:flex;align-items:center;justify-content:space-between;gap:26px}.salon-steps>div{display:flex;gap:18px;align-items:center}.salon-steps>div>span{font-family:Georgia,serif;font-size:30px;font-style:italic;color:#d5ae7d80}.salon-steps p{font-size:12px;color:#e1d2ca}.salon-steps small{display:block;font-size:10px;color:#a998a6;margin-top:4px}.step-line{height:1px;max-width:70px;flex:1;background:#d5ae7d30}.site-footer{background:#16101bc9;border-top:1px solid #d5ae7d25}.footer-inner{max-width:1192px;padding:35px 44px;margin:auto;display:flex;gap:40px;align-items:center;justify-content:space-between}.footer-brand{font-family:Georgia,serif;font-size:20px;letter-spacing:3px;color:#d3b389}.footer-brand>span{display:block;font-family:Arial,'Malgun Gothic',sans-serif;font-size:10px;color:#a896a3;letter-spacing:0;margin-top:8px}.footer-inner>p{font-size:11px;color:#a998a6;line-height:1.9}.footer-inner>div{text-align:right;font-size:11px;color:#bfa98f}.footer-inner>div>span{display:block;font-size:9px;color:#8d7b8b;margin-top:9px}.guide-dialog{width:720px;max-width:calc(100vw - 32px);max-height:90dvh;padding:0;border:1px solid #d5ae7d55;border-radius:12px;background:#211927;color:var(--cream);overflow:auto}.guide-dialog[open]{display:grid;grid-template-columns:45% 55%}.guide-dialog::backdrop,#info-dialog::backdrop{background:#100b17b3;backdrop-filter:blur(7px)}.guide-dialog>img{height:100%;width:100%;object-fit:cover;object-position:top}.guide-dialog-copy{padding:36px 28px;align-self:center}.guide-dialog-copy h2{font-size:32px;font-weight:500;margin:18px 0 8px}.guide-specialty{display:inline-block}.guide-dialog-copy>p:nth-last-child(2){font-size:14px;line-height:1.9;margin:24px 0;color:#cabbc5}.guide-dialog-copy .primary-action{font-size:12px;width:100%;gap:15px}.close-dialog{position:absolute;right:12px;top:8px;font-size:24px;color:#ebd5b9;z-index:1}#info-dialog{background:#211927;border:1px solid #d5ae7d55;color:var(--cream)}#info-content{color:#cabbc5}#info-content a{color:#e2bb82}.dialog-head h2{font-weight:500}.toast{background:#e3c79f;color:#211a24}.subtle{color:#a998a6}
/* The same visual language continues into the reading. */
.flow-start{padding:74px 24px 100px;min-height:calc(100vh - 96px)}.flow-start h1{font-size:42px;letter-spacing:-1px;font-weight:500}.flow-subtitle{font-size:15px;font-weight:400;color:#d5ae7d;margin-top:18px}.chosen-reader{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:24px;font-size:12px;color:#dcc3a5}.chosen-reader img{width:34px;height:34px;object-fit:cover;object-position:top;border-radius:50%}.zodiac-form{margin-top:42px}.zodiac-form>label,.zodiac-form>p,.zodiac-description{color:#c3afb9}.select-shell select,.dark .select-shell select{border:1px solid #d5ae7d55;background:#241b2b;color:#e8d8c5}.pink-button,.pro-box .pink-button{background:#dcbb8e!important;color:#211a24;border-radius:5px!important;box-shadow:none!important;font-size:14px}.pink-button:hover{background:#efcd9c!important}.question-page{padding:65px 24px 80px;min-height:calc(100vh - 96px)}.question-page h1{font-weight:500;font-size:31px}.question-page>p{font-size:14px;color:#bcaab9}.question-input,.dark .question-input{border:1px solid #d5ae7d55;background:#211827bf;color:#efdfcc;padding:20px;border-radius:6px}.question-input::placeholder{color:#a48f9f}.suggestion-list button,.dark .suggestion-list button{background:#241b2bcc;border:1px solid #d5ae7d25;color:#cab9c5;font-size:12px}.suggestion-list button:hover{border-color:#d5ae7d80;color:#f2d8b5}.suggestions{margin-top:36px}.suggestions>p,.question-counter{color:#bcaab9}.draw-page{height:auto;min-height:calc(100vh - 96px);padding:58px 20px 72px;overflow:visible}.draw-page h1{font-size:32px;font-weight:500}.draw-page h1 span{color:#d5ae7d}.draw-description{color:#c5b4be;font-size:15px;margin-top:12px}.draw-count{color:#d5ae7d;margin-top:18px}.cards-fan-container{position:relative;top:auto;left:auto;transform:none;width:100%;max-width:1010px;height:auto;margin:34px auto 0;display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:14px;perspective:1200px}.fan-card{position:relative;width:100%;height:auto;aspect-ratio:2/3;transform:none!important;transition:transform .2s,opacity .2s}.fan-card:hover:not(:disabled),.fan-card:focus-visible{transform:translateY(-8px)!important;z-index:1}.fan-card.selected{transform:translateY(-20px) scale(.9)!important;opacity:.18}.card-inner{border-radius:6px;box-shadow:0 8px 18px #0006}.fan-card:hover .card-inner{box-shadow:0 5px 20px #d4ae7838}.draw-loading{position:relative;inset:auto;min-height:300px;margin-top:42px}.draw-loading-label{top:255px;color:#d5ae7d}.reveal-overlay,.dark .reveal-overlay{background:#130c1bc9}.reveal-box,.dark .reveal-box{background:#241b2cf0;border-color:#d5ae7d44;border-radius:12px}.reveal-progress span{background:#d5ae7d22}.reveal-progress span.active{background:#d5ae7d}.reveal-count,.revealed-position{color:#c7afb8}.reveal-box h2{font-weight:500}.reveal-prompt,.dark .reveal-prompt{background:#d5ae7d1c;color:#e4bd86;border-radius:4px}.reveal-prompt{font-size:13px}.reveal-box .flip-face:not(.flip-front){object-fit:contain}.reading-page{max-width:1120px;margin:auto;padding:55px 32px 80px}.reading-heading h1{font-weight:500;font-size:40px;line-height:1.35;margin:18px 0;letter-spacing:-1px}.reading-heading h1 em{font-style:normal;color:#d5ae7d}.reading-question{font-size:17px;color:#dcccda;overflow-wrap:anywhere}.reading-guide{display:flex;align-items:center;gap:8px;font-size:11px;color:#d3b68f;margin:22px 0 36px}.reading-guide img{width:28px;height:28px;border-radius:50%;object-fit:cover;object-position:top}.reading-layout{display:grid;grid-template-columns:295px 1fr;gap:42px;align-items:start}.reading-cards{position:sticky;top:24px;background:#221829da;border:1px solid #d5ae7d38;padding:22px 18px;border-radius:8px;text-align:center}.reading-cards .spread-heading{font-size:9px;letter-spacing:1px;color:#cbb08c;margin-bottom:28px}.reading-cards .card-count{color:#bca8ad;background:#d5ae7d14}.reading-cards .front-frame{width:145px}.reading-cards .carousel-arrow{width:25px;height:34px;font-size:25px;background:none;color:#d5ae7d}.reading-cards .card-name{color:#e2c59f;font-size:17px;margin-top:8px}.card-position{font-size:10px;color:#b4a0ac}.reading-cards .carousel-dots{margin:20px 0}.carousel-dots button{background:#d5ae7d40}.carousel-dots button[aria-current=true]{background:#d5ae7d}.reading-cards .text-action{justify-content:center;border-top:1px solid #d5ae7d22;width:100%;padding-top:13px;margin-top:5px}.reading-overview{padding:0 0 32px;border-bottom:1px solid #d5ae7d38}.reading-overview h2{font-size:22px;font-weight:500;line-height:1.7;color:#e6ccaa;margin:10px 0}.reading-overview>p:last-child,.reading-note p{font-size:13px;line-height:1.95;color:#c8b8c2;word-break:keep-all}.reading-note{display:flex;gap:18px;padding:32px 0;border-bottom:1px solid #d5ae7d25}.note-number{font-family:Georgia,serif;font-style:italic;font-size:26px;color:#d5ae7d88;line-height:1.2}.reading-note>div:last-child{flex:1;min-width:0}.reading-note .micro-label{font-size:10px;line-height:1;color:#d5ae7d}.reading-note h2{font-weight:500;font-size:21px;line-height:1.6;margin:9px 0 14px}.reading-note h2>span{display:block;font-size:10px;color:#a994a8;margin-top:3px}.note-advice{border-left:2px solid #d5ae7d6b;padding:4px 0 4px 16px;margin-top:18px}.note-advice>span{font-size:10px;color:#d5ae7d;letter-spacing:1px}.note-advice p{font-size:12px;margin-top:6px}.reflection{padding:32px 24px;margin-top:30px;text-align:center;background:#d5ae7d0a;border:1px solid #d5ae7d30;border-radius:6px}.reflection>span{font-size:28px;color:#d5ae7d}.reflection .micro-label{margin:8px 0 14px}.reflection h2{font-size:17px;font-weight:400;line-height:1.7;color:#e3c9a8;word-break:keep-all}.reading-actions{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;margin-top:28px}.reading-actions .primary-action{font-size:12px;gap:22px}
@media(min-width:1440px){.salon{padding-top:70px;padding-bottom:66px;gap:94px}.salon h1{font-size:55px}.portrait-stage{max-width:445px}.guide-picker{margin-top:28px}}
@media(max-width:1000px){.header-inner{padding:0 30px}.salon{padding:48px 32px;gap:35px}.salon h1{font-size:40px;letter-spacing:-1.7px}.portrait-stage{padding-left:20px;padding-right:20px}.salon-actions{gap:15px}.primary-action{gap:20px;padding:12px 17px}.guide-options{gap:9px}.salon-steps{margin-left:32px;margin-right:32px;gap:16px}.salon-steps>div{gap:10px}.step-line{max-width:32px}.header-inner nav{gap:22px}.reading-layout{grid-template-columns:265px 1fr;gap:28px}}
@media(max-width:767px){.site-header{height:80px}.header-inner{padding:0 22px}.brand>span{font-size:22px}.brand small{font-size:6px;letter-spacing:1.9px}.brand img{width:27px}.header-inner nav .nav-home,.header-inner nav [data-about]{display:none}.header-inner nav{font-size:11px}.header-start{display:none}.salon{padding:34px 26px 35px;display:flex;flex-direction:column;gap:32px;max-width:540px}.salon-copy{display:contents}.salon .eyebrow{order:0;align-self:flex-start;font-size:9px}.salon h1{order:1;font-size:37px;line-height:1.3;align-self:flex-start;margin-top:-19px}.salon-intro{order:2;align-self:flex-start;font-size:12px;margin-top:-17px}.salon-gallery{order:3;width:100%;margin-top:-8px}.portrait-stage{max-width:300px;padding:0 25px 8px}.guide-portrait{aspect-ratio:4/5;border-radius:130px 130px 5px 5px}.guide-portrait figcaption{padding:44px 12px 14px}.guide-portrait figcaption p{font-size:10px}.guide-portrait figcaption>span{font-size:22px}.portrait-edition{right:0;font-size:7px}.portrait-star{right:2px;font-size:36px}.guide-picker{margin-top:21px;max-width:380px}.guide-options{gap:18px}.guide-thumb{padding:3px}.picker-label{font-size:9px}.guide-copy{order:4;width:100%;max-width:none;min-height:0;padding-top:19px;margin-top:-7px}.guide-copy>p:last-child{min-height:0;font-size:12px}.guide-name-row h2{font-size:24px}.salon-actions{order:5;width:100%;margin-top:-15px}.salon-actions .primary-action{flex:1}.free-note{order:6;width:100%;margin-top:-19px;font-size:9px}.salon-steps{margin:0 26px 38px;padding-top:23px;gap:10px;align-items:flex-start}.salon-steps>div{flex:1;display:block}.salon-steps>div>span{font-size:23px}.salon-steps p{font-size:10px;margin-top:5px}.salon-steps small{font-size:8px;line-height:1.8}.step-line{display:none}.footer-inner{padding:26px;gap:23px;flex-wrap:wrap}.footer-inner>p{font-size:10px;order:3;flex-basis:100%}.footer-inner>div{margin-left:auto}.footer-brand{font-size:17px}.footer-brand>span{font-size:9px}.guide-dialog[open]{display:block;max-width:340px}.guide-dialog>img{height:270px;object-position:center 25%}.guide-dialog-copy{padding:25px}.guide-dialog-copy h2{font-size:26px}.close-dialog{background:#17111f99;border-radius:50%;width:28px;line-height:28px}.flow-start{padding-top:58px;min-height:calc(100vh - 80px)}.flow-start h1{font-size:32px}.question-page{padding-top:48px;min-height:calc(100vh - 80px)}.question-page h1{font-size:26px}.question-page>p{font-size:12px}.cards-fan-container{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;max-width:520px;margin-top:30px}.draw-page{padding:45px 22px 60px;min-height:calc(100vh - 80px)}.draw-page h1{font-size:27px}.draw-description{font-size:12px;line-height:1.8}.card-inner{border-radius:4px}.draw-count{margin-top:13px;font-size:12px}.reading-page{padding:38px 24px 60px}.reading-heading h1{font-size:32px}.reading-question{font-size:14px}.reading-layout{display:block}.reading-cards{position:relative;top:auto;max-width:370px;margin:0 auto 32px}.reading-cards .front-frame{width:150px}.reading-notes{max-width:600px;margin:auto}.reading-overview h2{font-size:20px}.reading-guide{margin-bottom:28px}.reading-note{gap:14px}.reading-actions{gap:12px 20px}.reading-actions .primary-action{font-size:11px}.reveal-overlay{padding:18px}.reveal-box{padding:23px 20px 28px}.reveal-box h2{font-size:17px}}
@media(max-width:767px){.salon{overflow-x:clip}.orbit-two{inset:9% 8% 18%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:520px){.guide-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 20px}.guide-thumb{max-width:65px}.guide-options .guide-option{min-height:90px}}