@charset "UTF-8";
:root{color-scheme:dark;--ink:#0c0b19;--gold:#ebc989;--muted:#c4bfd1;--paper:#f4f0e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f8f4ea;font:16px/1.7 "Malgun Gothic",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #ffe5a5;outline-offset:5px}header{height:84px;display:flex;align-items:center;gap:30px;padding:0 5%;border-bottom:1px solid #ffffff14;background:#0c0b19}.brand{font:15px Georgia,serif;letter-spacing:2px;margin-right:auto}.brand span{font:14px "Malgun Gothic",sans-serif;letter-spacing:0;display:block;color:var(--muted);margin-top:4px}header>a:not(.brand){font-size:14px}.badge{font-size:12px;letter-spacing:1px;color:var(--gold);border:1px solid #ebc98940;padding:4px 10px}.room{position:relative;overflow:hidden;min-height:910px;background:#0a0917}.portrait{position:absolute;top:0;left:0;width:100%;height:730px;object-fit:cover;object-position:center top}.portrait.room-dream{height:365px;object-position:center 86%}.room:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#080813b3,transparent 48%),linear-gradient(0deg,#0c0b19 1%,transparent 45%);pointer-events:none}.intro{position:relative;z-index:2;padding:58px 6% 0;height:365px;pointer-events:none}.eyebrow{font-size:12px;letter-spacing:2.5px;color:var(--gold);margin:0 0 12px}h1{font:clamp(28px,3.1vw,48px)/1.45 Georgia,"Batang",serif;margin:0 0 20px;font-weight:400}.intro>p:last-child{color:#e7dfe8;font-size:15px}.table{position:relative;z-index:2;padding:35px 20px 28px;text-align:center;background:linear-gradient(0deg,#0c0b19 75%,#100e20f8 89%,#100e20df 96%,transparent);min-height:550px}.guidance h2{font:24px/1.5 "Batang",serif;font-weight:400;margin:0}.deck-window{overflow:visible;max-width:1080px;margin:0 auto}.deck{height:208px;position:relative;margin:5px auto 0;max-width:980px}.card{position:absolute;width:76px;height:124px;left:calc(50% - 38px);top:40px;border:1px solid #bd985e;border-radius:7px;background:linear-gradient(140deg,#252240,#100e23);color:var(--gold);box-shadow:0 7px 18px #0008;transform:translate(var(--x),var(--y)) rotate(var(--r));transition:transform .8s cubic-bezier(.22,.8,.2,1),opacity .3s,border-color .2s;transform-origin:center 150%;padding:6px}.card:before{content:"";position:absolute;inset:5px;border:1px solid #ac885856;border-radius:4px;pointer-events:none}.card .symbol{font:36px Georgia,serif;display:block}.card .number{font-size:12px;letter-spacing:2px}.card:not(:disabled):hover{transform:translate(var(--x),calc(var(--y) - 19px)) rotate(var(--r));border-color:#ffe0a0;box-shadow:0 0 24px #efc57555;z-index:200!important}.card.chosen{opacity:.12}.deck.shuffling .card{animation:shuffle 550ms ease-in-out infinite alternate;animation-delay:calc(var(--i)*-31ms)}@keyframes shuffle{to{transform:translate(calc(var(--j)*80px),-16px) rotate(calc(var(--j)*13deg))}}.slots{display:flex;justify-content:center;gap:14px;margin:0 auto 21px}.slot{border:1px dashed #baa06a66;background:#111022b8;color:#c9c1d3;min-height:70px;width:160px;padding:10px;border-radius:9px;font-size:14px}.slot small{display:block;color:#b9b1c7;font-size:12px}.slot.filled{border:1px solid #d6b57a;color:var(--gold);background:#282037}.actions{display:flex;gap:14px;justify-content:center}.actions button,.pager button{border:1px solid #c7aa6d55;border-radius:6px;background:#191626;color:#e7d8b8;padding:10px 22px}.actions .primary{background:#e9c68b;color:#261a16;border-color:#e9c68b;min-width:230px;font-weight:700}.primary span{margin-left:40px}.hint{font-size:14px;color:var(--muted);margin-bottom:0}.pager{justify-content:center;align-items:center;gap:20px;margin:0 0 15px;font-size:14px}.pager:not([hidden]){display:flex}.pager button{padding:4px 18px;min-height:44px}.reading{background:var(--paper);color:#292438;padding:70px 6%;text-align:center}.reading-heading{max-width:680px;margin:auto}.reading .eyebrow,.about .eyebrow{color:#aa804a}.reading h2,.about h2{font:32px/1.5 "Batang",serif;font-weight:400}.reading .sample{font-size:13px;color:#685e73}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:1100px;margin:40px auto}.result{text-align:left;background:#fffcf7;border:1px solid #ded6c8;padding:30px;border-radius:12px;animation:appear .7s both;animation-delay:calc(var(--i)*.15s)}.result .position{font-size:13px;color:#766347;letter-spacing:1px}.result h3{font:30px "Batang",serif;margin:20px 0 6px}.result .en{font:12px Georgia,serif;letter-spacing:2px;color:#756783}.result .meaning{border-top:1px solid #e0d9d0;padding-top:20px}.result .prompt{background:#f1ece3;padding:16px;border-radius:6px}.dark-button{background:#262035;color:#fff4df;border:0;padding:13px 30px;border-radius:6px}.about{padding:65px 7%;max-width:1250px;margin:auto;color:#d0c9db}.about>p{max-width:820px}.about h2{color:#fff4df}.explain{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px}.explain h3{font-size:17px;color:#e8cf9d}.explain p{font-size:15px}footer{padding:25px 6%;border-top:1px solid #ffffff15;display:flex;justify-content:space-between;color:#aaa0bb;font-size:12px}.skip{position:absolute;left:20px;top:-90px;z-index:100;background:#fff;color:#000;padding:12px}.skip:focus{top:10px}[hidden]{display:none!important}@keyframes appear{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(min-width:1600px){.portrait{height:830px}.intro{height:405px}.portrait.room-dream{height:405px}}@media(max-width:700px){header{height:74px;padding:0 20px;gap:10px}.brand{font-size:12px}.brand span{font-size:12px}.badge{display:none}header>a:not(.brand){font-size:13px}.portrait{height:480px;width:150%;max-width:none;left:-25%;object-position:center top}.portrait.room-dream{height:295px;width:100%;left:0;object-position:58% 70%}.room:before{background:linear-gradient(0deg,#0c0b19 30%,transparent 70%)}.intro{height:295px;padding:18px 20px}.intro .eyebrow{font-size:10px}.intro h1{font-size:24px;text-shadow:0 2px 10px #000;margin-top:12px}.intro>p:last-child{display:none}.table{padding:30px 14px;background:linear-gradient(0deg,#0c0b19 87%,#0c0b19d9 95%,transparent)}.guidance h2{font-size:20px}.deck{height:188px}.card{width:60px;height:105px;left:calc(50% - 30px)}.slot{width:30%;font-size:13px;padding:9px 3px;min-height:65px}.slots{gap:9px}.hint{font-size:12px;max-width:290px;margin:16px auto 0}.room{min-height:830px}.reading{padding:42px 22px}.reading h2,.about h2{font-size:26px}.results,.explain{grid-template-columns:1fr;gap:18px}.result{padding:24px}.about{padding:45px 24px}footer{gap:15px;flex-direction:column}.actions button{padding:10px 15px}.actions .primary{min-width:190px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{animation:none!important;transition:none!important}}

.tarot-art{display:block;width:100%;max-width:260px;height:auto;margin:10px auto 28px;border-radius:14px;box-shadow:0 12px 28px #211b3430}.reading-actions{margin:26px auto}.whole-summary{max-width:920px;text-align:left;margin:35px auto;padding:32px 38px;background:#262238;color:#f5efdf;border:1px solid #cdb278;border-radius:16px}.whole-summary h3{font:28px/1.5 "Batang",serif;color:#efd095;margin:10px 0 20px}.whole-summary .eyebrow{color:#efd095}.whole-summary small{color:#c7bed4}.summary-action{border-top:1px solid #ffffff30;padding-top:20px;color:#ffe2a2}#reading-progress{color:#6a583c;font-size:15px}@media(max-width:700px){.whole-summary{padding:24px}.whole-summary h3{font-size:24px}.tarot-art{max-width:230px}}

.tarot-art{height:400px;object-fit:contain;border-radius:5px;box-shadow:none}.card-credit{font-size:13px;color:#6c6256}.card-credit a{text-decoration:underline}@media(max-width:700px){.tarot-art{height:370px}}

#summary-text{white-space:pre-line;line-height:1.95}.whole-summary{background:#fffaf0;color:#352d3e;border-color:#cbb582;box-shadow:0 12px 35px #31213e0a}.whole-summary h3{color:#715327}.whole-summary .eyebrow{color:#947343}.whole-summary small{color:#766c7d}.whole-summary .summary-action{color:#715327;border-color:#d8c9b3}

/* Cosmic reading background; text remains real selectable HTML. */
.whole-summary{background-color:#0b1226;background-image:linear-gradient(110deg,rgba(8,12,29,.22),rgba(8,12,29,.40)),url("assets/Cosmic_Summary_Background.webp");background-size:cover;background-position:center;border:1px solid #b99a60;border-radius:20px;color:#f6f0e7;padding:44px clamp(20px,4vw,48px);box-shadow:0 20px 55px #13132e35}
.whole-summary h3{color:#ffe1a0;text-shadow:0 2px 12px #040615;font-size:30px}.whole-summary .eyebrow{color:#f0ca83;letter-spacing:.14em;text-shadow:0 2px 8px #000}.whole-summary #summary-text{color:#f3eff8;background:rgba(7,12,28,.80);border:1px solid #d8c4a01f;border-radius:12px;padding:24px 28px;font-size:17px;line-height:1.95}.whole-summary .summary-action{color:#ffe1a0;background:rgba(7,12,28,.85);border:1px solid #d8b67855;border-radius:10px;padding:20px 24px}.whole-summary small{display:block;color:#e0d8e8;background:rgba(7,12,28,.85);padding:10px 14px;border-radius:8px;font-size:13px}@media(max-width:700px){.whole-summary{padding:28px 18px;background-position:48% center}.whole-summary h3{font-size:24px}.whole-summary #summary-text{padding:20px 17px;font-size:16px}.whole-summary .summary-action{padding:18px}}

.topic-picker{max-width:480px;margin:24px auto 0;padding:16px 20px;border:1px solid #c3a86a55;border-radius:12px;background:#171429}.topic-picker label{display:block;color:#e7cc9b;font-size:15px;margin-bottom:8px}.topic-picker select{font:inherit;color:#fff3da;background:#28233c;border:1px solid #9f875b;border-radius:8px;padding:10px 14px;width:100%}.topic-picker select:disabled{opacity:.75}.topic-picker select:focus-visible{outline:3px solid #ffe5a5;outline-offset:3px}.topic-picker p{font-size:15px;margin:12px 0 4px;color:#e3d9ec}.topic-picker small{font-size:13px;color:#bfb4d0}

/* Question and reading purpose: local-only, readable form controls. */
.question-picker{max-width:480px;margin:16px auto 0;padding:20px;text-align:left;background:#171429;border:1px solid #c3a86a55;border-radius:12px}
.question-picker label{display:block;color:#e7cc9b;margin:0 0 8px;font-size:17px}.question-picker label span{color:#c4bfd1;font-size:14px}
.question-picker select,.question-picker textarea{display:block;width:100%;font:18px/1.6 "Malgun Gothic",sans-serif;color:#fff3da;background:#28233c;border:1px solid #9f875b;border-radius:8px;padding:12px;margin-bottom:18px;min-width:0}.question-picker textarea{resize:vertical;min-height:112px}.question-picker textarea::placeholder{color:#bfb4d0}
.question-picker :is(select,textarea):focus-visible{outline:3px solid #ffe5a5;outline-offset:3px}.question-picker :disabled{opacity:.75}.question-picker p,.question-picker small{color:#c4bfd1;font-size:14px;margin:6px 0}.question-picker small{display:block;text-align:right}
.reading-context{max-width:760px;margin:28px auto;text-align:left;padding:20px 24px;border:1px solid #c5ad86;border-radius:12px;background:#fffcf7;overflow-wrap:anywhere}.reading-context #context-label{font-weight:bold;color:#715327}.reading-context blockquote{margin:12px 0;white-space:pre-wrap;font-size:21px;color:#292438}.reading-context p:last-child{font-size:14px;color:#685e73}
/* 2026-09-16 palm-cosmic-chinese-20260916: 언어 전환 링크(한국어·简体·繁體). */
.lang-switch{display:inline-flex;gap:10px;align-items:center;font-size:13px;margin-left:auto}
.lang-switch a{color:#e8ddc8;opacity:.75;text-decoration:none;border-bottom:1px solid transparent}
.lang-switch a:hover{opacity:1;border-bottom-color:#e8ddc8}
.lang-switch .lang-current{color:#f4d9a0;font-weight:600}
@media(max-width:700px){.lang-switch{font-size:11px;gap:7px;margin-left:8px}}

/* 2026-09-16 legal-pages-20260916: 화면 아래 처리방침·약관 링크 */
.wf-legal-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding:22px 20px 110px;font-size:13px}
.wf-legal-links a{color:#c9c1b0;text-decoration:none;border-bottom:1px solid transparent}
.wf-legal-links a:hover{color:#f0c977;border-bottom-color:#f0c977}