:root{--bg:#10151b;--panel:#192029;--gold:#d4bd88;--text:#f0eee8;--muted:#a4acb5;--line:#343c45}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif;font-size:16px;line-height:1.7}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}header{max-width:1360px;margin:auto;padding:25px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:38px;letter-spacing:-2px}.brand span{font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif;font-size:13px;letter-spacing:2px;margin-left:18px;color:var(--muted)}nav{display:flex;align-items:center;gap:32px;font-size:14px}.demo{font-size:12px;letter-spacing:1px;color:var(--gold);border:1px solid #61573f;border-radius:30px;padding:5px 14px}main{max-width:1280px;margin:auto;padding:0 32px}.intro{padding:55px 0 40px;position:relative}.eyebrow,.section-number{font-size:12px;letter-spacing:2.5px;color:var(--gold)}h1,h2{font-family:'Batang','AppleMyungjo',Georgia,serif;font-weight:400;line-height:1.55}h1{font-size:43px;margin:16px 0}h1 em{font-style:normal;color:var(--gold)}.intro>p{position:absolute;right:20px;bottom:50px;color:var(--muted);font-size:16px}.workspace{display:grid;grid-template-columns:355px 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;scroll-margin-top:25px}aside{background:#1b222b;padding:30px}.section-number{font-size:11px}aside h2{font-size:26px;margin:15px 0 23px}.topics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:26px}.topics button{background:transparent;color:#c2c9cf;border:1px solid #424a54;border-radius:8px;padding:10px 4px;font-size:14px}.topics button.active{background:#d4bd8817;border-color:var(--gold);color:var(--gold)}label{display:block;font-size:14px;margin-bottom:10px}textarea{width:100%;height:125px;resize:vertical;background:#141b23;border:1px solid #434b54;border-radius:8px;color:var(--text);padding:14px;font-size:14px;outline-color:var(--gold)}textarea::placeholder,input::placeholder{color:#87929e}.input-bottom{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.textbtn{border:0;background:none;color:var(--muted);padding:4px 0;font-size:14px}.input-bottom .textbtn{font-size:12px}.small{font-size:13px;color:var(--muted)}.primary{display:flex;justify-content:space-between;align-items:center;gap:15px;background:var(--gold);color:#23272b;border:0;border-radius:7px;padding:14px 18px;font-size:14px;font-weight:600}.primary:hover{background:#e4d1a7}aside>.primary{width:100%;margin-top:20px}.disclosure{font-size:12px;color:#a3acb8;margin-top:16px;line-height:1.8}.table{background:radial-gradient(ellipse at 50% 30%,#243a36 0%,#182c2b 55%,#152826 100%);padding:27px 32px;min-height:550px}.table-top{display:flex;justify-content:space-between;color:#a6b7ab;font-size:11px;letter-spacing:2px}#welcome{text-align:center;padding-top:28px}#welcome h2{font-size:23px;margin:10px 0}#welcome p,.table p{font-size:14px;color:#b9c8c0}.orbit{height:65px;width:65px;border:1px solid #8a967b;margin:0 auto;border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:32px}.card-preview{display:flex;justify-content:center;gap:18px;margin-top:35px}.card-preview>div{width:112px;height:173px;border:1px solid #b19d71;border-radius:9px;background:repeating-linear-gradient(45deg,#202e31,#202e31 8px,#253335 8px,#253335 9px);outline:1px solid #8b7e5d;outline-offset:-8px;display:grid;place-items:center;font-size:48px;color:var(--gold);box-shadow:0 15px 30px #0004}.card-preview>div:first-child{transform:rotate(-10deg) translateY(12px)}.card-preview>div:last-child{transform:rotate(10deg) translateY(12px)}#pick{text-align:center;padding-top:25px}#pick h2{font-size:23px}.deck{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:25px auto;max-width:490px}.tarot{height:136px;border:1px solid #a99870;outline:1px solid #8d805f;outline-offset:-7px;border-radius:7px;background:repeating-linear-gradient(45deg,#263438,#263438 7px,#2d3b3e 7px,#2d3b3e 8px);color:var(--gold);font-size:33px;transition:transform .2s,background .2s}.tarot:hover{transform:translateY(-6px)}.tarot.selected{background:#d4bd88;color:#20312e;transform:translateY(-6px)}#reveal{margin:0 auto}#reading{padding-top:20px;text-align:center}#reading h2{font-size:23px;margin:10px 0}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.result-card{background:#eee8d8;color:#24342f;border-radius:8px;padding:15px 10px;min-height:180px;border:4px double #978765}.result-card small{font-size:11px;letter-spacing:1px}.result-card .symbol{font-family:Georgia,serif;font-size:34px;color:#8e7035;margin:10px}.result-card h3{font-family:'Batang','AppleMyungjo',Georgia,serif;font-size:17px;margin:8px 0}.result-card p{color:#53625c!important;font-size:12px}.summary{text-align:left;border-top:1px solid #637361;padding-top:16px}.summary>span{font-size:13px;color:var(--gold)}.outline{background:transparent;border:1px solid #8c927e;color:var(--text);border-radius:7px;padding:11px 16px;font-size:14px}#reset{display:block;margin:13px auto 0}#chat{margin:30px auto;padding:32px;background:var(--panel);border:1px solid var(--line);border-radius:15px;max-width:900px;scroll-margin-top:25px}#chat h2{font-size:26px}.message{padding:14px 18px;border-radius:10px;background:#26322f;margin:13px 0;font-size:14px;white-space:pre-wrap}.message.user{background:#333d4a;margin-left:15%;color:#e4e8ec}.suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.suggestions button{background:none;color:var(--gold);border:1px solid #5a6156;border-radius:30px;padding:8px 13px;font-size:13px}form{display:flex;gap:10px}input{background:#101820;color:var(--text);border:1px solid #444f59;border-radius:7px;padding:12px;min-width:0;flex:1}#price{padding:75px 0;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:24px;align-items:stretch;scroll-margin-top:25px}#price h2{font-size:26px;margin:12px 0}#price p{font-size:13px;color:var(--muted)}#price article{padding:26px;border:1px solid var(--line);border-radius:12px;background:#182029}#price article>span{font-size:12px;color:var(--gold)}#price h3{font-size:18px;font-weight:400;margin:8px 0 20px}#price strong{font-size:29px}#price strong small{font-size:13px;font-weight:400;margin-left:4px}#price article .primary,#price article .outline{margin-top:20px;width:100%}.featured{border-color:#8c7954!important}footer{padding:25px 0 40px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}footer p,footer>span{font-size:11px;color:var(--muted)}dialog{background:#1b252e;color:var(--text);border:1px solid #6c725e;border-radius:14px;padding:32px;width:min(550px,90%);max-height:80vh}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.close{float:right;background:none;color:white;border:0;font-size:28px}dialog h2{font-size:25px}dialog article{border-top:1px solid var(--line);padding:16px 0}dialog p{font-size:14px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:850px){header{padding:18px 22px}.brand{font-size:31px}.brand span{display:none}nav{gap:18px}.demo{display:none}main{padding:0 20px}.intro{padding:35px 0}.intro>p{position:static;font-size:14px}h1{font-size:33px}.workspace{grid-template-columns:1fr}aside{padding:25px}aside h2 br{display:none}.table{min-height:500px;padding:24px 20px}#price{grid-template-columns:1fr;gap:15px;padding:45px 0}footer{align-items:flex-start;flex-direction:column;gap:10px}.results{gap:7px}.result-card{padding:12px 5px}.result-card h3{font-size:15px}.deck{gap:10px}.tarot{height:115px}#chat{padding:22px}form .primary{padding:10px}#welcome h2{font-size:20px}.card-preview>div{width:90px;height:146px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* 미스틱, 밤의 상담소 */
:root{--bg:#0b0d17;--panel:#151623;--gold:#d9b779;--text:#f5efe4;--muted:#b4afba;--line:#514735}body{background:radial-gradient(ellipse at 90% 0,#29203455,transparent 60%),var(--bg)}body.at-entrance{overflow:hidden}#entrance{position:fixed;inset:0;z-index:100;min-height:100svh;background:#080c15;overflow:auto;isolation:isolate}.entrance-photo{position:absolute;inset:0;background:url('assets/entrance-v2.png') center 46%/cover no-repeat;z-index:-3;transition:transform 1.1s ease,filter 1.1s ease}.entrance-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#06091382,transparent 40%,transparent 60%,#06091382),linear-gradient(0deg,#060913f5 0%,#060913ab 20%,transparent 58%,#06091366 100%)}.entrance-top,.entrance-bottom{position:absolute;left:4vw;right:4vw;display:flex;justify-content:space-between;gap:18px;color:#dac6a1;font-size:11px;letter-spacing:2px}.entrance-top{top:28px}.entrance-bottom{bottom:24px;font-size:11px;letter-spacing:1px}.entrance-copy{position:relative;margin:0 auto;min-height:100svh;padding:28vh 20px 65px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;max-width:650px}.entrance-caption{font-size:13px;letter-spacing:3px;color:#f5dbad;text-shadow:0 2px 15px #000}.entrance-copy h1{font:normal clamp(70px,9vw,115px)/1 Georgia,serif;letter-spacing:-4px;margin:12px 0;color:#f8e6c4;text-shadow:0 3px 25px #05040a}.entrance-name{font-size:15px;letter-spacing:6px;margin:12px 0 18px;color:#edcf9e}.entrance-rule{width:48px;height:1px;background:#dab57b}.entrance-message{font-family:'Batang','AppleMyungjo',serif;font-size:17px;line-height:1.9;color:#ebe3d8;margin:18px 0 23px;text-shadow:0 2px 12px black}.enter-button{background:linear-gradient(110deg,#debf85,#bd9157);color:#211910;border:1px solid #f0d2a0;padding:17px 28px;min-width:285px;display:flex;align-items:center;justify-content:space-between;gap:35px;font-size:16px;letter-spacing:1px;box-shadow:0 0 40px #d49c3228;border-radius:3px;transition:box-shadow .3s,transform .3s}.enter-button:hover{box-shadow:0 0 45px #d49c3255;transform:translateY(-2px)}.skip-button{font-size:12px;border:0;background:none;color:#bfb4a3;margin:13px 0;padding:6px}.entrance-note{color:#9a9390;font-size:11px}.leaving .entrance-photo{transform:scale(1.14);filter:brightness(1.4)}#entrance.leaving{animation:enterFade 1.1s ease forwards;pointer-events:none}@keyframes enterFade{0%,35%{opacity:1}100%{opacity:0}}.back-entrance{background:none;border:0;color:var(--gold);font-size:13px;padding:5px 10px 5px 0}header{gap:22px;padding-top:18px;padding-bottom:18px;border-color:#57442b}.brand{color:#e4c693}nav{margin-left:auto}.intro{padding:40px 0 30px}.intro h1{font-size:36px}.intro>p{bottom:37px}.workspace{border-color:#6a5335;border-radius:9px;box-shadow:0 25px 85px #0006;grid-template-columns:335px 1fr}aside{background:linear-gradient(145deg,#222131,#151623);padding:29px}aside h2{color:#e9d3af}.topics button{border-color:#514753;background:#0d101650}.topics button.active{border-color:#c39d62;background:#ab81331c}textarea{background:#0b0e17;border-color:#514555}.primary{background:linear-gradient(110deg,#dfc18c,#bc965e);border-radius:4px}.table{position:relative;isolation:isolate;background:#121323 url('assets/room.png') center/cover;min-height:610px;border-left:1px solid #816442}.room-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#080c17d9,#080c1777 50%,#080c1744)}.table-top{color:#eed9b0}.table h2{color:#f6e8d2;text-shadow:0 2px 20px black}.table p{color:#eee2d2;text-shadow:0 1px 10px #000}#welcome{padding-top:50px}#welcome .orbit{background:#111222a6;border-color:#cda56e;box-shadow:0 0 40px #d7b87715}.card-preview{margin-top:50px;gap:24px}.card-preview>div{height:202px;width:123px;background:radial-gradient(ellipse at center,#49334d,#161629 70%);outline-color:#ad8a52;border-color:#d7b87b;border-radius:6px;font-size:40px;display:flex;flex-direction:column;justify-content:space-between;padding:17px 8px;box-shadow:0 15px 22px #0008}.card-preview>div span{font-family:Georgia,serif;font-size:13px}.card-preview>div small{font:9px Georgia,serif;letter-spacing:3px}.tarot{background:radial-gradient(ellipse,#45314b,#171729 72%);border-color:#cba361;color:#ead1a0;height:153px;box-shadow:0 7px 18px #0006}.tarot.selected{background:linear-gradient(145deg,#ead3a1,#bc8e52);box-shadow:0 0 25px #e6bb6c66;color:#34222f}.deck{gap:18px;margin:32px auto}.result-card{background:linear-gradient(155deg,#272333,#121321);color:#edd2a2;border-color:#bc9860;box-shadow:0 8px 25px #0005;padding:20px 9px;min-height:220px}.result-card .symbol{border-top:1px solid #977343;border-bottom:1px solid #977343;margin:18px 10px;padding:8px;font-size:36px;color:#e4bd79}.result-card p{color:#d0c0b3!important;text-shadow:none}.result-card small{color:#cfb68c}.summary{background:#0b0d19db;border:1px solid #8d7449;border-radius:5px;padding:20px;margin-bottom:20px}.summary p{line-height:1.95;color:#e1d7ca;text-shadow:none}.outline{border-color:#9d7f51;color:#e9d1aa;background:#0e111c88}.table #reset{color:#d8c7ad}#chat{background:linear-gradient(140deg,#222031,#111321);border-color:#6a5335}.message{background:#292638;border:1px solid #5b4c60;color:#e9e2d9}.message.user{background:#33302c;border-color:#7c6849}.suggestions button{border-color:#786144}input{background:#0d101a;border-color:#54465d}#price article{background:linear-gradient(140deg,#201e2c,#12141e)}#price{padding:60px 0}#price .featured{background:linear-gradient(140deg,#302638,#181922)}dialog{background:linear-gradient(140deg,#272233,#131522);border-color:#c0a069}dialog article small{color:#c7ab81}footer{border-color:#51412c}#interior{animation:interiorIn .8s ease}@keyframes interiorIn{from{opacity:0}to{opacity:1}}@media(min-width:1500px){.entrance-copy{padding-bottom:9vh}}@media(max-width:850px){header{gap:12px;flex-wrap:wrap;padding:15px 20px}nav{gap:14px;font-size:13px}nav .textbtn{font-size:13px}.back-entrance{font-size:12px}.workspace{grid-template-columns:1fr}.table{border-left:0;border-top:1px solid #816442;min-height:580px}.intro h1{font-size:30px}.intro>p{font-size:14px}.entrance-photo{background-position:52% center}.entrance-copy{padding-top:27vh;padding-bottom:60px}.entrance-top{font-size:9px;letter-spacing:1px;top:20px}.entrance-top span:last-child{font-size:11px}.entrance-bottom{font-size:10px;bottom:15px}.entrance-copy h1{font-size:80px}.entrance-caption{font-size:11px;letter-spacing:2px}.entrance-message{font-size:15px}.entrance-name{font-size:13px}.entrance-shade{background:linear-gradient(0deg,#060913 0%,#060913ad 30%,#06091322 70%,#06091366)}.card-preview>div{width:95px;height:165px}.deck{gap:12px}.tarot{height:126px}.result-card{min-height:205px;padding:15px 5px}.result-card .symbol{font-size:29px;margin:15px 5px}.result-card h3{font-size:15px}}@media(max-width:430px){header .brand{font-size:27px}header nav{width:100%;justify-content:flex-end;border-top:1px solid #4a3e2c;padding-top:10px}.entrance-caption{letter-spacing:1px}.enter-button{min-width:260px}.card-preview{gap:12px}.result-card h3{font-size:14px}.table{padding:24px 14px}}@media(max-height:680px){.entrance-copy{padding:65px 20px 45px}.entrance-copy h1{font-size:65px}.entrance-message{margin:12px 0;font-size:14px}.entrance-name{margin:9px 0}.entrance-note{font-size:10px}.entrance-rule{display:none}.entrance-top{top:12px}.entrance-bottom{bottom:10px}}@media(prefers-reduced-motion:reduce){#entrance.leaving{animation:none}.entrance-photo{transition:none}#interior{animation:none}}
.consent{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.8;margin-top:16px;color:#c9bca9}.consent input{flex:none;width:17px;height:17px;margin-top:3px;accent-color:#d4b17c}#status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:150;background:#262032;border:1px solid #d6b376;color:#f3e5cd;padding:17px 25px;box-shadow:0 8px 30px #0008;border-radius:10px;max-width:90vw;width:max-content;font-size:14px}#summary{white-space:pre-wrap}#modalContent p{white-space:pre-wrap}#share,#cafe{display:inline-block;margin-top:10px}#remaining{display:block;color:#d4b17c;margin-top:10px}#connection{font-size:12px}

/* Generated 22-card deck and full-screen room background */
#interior{position:relative;isolation:isolate;min-height:100svh;background:transparent}
#interior::before{content:"";position:fixed;inset:0;z-index:-2;background:#111522 url('assets/room.png') center center/cover no-repeat;pointer-events:none}
#interior::after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,10,20,.65),rgba(8,10,20,.25) 65%,rgba(8,10,20,.4));pointer-events:none}
#interior header{background:rgba(10,12,22,.4);border-color:#c49b6355}
.intro{padding-top:48px;padding-bottom:42px;text-shadow:0 2px 15px #000}
.intro>p{color:#eee2d2}.intro .eyebrow{color:#f0cd8d}
.table{background:rgba(12,15,26,.3)}
.room-scrim{background:linear-gradient(0deg,#080c1799,#080c1722)}
#price>div,footer{text-shadow:0 2px 9px #000}
#price>div p,footer p,footer>span{color:#d4ced1}
.card-preview>div,.tarot,.tarot.selected{background-image:url('assets/tarot-atlas-2.png');background-size:400% 200%;background-position:66.6666667% 100%;background-repeat:no-repeat;background-color:#111b2d;outline:0;padding:0;aspect-ratio:2/3;height:auto;border:1px solid #c7a76a;border-radius:6px}
.card-preview>div{width:123px;flex:none}
.tarot{position:relative;display:block;width:100%;min-height:0;color:#221b12}
.tarot.selected{box-shadow:0 0 0 2px #ffe0a0,0 0 25px #e6bb6c88;transform:translateY(-6px)}
.selection-badge:not(:empty){position:absolute;right:6px;top:6px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f1d395;color:#221b12;font-size:15px;font-weight:700;box-shadow:0 2px 10px #0009}
.result-card{padding:12px 7px 10px;min-height:0;background:#101522ed;border:1px solid #aa8b54}
.card-art{width:100%;aspect-ratio:2/3;background-size:400% 200%;background-repeat:no-repeat;background-color:#152033;border-radius:3px;margin:10px auto;box-shadow:0 4px 15px #0005}
.result-card h3{margin:8px 0 2px}.result-card p{margin:0}.result-card small{letter-spacing:0}
@media(max-width:850px){.card-preview>div{width:95px;height:auto}.tarot{height:auto}.intro{padding:32px 0}.result-card{padding:10px 5px}.table{min-height:560px}}
@media(max-width:430px){.card-preview>div{width:85px}.result-card h3{font-size:13px}.result-card small{font-size:10px}.deck{gap:10px}}

.topics button[data-topic="자유"]{grid-column:auto}.test-notice{font-size:12px;line-height:1.8;padding:12px;border:1px solid #766044;border-radius:6px;color:#e2d5c1;background:#111522}.reading-finish{border-top:1px solid #8d7449;padding:18px 0;margin-top:24px}.reading-finish h3{font-size:18px;color:#efd8af}.reading-finish .small{font-size:12px}#cafe{margin-top:18px}.reading-finish p{margin:9px 0}