.back-stars{position:absolute;inset:8%;pointer-events:none;opacity:.6;background:center/100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 170' fill='%23dfbd78'%3E%3Cpath d='m18 18 1.4 4.6L24 24l-4.6 1.4L18 30l-1.4-4.6L12 24l4.6-1.4zM78 35l1 3 3 1-3 1-1 3-1-3-3-1 3-1zM25 131l1 3 3 1-3 1-1 3-1-3-3-1 3-1zM78 147l1.3 4.7 4.7 1.3-4.7 1.3-1.3 4.7-1.3-4.7-4.7-1.3 4.7-1.3z'/%3E%3Ccircle cx='37' cy='13' r='.7'/%3E%3Ccircle cx='86' cy='84' r='.8'/%3E%3Ccircle cx='14' cy='95' r='.7'/%3E%3Ccircle cx='56' cy='149' r='.6'/%3E%3C/svg%3E")}
.card-back img,.card-brand{position:relative;z-index:1}.tarot-art.reversed{transform:rotate(180deg)}.account-state{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px;color:var(--gold);font-size:13px}.context-details{margin-top:16px;color:var(--muted);font-size:14px}.context-details summary{cursor:pointer;min-height:44px;padding:10px 0}.context-details summary span{font-size:12px;margin-left:6px}.context-details .question-box{margin-block:10px}.topic-select{display:block;width:100%;min-height:48px;color:var(--ink);background:#182333;border:1px solid #47576a;border-radius:9px;padding:10px 14px;font:inherit;font-size:15px}.ai-consent{display:flex;align-items:flex-start;gap:11px;margin:18px 0 22px;color:var(--muted);font-size:13px;line-height:1.8;cursor:pointer}.ai-consent input{flex:none;accent-color:var(--accent);width:20px;height:20px;margin:2px 0}.ai-consent a,.helper a,.lab-info a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.start-button{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;font-size:15px}.start-button .balance{flex:none;border-left:1px solid #735246;padding-left:12px;font-size:13px;font-weight:600}.secondary{width:100%;border:1px solid #59677b;background:#182333;color:var(--ink);border-radius:10px;min-height:48px;padding:12px 16px;font-weight:600;margin-top:12px}.kakao-connect{display:block;width:224px;max-width:100%;margin:18px auto}.kakao-connect img{display:block;width:100%;height:auto}.packs-list{display:grid;gap:16px;margin:26px 0}.pack-option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 20px;border:1px solid #536176;border-radius:14px;background:#182333;color:var(--ink);width:100%;text-align:left}.pack-option strong{font-size:21px;display:block;color:var(--gold)}.pack-option small{display:block;color:var(--muted);font-size:13px;margin-top:7px}.pack-option b{font-size:21px;white-space:nowrap;font-variant-numeric:tabular-nums}.pack-option:hover{border-color:var(--gold)}.saved-reading{display:block;width:100%;padding:20px;text-align:left;color:var(--ink);background:#182333;border:1px solid #3d4a5d;border-radius:12px;margin:16px 0;overflow-wrap:anywhere}.saved-reading span{display:block;font-weight:600}.saved-reading small{display:block;color:var(--muted);font-size:12px;margin-top:9px}.ledger-entry{display:flex;justify-content:space-between;gap:12px;margin:16px 0;color:var(--muted);font-size:13px}.ledger-entry b{white-space:nowrap;color:var(--gold);font-variant-numeric:tabular-nums}#wallet-history{margin-top:25px}#wallet-history summary{min-height:44px;cursor:pointer;color:var(--gold)}.save-result{padding:22px 20px;border:1px solid #46516b;border-radius:12px;margin:28px 0}.save-result strong{color:var(--gold);font-size:17px}.save-result p{font-size:14px;color:var(--muted);margin-top:10px}.reading-part h2 small{font-size:13px;font-weight:500;color:var(--muted);margin-left:6px}.reading-part .small-label{color:var(--gold);margin-bottom:8px}.answer strong{font-size:20px;line-height:1.7}.reading-part p{white-space:pre-line}.reading-point{font-weight:750;color:#ffd1af}.recap dl{margin:16px 0 0}.recap dt{font-size:13px;color:#dfbd78;margin-top:16px}.recap dd{margin:5px 0 0;font-size:15px;line-height:1.85}.reveal-name{font-size:12px;word-break:keep-all}#checkout-status{margin-block:20px}#tarot-toss-method,#tarot-toss-agreement{max-width:100%;overflow:hidden;border-radius:10px}.footer-note a{text-decoration:none}.position-name{font-size:12px;min-height:40px}.preview-stack .back-stars{z-index:0}#service-status{font-size:13px;margin-top:18px;text-align:center}
@media(max-width:359px){.start-button{padding-inline:14px;font-size:14px;gap:8px}.start-button .balance{padding-left:8px;font-size:12px}.pack-option{padding:20px 16px;gap:10px}.pack-option b{font-size:19px}.pack-option strong{font-size:19px}.end-actions{gap:14px}.answer strong{font-size:18px}.reading-part p{font-size:15px}}
.page-tarot .header{max-width:560px;margin:auto;position:relative;z-index:2}.page-tarot .app-bottom-nav{width:min(100%,560px);left:50%;transform:translateX(-50%);background:#10182c;--ink-dim:#b2bdca;--app-accent:#ffac92}.page-tarot .app-bottom-nav a{color:#b2bdca}.page-tarot .app-bottom-nav a.is-active{color:#ffac92}.page-tarot #kbar{display:none!important}.page-tarot .lab-info{margin-bottom:0;padding-bottom:24px}.page-tarot .app-header .brand-mark{width:34px;height:34px;object-fit:contain}.page-tarot .header:has(.app-header){background:none}
.purchase-record{display:grid;gap:5px;margin:18px 0;padding:16px;background:#182333;border-radius:10px;font-size:14px}.purchase-record span,.purchase-record small{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.page-tarot .context-details .field-label{margin-top:16px}

/* 공통 푸터는 다른 페이지와 같은 앱 폭으로 표시한다. */
.page-tarot .foot{position:relative;z-index:1;max-width:560px!important;margin:32px auto 0!important;padding-bottom:110px!important;--ink-dim:#b2bdca}.page-tarot .foot>.wrap{width:100%;max-width:100%;padding-inline:20px}.transfer-details{margin:0 0 24px;font-size:13px;color:var(--muted)}.transfer-details summary{cursor:pointer;min-height:44px;padding-block:10px;color:var(--gold)}.transfer-details p{margin:12px 0;line-height:1.8}.transfer-details a{text-decoration:underline}
/* 터치할 폭을 남기고 두 줄의 카드를 조금 겹쳐 펼친다. */
.deck-viewport{padding:26px 8px 20px;scroll-padding-inline:8px}.deck{grid-auto-columns:52px;column-gap:0;grid-template-rows:repeat(2,122px);row-gap:25px;padding-right:28px}.deck-card{width:76px;height:122px;transform:rotate(-3deg);transform-origin:50% 90%;isolation:isolate}.deck-card:nth-child(4n+2),.deck-card:nth-child(4n+3){transform:rotate(2deg)}.deck-card:hover:not([aria-pressed=true]),.deck-card:focus-visible{z-index:4;transform:translateY(-12px) rotate(0)}.deck-card[aria-pressed=true]{z-index:3;transform:translateY(-16px) rotate(0);opacity:1}.deck-card[aria-pressed=true]::after{inset:auto 6px 6px auto;width:25px;height:25px;border-radius:50%;background:#dfbd78;color:#111b2a;font-size:17px}.deck-card[aria-pressed=true] .card-back{border-color:#ffe1a6}.deck-card:focus-visible{scroll-margin-inline:40px}
@media(min-width:600px){.deck{grid-auto-columns:56px;grid-template-rows:repeat(2,134px);padding-right:28px}.deck-card{width:84px;height:134px}}
@media(prefers-reduced-motion:reduce){.deck-card{transition:none}.deck.shuffling .deck-card{animation:none}}

/* 첫 장면의 세 장: 읽을 글은 고정하고 카드에만 움직임을 준다. */
.preview-stack{perspective:700px;animation:tarot-float 5.8s ease-in-out infinite;animation-play-state:paused}.preview-stack::before{display:none}.intro-card{position:absolute;inset:0;transform-origin:50% 88%;pointer-events:none;animation-duration:7s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused}.intro-card .card-back{position:relative;inset:auto;width:100%;height:100%}.intro-card-1{transform:translateX(-14px) rotate(-14deg);animation-name:tarot-fan-left}.intro-card-2{transform:translateX(-5px) rotate(-5deg);animation-name:tarot-fan-middle}.intro-card-3{transform:rotate(6deg);animation-name:tarot-fan-front}.intro-card-1 img,.intro-card-2 img{opacity:.6}.card-rim{position:absolute;inset:0;width:100%;height:100%;fill:none;pointer-events:none}.card-rim rect{stroke:#ffe2ab;stroke-width:1.4;stroke-dasharray:14 86;animation:tarot-rim 6.5s linear infinite;animation-play-state:paused}
html[data-tarot-motion="running"] .preview-stack.motion-visible,html[data-tarot-motion="running"] .preview-stack.motion-visible :is(.intro-card,.card-rim rect){animation-play-state:running}
@keyframes tarot-float{0%,100%{transform:translateY(3px)}50%{transform:translateY(-8px)}}
@keyframes tarot-fan-left{0%,100%{transform:translateX(-14px) rotate(-14deg)}50%{transform:translateX(-23px) rotate(-20deg)}}
@keyframes tarot-fan-middle{0%,100%{transform:translateX(-5px) rotate(-5deg)}50%{transform:translateX(-8px) rotate(-8deg)}}
@keyframes tarot-fan-front{0%,100%{transform:rotate(6deg)}50%{transform:rotate(10deg)}}
@keyframes tarot-rim{from{stroke-dashoffset:0}to{stroke-dashoffset:-100}}
@media(prefers-reduced-motion:no-preference){html[data-tarot-motion="running"] .deck:not(.shuffling) .deck-card:nth-child(-n+20){--rest-angle:-3deg;animation:tarot-deal .42s cubic-bezier(.2,.65,.3,1) backwards;animation-delay:calc(var(--index)*18ms)}html[data-tarot-motion="running"] .deck:not(.shuffling) .deck-card:nth-child(4n+2),html[data-tarot-motion="running"] .deck:not(.shuffling) .deck-card:nth-child(4n+3){--rest-angle:2deg}}
@keyframes tarot-deal{from{opacity:0;transform:translate(28px,12px) rotate(9deg)}to{opacity:1;transform:rotate(var(--rest-angle,-3deg))}}
html[data-tarot-motion="paused"] .deck-card{animation:none!important}
@media(prefers-reduced-motion:reduce){.preview-stack,.intro-card,.card-rim rect,.deck-card{animation:none!important}.card-rim{display:none}}

.account-state>.quiet{flex:none;white-space:nowrap}.account-state>#account-label{min-width:0}.intro-preview{gap:28px}@media(max-width:359px){.intro-preview{gap:22px}.preview-stack{margin-left:10px}.intro-card-1{animation-name:tarot-fan-left-small}}@keyframes tarot-fan-left-small{0%,100%{transform:translateX(-12px) rotate(-12deg)}50%{transform:translateX(-17px) rotate(-17deg)}}

.intro-preview{justify-content:flex-start;padding-left:36px;gap:52px}.preview-note{min-width:0}.intro-card-1{transform:translateX(-8px) rotate(-10deg)}
@keyframes tarot-fan-left{0%,100%{transform:translateX(-8px) rotate(-10deg)}50%{transform:translateX(-12px) rotate(-15deg)}}
@media(max-width:359px){.intro-preview{padding-left:26px;gap:24px}.preview-stack{margin-left:0}.preview-note{font-size:14px}.preview-note strong{font-size:16px}}
@keyframes tarot-fan-left-small{0%,100%{transform:translateX(-5px) rotate(-7deg)}50%{transform:translateX(-7px) rotate(-10deg)}}

.channel-gift-offer{margin:22px 0 28px;padding:20px;background:#182333;border:1px solid #46516b;border-radius:12px}.channel-gift-offer strong{display:block;color:var(--gold);font-size:18px;line-height:1.55}.channel-gift-offer p{margin:10px 0;color:var(--muted);font-size:14px;line-height:1.85}.channel-gift-offer small{display:block;color:var(--muted);font-size:12px;line-height:1.8;margin-top:14px}.gift-actions{display:grid;gap:10px}.gift-actions .secondary{display:block;text-align:center;margin:0;font-size:14px}.channel-gift-offer .kakao-connect{margin:16px auto}