.tarot-tool{--yellow:#ffd52a;--yellow-deep:#e8bd18;--black:#08090d;--surface:#141416;--surface-raised:#1d1d1f;--cream:#fff7e6;--gold:#c9a11c;--ink:#24211c;background:var(--black);color:var(--ink);scroll-behavior:smooth;margin:0;font-family:Pretendard,Noto Sans KR,Arial,sans-serif}.tarot-tool .hero h1,.tarot-tool .hero-description,.tarot-tool .empty-record{white-space:pre-line}.tarot-tool,.tarot-tool *{box-sizing:border-box}.tarot-tool button,.tarot-tool textarea{font:inherit}.tarot-tool a{color:inherit;text-decoration:none}.tarot-tool button,.tarot-tool a{-webkit-tap-highlight-color:transparent}.tarot-tool :focus-visible{outline-offset:3px;outline:3px solid #0769d7}.tarot-tool .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-shell{background:var(--black);min-height:100vh;overflow:hidden}.hero-grid{background:var(--yellow);grid-template-columns:minmax(0,2fr) minmax(340px,1fr);min-height:760px;display:grid}.hero{background:radial-gradient(circle at 52% 22%,#ffffff59,transparent 26%),linear-gradient(125deg,#ffd937 0%,var(--yellow) 68%,#f4c515 100%);min-height:760px;padding:0 clamp(34px,5vw,80px);position:relative;overflow:hidden}.topbar{z-index:5;justify-content:space-between;align-items:center;height:92px;display:flex;position:relative}.brand{letter-spacing:.04em;align-items:center;gap:9px;font-size:14px;font-weight:900;display:inline-flex}.brand-sun{font-size:28px;line-height:1}.desktop-nav{align-items:center;gap:clamp(18px,2.4vw,36px);font-size:13px;font-weight:700;display:flex}.desktop-nav a,.desktop-nav button{color:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;font-weight:700;position:relative}.desktop-nav a:after,.desktop-nav button:after{content:"";background:var(--black);height:2px;transition:right .18s;position:absolute;bottom:-5px;left:0;right:100%}.desktop-nav a:hover:after,.desktop-nav button:hover:after{right:0}.desktop-nav .icon-button{font-size:19px}.desktop-nav .icon-button:after{display:none}.desktop-nav .tools-home-link{white-space:nowrap;background:#fff7e633;border:1px solid #08090d61;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:11px;line-height:1;display:inline-flex}.desktop-nav .tools-home-link:after{display:none}.desktop-nav .tools-home-link:hover{background:var(--black);color:var(--cream)}.hero-copy{z-index:3;max-width:520px;padding-top:clamp(100px,15vh,160px);position:relative}.eyebrow{letter-spacing:.22em;opacity:.62;margin:0 0 18px;font-size:10px;font-weight:900}.hero h1{letter-spacing:-.055em;margin:0;font-family:Nanum Myeongjo,Batang,Georgia,serif;font-size:clamp(50px,5vw,78px);font-weight:600;line-height:1.22}.hero-description{margin:28px 0 34px;font-size:18px;font-weight:650;line-height:1.75}.pill-cta{background:var(--black);width:fit-content;min-height:58px;color:var(--cream);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:15px;padding:0 28px;font-weight:800;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 12px 30px #140c002b}.pill-cta:hover{transform:translateY(-3px);box-shadow:0 16px 35px #140c0038}.hero-art{z-index:2;width:42%;min-width:310px;height:580px;position:absolute;top:112px;right:2%}.tarot-back{aspect-ratio:2/3.45;background:#090b10;border:2px solid #090b10;border-radius:14px;width:230px;padding:10px;box-shadow:20px 26px 35px #0f080047}.hero-card{position:absolute;top:36px;left:22%;transform:rotate(15deg)}.card-back-frame{border:2px solid var(--gold);width:100%;height:100%;color:var(--gold);box-shadow:inset 0 0 0 5px #090b10,inset 0 0 0 6px var(--gold);background:radial-gradient(circle,#ffd52a1a,#0000 34%);border-radius:9px;place-items:center;display:grid;position:relative}.card-back-frame:before,.card-back-frame:after{content:"";border:1px solid #c9a11cbf;border-radius:50%;position:absolute;inset:22px;transform:rotate(34deg)}.card-back-frame:after{transform:rotate(-34deg)}.moon-mark{text-shadow:0 0 22px #ffd52a40;font-size:88px;transform:translate(6px)}.sun-ring{opacity:.42;font-size:150px;position:absolute}.orbit{font-size:22px;position:absolute}.orbit-top{top:35px}.orbit-bottom{bottom:35px}.star{color:var(--black);font-size:32px;position:absolute}.star-a{top:50px;left:2%}.star-b{font-size:46px;top:200px;right:0}.star-c{font-size:20px;bottom:90px;left:5%}.black-hill{z-index:1;background:#0a0b0f;border-radius:50% 52% 0 0/42% 50% 0 0;height:235px;position:absolute;bottom:-100px;left:-8%;right:-8%;transform:rotate(-5deg);box-shadow:inset 0 22px 28px #ffd52a0a}.question-panel{background:var(--yellow);min-height:760px;padding:24px 24px 24px 0}.question-inner{height:100%;min-height:712px;color:var(--cream);background:radial-gradient(circle at 50% 0,#17181a 0%,var(--black) 48%);border:1px solid #c9a11c59;border-radius:16px;padding:72px clamp(24px,3vw,46px) 34px;box-shadow:0 20px 45px #160d0040}.panel-kicker{text-align:center;color:var(--gold);letter-spacing:.22em;margin:0 0 15px;font-size:10px;font-weight:900}.question-panel h2{text-align:center;margin:0;font-family:Nanum Myeongjo,Batang,Georgia,serif;font-size:clamp(26px,2.4vw,38px);font-weight:500}.panel-description{text-align:center;color:#aca79c;margin:12px 0 32px;font-size:13px}.topic-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.topic-card{background:var(--surface-raised);min-height:110px;color:var(--cream);cursor:pointer;border:1px solid #403d35;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:transform .16s,background .16s,color .16s;display:flex}.topic-card:hover{border-color:var(--gold);transform:translateY(-3px)}.topic-card.selected{background:var(--yellow);color:var(--black);border-color:var(--yellow);box-shadow:0 8px 26px #ffd52a33}.topic-icon{color:var(--yellow);font-family:Georgia,serif;font-size:38px;line-height:1}.topic-card.selected .topic-icon{color:var(--black)}.question-panel textarea{resize:none;width:100%;height:68px;color:var(--cream);background:#171719;border:1px solid #29292a;border-radius:9px;outline:none;margin:18px 0 12px;padding:22px}.question-panel textarea:focus{border-color:var(--yellow);box-shadow:0 0 0 2px #ffd52a2e}.yellow-cta{background:var(--yellow);width:100%;min-height:56px;color:var(--black);cursor:pointer;border:0;border-radius:9px;font-weight:900;transition:background .16s,transform .16s}.yellow-cta:hover{background:#ffe061;transform:translateY(-2px)}.privacy-note{text-align:center;color:#777269;margin:17px 0 0;font-size:11px}.reading-mode{grid-template-columns:1fr 1fr;gap:7px;margin:0 0 12px;display:grid}.reading-mode button{color:#8d887e;cursor:pointer;background:#151517;border:1px solid #373735;border-radius:7px;min-height:34px;font-size:11px}.reading-mode button.active{border-color:var(--gold);color:var(--yellow);background:#202019}.reading-process{background:var(--black);max-width:1536px;color:var(--cream);border:1px solid var(--gold);border-radius:16px;grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid;position:relative;overflow:hidden}.live-status{z-index:5;color:#d7c997;letter-spacing:.04em;white-space:nowrap;background:#000000b8;border-radius:99px;margin:0;padding:6px 13px;font-size:10px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.process-panel{text-align:center;opacity:.56;background:radial-gradient(circle at 50% 40%,#17181c 0%,#090a0e 65%);border-right:1px solid #3a331a;min-height:460px;padding:43px 28px 26px;transition:opacity .3s,filter .3s;position:relative}.process-panel:last-child{border-right:0}.process-panel.active{opacity:1;filter:drop-shadow(0 0 20px #ffd52a14)}.process-panel h3{color:#f4e7bd;margin:0;font-family:Nanum Myeongjo,Batang,Georgia,serif;font-size:22px;font-weight:500}.process-panel>p:not(.step-no){color:#9c9687;margin:10px 0 22px;font-size:12px}.step-no{letter-spacing:.18em;position:absolute;top:16px;color:var(--gold)!important;margin:0!important;font-size:9px!important;left:20px!important}.outline-cta{border:1px solid var(--gold);color:#e8dbad;cursor:pointer;background:#111216;border-radius:999px;min-width:150px;min-height:40px;font-size:12px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.outline-cta:hover{background:var(--yellow);color:var(--black)}.mini-fan{max-width:360px;height:260px;margin:14px auto 0;position:relative}.mini-card{transform-origin:50% 115%;width:112px;position:absolute;bottom:28px;left:50%;box-shadow:0 9px 15px #00000073}.mini-card .moon-mark{font-size:35px}.mini-card .sun-ring{font-size:60px}.mini-card .card-back-frame:before,.mini-card .card-back-frame:after{inset:10px}.mini-0{transform:translate(-50%)rotate(-35deg)}.mini-1{transform:translate(-50%)rotate(-26deg)}.mini-2{transform:translate(-50%)rotate(-18deg)}.mini-3{transform:translate(-50%)rotate(-9deg)}.mini-4{transform:translate(-50%)}.mini-5{transform:translate(-50%)rotate(9deg)}.mini-6{transform:translate(-50%)rotate(18deg)}.mini-7{transform:translate(-50%)rotate(26deg)}.mini-8{transform:translate(-50%)rotate(35deg)}.is-shuffling .mini-card{animation:.7s ease-in-out infinite alternate shuffleCard}.is-shuffling .mini-card:nth-child(odd){animation-delay:.13s}@keyframes shuffleCard{to{bottom:50px;left:54%}}.select-deck{max-width:390px;height:270px;margin:0 auto;position:relative}.select-card{transform-origin:50% 145%;width:72px;transform:translateX(-50%) rotate(calc((var(--i) - 8.5)*5deg));cursor:pointer;z-index:calc(var(--i) + 1);background:0 0;border:0;padding:0;transition:bottom .16s,filter .16s;position:absolute;bottom:40px;left:50%}.select-card:hover,.select-card:focus-visible{z-index:30;bottom:58px}.select-card:disabled{cursor:default}.select-card .tarot-back{border-radius:6px;width:72px;padding:4px}.select-card .card-back-frame{box-shadow:inset 0 0 0 2px #090b10,inset 0 0 0 3px var(--gold);border-radius:4px}.select-card .moon-mark{font-size:22px}.select-card .sun-ring{font-size:40px}.select-card .orbit{font-size:8px}.select-card .orbit-top{top:10px}.select-card .orbit-bottom{bottom:10px}.select-card .card-back-frame:before,.select-card .card-back-frame:after{inset:7px}.picked-slots{justify-content:center;gap:8px;display:flex}.picked-slots span{color:#625b49;border:1px solid #413a22;border-radius:50%;place-items:center;width:28px;height:28px;font-size:10px;display:grid}.picked-slots span.filled{background:var(--yellow);border-color:var(--yellow);color:var(--black)}.reveal-stage{place-items:center;min-height:300px;display:grid;position:relative}.revealed-card{object-fit:cover;border:7px solid #f5d58c;border-radius:10px;width:180px;max-height:310px;animation:.72s cubic-bezier(.2,.8,.2,1) both revealCard;box-shadow:0 18px 30px #0000008c}@keyframes revealCard{0%{opacity:0;transform:perspective(900px)rotateY(90deg)translateY(16px)}to{opacity:1;transform:perspective(900px)rotateY(0)translateY(0)}}.waiting-card{opacity:.42;width:150px}.waiting-card .moon-mark{font-size:50px}.waiting-card .sun-ring{font-size:85px}.tone-challenging .revealed-card{filter:saturate(.86)}.petals{pointer-events:none;position:absolute;inset:0;overflow:hidden}.petals i{left:calc(var(--p)*8%);color:var(--yellow);font-size:calc(8px + var(--p)*.3px);animation:1.15s ease-out both petalFall;animation-delay:calc(var(--p)*25ms);font-style:normal;position:absolute;top:-10px}@keyframes petalFall{to{transform:translate(calc(var(--p)*2px),280px) rotate(270deg);opacity:0}}.result-section{background:var(--cream);max-width:1470px;color:var(--ink);border:1px solid #dec578;border-radius:16px;grid-template-columns:minmax(230px,24%) minmax(360px,44%) minmax(290px,32%);margin:0 auto;scroll-margin-top:10px;display:grid;overflow:hidden}.result-section>aside,.result-section>article{border-right:1px solid #ddd0b6;padding:36px clamp(24px,3vw,46px)}.result-section>aside:last-child{border-right:0}.back-link{color:#37322b;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.summary-label{color:#8b8374;margin:31px 0 8px;font-size:11px}.result-summary h2{margin:0 0 7px;font-size:17px;line-height:1.55}.result-summary time{color:#787165;font-size:11px}.summary-cards{gap:8px;margin:24px 0;display:flex}.summary-cards button{cursor:pointer;background:#f2e8d3;border:1px solid #0000;border-radius:8px;flex:1;min-width:0;padding:7px}.summary-cards button.active{border-color:var(--gold);background:#fff}.summary-cards img{object-fit:cover;border-radius:3px;width:100%;max-height:110px}.summary-cards span{margin-top:5px;font-size:9px;display:block}.result-nav{border-top:1px solid #d8cbb3;display:grid}.result-nav a,.result-nav button{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #d8cbb3;justify-content:space-between;padding:13px 0;font-size:12px;display:flex}.save-cta{background:var(--yellow);cursor:pointer;border:0;border-radius:8px;width:100%;min-height:49px;margin-top:20px;font-size:12px;font-weight:800}.save-notice{color:#655a27;text-align:center;font-size:11px}.result-meaning h3{margin:0 0 13px;font-size:16px}.result-meaning h3:not(:first-of-type){margin-top:30px}.position-label{border-left:3px solid var(--gold);background:#f5ead2;margin:0 0 18px;padding:9px 12px;font-size:12px}.keyword-list{flex-wrap:wrap;gap:7px;margin-bottom:17px;display:flex}.keyword-list span{color:#403919;background:#fae7b7;border-radius:7px;padding:7px 12px;font-size:11px}.meaning-copy{margin:0 0 8px;font-size:13px;line-height:1.8}.aspect-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.aspect-grid section,.interpretation-grid section{background:#fffaf0;border:1px solid #dfd0ae;border-radius:9px;padding:15px}.aspect-grid span,.interpretation-grid span{color:#9a7310;letter-spacing:.04em;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.aspect-grid p,.interpretation-grid p{margin:0;font-size:12px;line-height:1.75}.positive-aspect{border-color:#dfb71f!important}.shadow-aspect{background:#f5f0e7!important;border-color:#c9baa0!important}.shadow-aspect span{color:#6f6350}.interpretation-grid{gap:9px;display:grid}.context-grid{grid-template-columns:1fr 1fr}.position-grid{grid-template-columns:repeat(3,1fr)}.interpretation-grid section.focused{background:#fff2bd;border-color:#e1ac00;box-shadow:inset 0 0 0 1px #e1ac00}.reflection-box,.action-box{background:#fffaf0;border:1px solid #e3bb2b;border-radius:9px;align-items:center;gap:14px;padding:17px;font-size:13px;display:flex}.reflection-box b{color:#d8a900;font-size:25px}.reflection-box p{margin:0}.action-box{border-color:#dfd0ae}.synthesis{color:#eee4c9;background:#151515;border-radius:10px;margin-top:30px;padding:20px}.synthesis h3{color:var(--yellow);margin-top:0!important}.synthesis p{margin:0;font-size:13px;line-height:1.75}.detail-label{color:#9c8b5e;letter-spacing:.2em;margin:0 0 12px;font-size:9px;font-weight:800}.card-details h3{text-transform:uppercase;margin:0;font-family:Georgia,serif;font-size:22px}.card-details h4{margin:3px 0 18px;font-size:16px}.detail-card-image{object-fit:cover;border:5px solid #e8c976;border-radius:8px;width:150px;max-height:255px;margin:0 auto 22px;display:block;box-shadow:0 9px 20px #3e2a052e}.card-details dl{margin:0}.card-details dl div{border-top:1px solid #dacdb7;grid-template-columns:64px 1fr;gap:10px;padding:8px 0;font-size:11px;display:grid}.card-details dt{font-weight:800}.card-details dd{margin:0;line-height:1.5}.detail-button{cursor:pointer;background:0 0;border:1px solid #968d7b;border-radius:999px;margin-top:19px;padding:10px 17px;font-size:11px}.book-art{text-align:right;height:80px;color:var(--gold);margin-top:22px;position:relative}.book-art b{font-size:58px;font-weight:400}.book-art i{margin-left:10px;font-size:35px;font-style:normal}.support-grid{max-width:1470px;color:var(--cream);grid-template-columns:repeat(3,1fr);margin:8px auto 0;display:grid}.support-card{border:1px solid var(--gold);background:radial-gradient(circle at 50% 20%,#191a1e,#090a0d 68%);border-radius:14px;min-height:390px;padding:32px 48px;position:relative;overflow:hidden}.section-kicker{color:var(--gold);letter-spacing:.2em;margin:0 0 7px;font-size:8px;font-weight:900}.support-card h2{text-align:center;color:#f1dfa5;margin:0;font-family:Nanum Myeongjo,Batang,serif;font-size:20px;font-weight:500}.support-card>p:not(.section-kicker){text-align:center;color:#8c877c;margin:8px 0 18px;font-size:11px}.three-preview{justify-content:center;gap:18px;margin:25px 0;display:flex}.three-preview figure{text-align:center;margin:0}.three-preview img{border:3px solid #d5af48;border-radius:5px;width:82px}.three-preview figcaption{color:#b5ab91;margin-top:5px;font-size:9px}.support-cta{background:var(--yellow);width:100%;min-height:42px;color:var(--black);cursor:pointer;border:0;border-radius:7px;font-size:11px;font-weight:800}.support-cta.secondary{border:1px solid var(--gold);color:#eadbaf;background:0 0}.record-list{gap:8px;margin:20px 0;display:grid}.record-list>div{background:#1d1d1e;border-radius:8px;grid-template-columns:75px 1fr 30px;align-items:center;min-height:52px;padding:8px 12px;display:grid}.record-list time{color:#989185;font-size:10px}.record-list span{display:grid}.record-list b{font-family:Georgia,serif;font-size:10px}.record-list small{color:#b3aa91;margin-top:2px}.record-list i{color:var(--yellow);font-size:28px;font-style:normal}.record-list .empty-record{text-align:center;color:#8e887c;padding:30px;font-size:11px;line-height:1.7;display:block}.about-card{text-align:left;padding-right:90px}.about-card h2{text-align:left;margin-top:18px}.about-card .about-lead{line-height:1.7;text-align:left!important;color:#e5dcc5!important;margin:15px 0 23px!important}.about-card ul{gap:13px;margin:0;padding:0;list-style:none;display:grid}.about-card li{color:#aaa394;gap:12px;font-size:11px;line-height:1.5;display:flex}.about-card li span{color:var(--yellow)}.about-moon{color:var(--yellow);font-size:72px;position:absolute;top:42px;right:28px;transform:rotate(-18deg)}.footer{border-top:1px solid var(--gold);color:#8f8b82;background:#050608;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:30px;min-height:88px;padding:0 52px;font-size:11px;display:grid}.sound-toggle{cursor:pointer;align-items:center;gap:9px;display:flex}.sound-toggle input{opacity:0;position:absolute}.sound-toggle span{background:var(--yellow);color:var(--black);border-radius:999px;padding:4px 9px;font-size:9px;font-weight:900}.footer nav{gap:24px;display:flex}.footer p{text-align:center}.footer strong{color:var(--yellow);font-size:16px}.disclaimer{color:#68655e;text-align:center;background:#050608;margin:0;padding:10px 20px;font-size:9px}@media (width<=1100px){.hero-grid{grid-template-columns:1fr}.hero{min-height:700px;padding:0 24px}.desktop-nav a,.desktop-nav button:not(.icon-button){display:none}.hero-copy{padding-top:75px}.hero-art{opacity:.72;width:45%;right:0}.hero-card{transform:rotate(12deg)scale(.82)}.question-panel{min-height:auto;padding:0 16px 20px}.question-inner{min-height:auto;padding:52px 28px 30px}.reading-process{grid-template-columns:1fr}.process-panel{border-bottom:1px solid #3a331a;border-right:0;min-height:430px}.result-section{grid-template-columns:240px 1fr}.card-details{grid-column:1/-1;grid-template-columns:1fr 180px;gap:16px;display:grid}.detail-card-image{grid-area:1/2/6}.support-grid{grid-template-columns:1fr 1fr}.about-card{grid-column:1/-1}.footer{grid-template-columns:1fr 1fr;padding:24px}.footer p{display:none}}@media (width<=700px){.hero{min-height:660px}.topbar{height:72px}.brand{font-size:12px}.brand-sun{font-size:23px}.hero-copy{padding-top:62px}.hero h1{font-size:clamp(42px,13vw,58px)}.hero-description{font-size:16px}.hero-art{width:45%;min-width:220px;height:340px;top:270px;right:-70px}.hero .tarot-back{width:160px}.hero .moon-mark{font-size:58px}.hero .sun-ring{font-size:100px}.black-hill{height:170px}.question-inner{padding-inline:18px}.topic-grid{grid-template-columns:repeat(2,1fr)}.topic-card{min-height:100px}.reading-process{border-radius:0}.process-panel{padding-inline:16px}.select-deck{transform-origin:50%;transform:scale(.88)}.result-section{border-radius:0;display:block}.result-section>aside,.result-section>article{border-bottom:1px solid #ddd0b6;border-right:0;padding:28px 22px}.result-summary{display:block}.summary-cards img{max-height:150px}.aspect-grid,.context-grid,.position-grid{grid-template-columns:1fr}.card-details{display:block}.detail-card-image{width:180px}.support-grid{grid-template-columns:1fr}.about-card{grid-column:auto}.support-card{border-radius:0;padding:30px 28px}.footer{grid-template-columns:1fr auto;padding:24px 20px}.footer nav{display:none}.footer strong{text-align:right}}@media (width<=1100px){.desktop-nav .tools-home-link{display:inline-flex}}@media (width<=700px){.desktop-nav{gap:10px}.desktop-nav .tools-home-link{padding:7px 9px;font-size:10px}}@media (prefers-reduced-motion:reduce){.tarot-tool,.tarot-tool *,.tarot-tool :before,.tarot-tool :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}