@font-face{font-family:SUIT Variable;src:url(/assets/SUIT-Variable.woff2)format("woff2-variations");font-weight:100 900;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#e9e0d1;--background-deep:#cfc1aa;--surface:#fbf7ef;--surface-strong:#fffdf8;--foreground:#282431;--muted:#655f68;--border:#3931372e;--border-strong:#4a3a2d99;--accent:#8a672a;--accent-strong:#684817;--accent-foreground:#fffaf0;--danger:#9a4438;--danger-surface:#f9e4dd;--focus:#145b69;--room-glow:#fff5d5e0;--room-shadow:#402d1f2e;--room-backdrop-image:url(/assets/reading-room-composite-day.webp);--room-backdrop-wide-image:url(/assets/reading-room-composite-day-wide.webp);--card:#30324d;--card-line:#d1ad68;--font-display:"Iowan Old Style","Palatino Linotype","Noto Serif CJK KR","Batang","SUIT Variable",serif;--font-body:"SUIT Variable",system-ui,sans-serif}:root[data-theme=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#10111e;--background-deep:#080914;--surface:#1b1b2d;--surface-strong:#24243a;--foreground:#f4ecdd;--muted:#b7afa9;--border:#eedebf29;--border-strong:#d5ae618c;--accent:#d5ae61;--accent-strong:#f1cf83;--accent-foreground:#171420;--danger:#e28b76;--danger-surface:#41252b;--focus:#f4d27e;--room-glow:#d5ae613b;--room-shadow:#00000085;--room-backdrop-image:url(/assets/reading-room-composite-night.webp);--room-backdrop-wide-image:url(/assets/reading-room-composite-night-wide.webp);--card:#181a30;--card-line:#d5ae61}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--background);color:var(--foreground);font-family:var(--font-body);margin:0;transition:background-color .42s,color .26s;overflow-x:hidden}button,textarea{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,textarea:focus-visible,a:focus-visible,[role=option]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}[hidden]{display:none!important}.topbar{z-index:40;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--background)76%,transparent);-webkit-backdrop-filter:blur(24px)saturate(118%);backdrop-filter:blur(24px)saturate(118%);grid-template-columns:1fr auto 1fr;align-items:center;height:70px;padding:0 30px;display:grid;position:fixed;inset:0 0 auto}.brand{color:inherit;font:700 22px/1 var(--font-display);letter-spacing:-.02em;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand svg{fill:none;width:34px;stroke:var(--accent);stroke-width:1.7px}.icon-button,.text-button,.theme-control button{background:0 0;border:0}.icon-button{border-radius:10px;justify-self:start;align-items:center;gap:8px;min-height:40px;padding:8px 11px;display:inline-flex}.menu-mark{gap:5px;width:16px;display:grid}.menu-mark i{background:currentColor;height:1px;display:block}.menu-mark i:last-child{width:11px}.icon-button:hover,.text-button:hover{background:color-mix(in srgb,var(--surface)74%,transparent)}.theme-control{border:1px solid var(--border);background:color-mix(in srgb,var(--surface)70%,transparent);border-radius:999px;justify-self:end;gap:3px;padding:3px;display:flex}.theme-control button{min-height:32px;color:var(--muted);border-radius:999px;padding:0 11px;font-size:13px}.theme-control button[aria-pressed=true]{background:var(--surface-strong);color:var(--foreground);box-shadow:0 2px 12px var(--room-shadow)}#reading-room{background:radial-gradient(ellipse at 50% 26%,var(--room-glow),transparent 30%),linear-gradient(90deg,color-mix(in srgb,var(--background-deep)20%,transparent),transparent 22% 78%,color-mix(in srgb,var(--background-deep)20%,transparent)),linear-gradient(180deg,color-mix(in srgb,var(--background)85%,transparent),var(--background-deep));min-height:100svh;position:relative;overflow:hidden}.room-layers,.room-layers:before,.room-layers:after{pointer-events:none;position:absolute;inset:0}.room-layers{z-index:0;overflow:hidden}.room-layers:before{content:"";background-image:linear-gradient(90deg,color-mix(in srgb,var(--background-deep)12%,transparent),transparent 28% 72%,color-mix(in srgb,var(--background-deep)12%,transparent)),var(--room-backdrop-image);background-position:top;background-repeat:no-repeat;background-size:cover;transition:opacity .32s;inset:70px 0 0}.room-layers:after{content:"";background:radial-gradient(ellipse 34% 45% at 50% 29%,color-mix(in srgb,var(--room-glow)38%,transparent),transparent 72%),linear-gradient(180deg,transparent 58%,color-mix(in srgb,var(--background-deep)18%,transparent));box-shadow:inset 0 0 120px color-mix(in srgb,var(--room-shadow)46%,transparent)}.room-thread{background:linear-gradient(transparent,var(--accent)22% 78%,transparent);opacity:0;width:1px;height:24px;transition:opacity .24s;position:absolute;top:-24px;left:50%}body[data-phase=card_selection] .room-thread{opacity:.46}.room-thread:before,.room-thread:after{content:"";border:1px solid var(--accent);background:var(--surface);width:6px;height:6px;position:absolute;left:50%;transform:translate(-50%)rotate(45deg)}.room-thread:before{top:40%}.room-thread:after{display:none}.reading-stage{z-index:2;flex-direction:column;align-items:center;width:min(1040px,100% - 48px);min-height:100svh;margin:0 auto;padding:90px 0 132px;display:flex;position:relative}.stage-status,.section-kicker,.selection-progress,.input-hint,.privacy-note,.avatar-state{letter-spacing:.04em;color:var(--muted);font-size:13px}.stage-status{border:1px solid var(--border);background:color-mix(in srgb,var(--surface)52%,transparent);letter-spacing:.02em;border-radius:999px;min-height:26px;margin:0;padding:5px 10px}.reader-anchor{width:min(720px,100%);height:clamp(340px,48svh,820px);margin-top:2px;position:relative}.avatar-state{border:1px solid var(--border);background:color-mix(in srgb,var(--surface)82%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;gap:1px;padding:7px 11px;display:grid;position:absolute;bottom:13%;right:-4%}.avatar-state strong{color:var(--foreground);font-size:12px}.subtitle-wrap{text-align:center;width:min(720px,90%);margin-top:-32px;position:relative}.subtitle{border:1px solid var(--border-strong);background:color-mix(in srgb,var(--surface)94%,transparent);box-shadow:0 22px 70px var(--room-shadow);font:600 clamp(20px,2vw,26px)/1.52 var(--font-display);text-wrap:balance;border-radius:4px 18px 18px;margin:0;padding:20px 34px 22px;transition:opacity .18s,transform .18s}.subtitle.is-changing{opacity:.2;transform:translateY(5px)}.question-anchor{min-height:22px;color:var(--muted);justify-content:center;gap:9px;margin:12px auto 0;font-size:14px;display:flex}.question-anchor span{color:var(--accent);white-space:nowrap;font-weight:750}.card-stage{border-block:1px solid var(--border-strong);background:linear-gradient(180deg,color-mix(in srgb,var(--surface)68%,transparent),color-mix(in srgb,var(--surface)84%,transparent));width:100%;box-shadow:0 28px 80px var(--room-shadow);-webkit-backdrop-filter:blur(24px)saturate(110%);backdrop-filter:blur(24px)saturate(110%);margin-top:22px;padding:22px 26px 20px;position:relative}.spread-copy,.card-actions,.input-row,.result-header,.panel-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.section-kicker{color:var(--accent);letter-spacing:.08em;margin:0 0 5px;font-weight:760}.spread-copy h2{font:600 21px/1.4 var(--font-display);margin:0}.selection-progress{text-align:right;font-variant-numeric:tabular-nums;min-width:104px}.spread-slots{border-block:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:640px;margin:18px auto 12px;display:grid}.spread-slot{border-right:1px solid var(--border);text-align:center;min-height:62px;padding:10px 16px}.spread-slot:last-child{border-right:0}.spread-slot span{color:var(--muted);justify-content:center;gap:7px;font-size:12px;display:flex}.spread-slot span i{color:var(--accent);font-variant-numeric:tabular-nums;font-style:normal}.spread-slot strong{font:600 15px/1.2 var(--font-display);margin-top:5px;display:block}.deck-viewport{scrollbar-color:var(--border-strong)transparent;padding:15px 4px 34px;overflow:auto hidden}.deck{justify-content:center;align-items:flex-start;width:max-content;min-width:100%;padding:6px 42px 26px;display:flex}.tarot-card{z-index:var(--fan-z);aspect-ratio:.62;border:1px solid var(--card-line);background:radial-gradient(circle at 50% 50%,transparent 0 13px,var(--card-line)14px 14.8px,transparent 15px),linear-gradient(45deg,transparent 48.8%,color-mix(in srgb,var(--card-line)48%,transparent)49.2% 50.8%,transparent 51.2%),var(--card);width:84px;box-shadow:0 9px 18px var(--room-shadow);color:var(--card-line);transform:translateY(var(--fan-y))rotate(var(--fan-angle));transform-origin:50% 145%;border-radius:8px;margin-left:-39px;transition:transform .2s,box-shadow .2s;position:relative}.tarot-card:first-child{margin-left:0}.tarot-card:after{content:"";border:1px solid color-mix(in srgb,var(--card-line)48%,transparent);position:absolute;inset:12px}.tarot-card:hover{transform:translateY(calc(var(--fan-y) - 8px))rotate(var(--fan-angle))}.tarot-card[aria-selected=true]{z-index:60;transform:translateY(calc(var(--fan-y) - 20px))rotate(var(--fan-angle));box-shadow:0 0 0 3px var(--accent),0 18px 34px var(--room-shadow)}.tarot-card:disabled{cursor:not-allowed;opacity:.3;filter:saturate(.25)}.tarot-card .order{background:var(--accent);width:22px;height:22px;color:var(--accent-foreground);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;top:6px;right:6px}.card-actions{justify-content:flex-end;margin-top:5px}.primary-button{border:1px solid color-mix(in srgb,var(--accent)80%,black);background:var(--accent);min-height:48px;color:var(--accent-foreground);box-shadow:0 10px 26px color-mix(in srgb,var(--accent)25%,transparent);border-radius:10px;padding:0 22px;font-weight:750;transition:transform .16s,background-color .16s,box-shadow .16s}.primary-button:not(:disabled):hover{background:var(--accent-strong);box-shadow:0 13px 30px color-mix(in srgb,var(--accent)28%,transparent);transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.42;box-shadow:none}.text-button{min-height:42px;color:var(--muted);border-radius:10px;padding:0 14px}.input-region{z-index:20;padding:12px max(24px,calc((100vw - 820px)/2))max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:color-mix(in srgb,var(--background)88%,transparent);-webkit-backdrop-filter:blur(26px)saturate(118%);backdrop-filter:blur(26px)saturate(118%);position:fixed;inset:auto 0 0}.input-region:empty{display:none}.input-meta{justify-content:space-between;align-items:baseline;gap:18px;margin:0 3px 7px;display:flex}#message-form label{color:var(--foreground);font-size:13px;font-weight:760}.input-row{align-items:stretch}textarea{resize:none;border:1px solid var(--border-strong);background:var(--surface);min-height:52px;max-height:110px;color:var(--foreground);border-radius:10px;flex:1;padding:13px 15px}.input-hint{margin:0}.follow-up-actions,.interpreting-actions{justify-content:center;gap:10px;display:flex}
.history-panel,.result-sheet{z-index:70;border:1px solid var(--border);background:var(--surface);box-shadow:0 24px 90px var(--room-shadow);position:fixed}.history-panel{width:340px;padding:26px;inset:70px auto 0 0;overflow-y:auto}.panel-header h2,.result-header h2{font:650 25px/1.25 var(--font-display);letter-spacing:-.02em;margin:0}.history-panel ol{gap:16px;margin:24px 0;padding:0;list-style:none;display:grid}.history-panel li{border-left:1px solid var(--border);padding:2px 0 2px 16px;line-height:1.62}.history-panel li[data-role=user]{border-color:var(--accent)}.history-panel li span{color:var(--muted);margin-bottom:3px;font-size:12px;display:block}.privacy-note{border-top:1px solid var(--border);margin-top:auto;padding-top:20px;line-height:1.5}.result-sheet{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#fbf7ef;--surface-strong:#fffdf8;--foreground:#282431;--muted:#655f68;--border:#3931372e;--border-strong:#4a3a2d99;color:var(--foreground);border-radius:6px 28px 28px;padding:30px 40px 48px;inset:4vh max(24px,50vw - 460px);overflow-y:auto}.history-backdrop,.result-backdrop{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06070da8;position:fixed;inset:0}.history-backdrop{display:none}.result-content{max-width:760px;margin:32px auto 0}.result-question{border-left:2px solid var(--accent);font:650 clamp(25px,3vw,39px)/1.35 var(--font-display);letter-spacing:-.025em;margin:0 0 30px;padding-left:20px}.result-cards{border-block:1px solid var(--border-strong);grid-template-columns:repeat(3,1fr);gap:0;margin:28px 0 36px;display:grid;position:relative}.result-cards:before{content:"";background:var(--accent);opacity:.5;height:1px;position:absolute;top:46px;left:16.666%;right:16.666%}.result-card{border-right:1px solid var(--border);background:0 0;padding:20px 18px 22px;position:relative}.result-card:last-child{border-right:0}.result-card .glyph{z-index:1;border:1px solid var(--accent);background:var(--surface);width:52px;height:52px;font:30px/1 var(--font-display);color:var(--accent);border-radius:50%;place-items:center;margin:0 auto 16px;display:grid;position:relative}.result-card-title{text-align:center}.result-card-title span{color:var(--accent);letter-spacing:.08em;font-size:12px;font-weight:760}.result-card h3{font:650 20px/1.3 var(--font-display);margin:3px 0 12px}.result-card p{color:var(--muted);margin:0;line-height:1.65}.result-summary{border-block:1px solid var(--border-strong);font:650 24px/1.58 var(--font-display);margin:32px 0;padding:24px 0}.result-section{margin-top:30px}.result-section h3{font:650 21px/1.3 var(--font-display);margin:0 0 10px}.result-section p{margin:0;line-height:1.78}.result-disclaimer{border-left:2px solid var(--accent);color:#514a4a;background:#f1e8d8;margin-top:36px;padding:16px 18px;line-height:1.6}.extra-result{border:1px solid var(--border-strong);border-radius:14px;margin-top:34px;padding:24px}.result-actions{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.result-peek{z-index:35;border:1px solid var(--border-strong);background:var(--surface);min-height:44px;color:var(--foreground);box-shadow:0 10px 32px var(--room-shadow);border-radius:999px;padding:0 16px;position:fixed;bottom:106px;right:22px}body[data-phase=card_selection] .result-peek{display:none}.error-banner{border:1px solid var(--danger);background:var(--danger-surface);border-radius:12px;justify-content:space-between;align-items:center;gap:18px;width:100%;margin:0 0 10px;padding:12px 14px;display:flex;position:static}.error-banner p{margin:4px 0 0}.error-banner .primary-button{flex:none;min-height:44px}.subscription-gate,.fallback-notice,.quota-message{border:1px solid color-mix(in srgb,var(--accent)48%,transparent);background:color-mix(in srgb,var(--surface)92%,var(--accent)8%);border-radius:18px;width:100%;padding:18px}.subscription-gate h3,.subscription-gate p,.fallback-notice p,.quota-message p{margin:0 0 10px}.subscription-gate .primary-button,.subscription-gate .text-button{width:100%;margin-top:8px}.session-gate{text-align:center;background:var(--background);min-height:100dvh;color:var(--foreground);place-content:center;justify-items:center;gap:14px;padding:28px;display:grid}.session-gate h1,.session-gate p{max-width:520px;margin:0}body[data-phase=card_selection] .reader-anchor{height:clamp(180px,23svh,230px)}body[data-phase=card_selection] .subtitle-wrap{margin-top:-14px}body[data-phase=card_selection] .subtitle{padding-block:14px;font-size:19px}@media (max-width:700px){.topbar{height:60px;padding:0 12px}.brand span{display:none}.theme-control button{min-height:30px;padding:0 8px;font-size:12px}.reading-stage{width:100%;padding:72px 14px 124px}.stage-status{min-height:24px;padding-block:4px}.reader-anchor{height:clamp(300px,42svh,360px);margin-top:0}.avatar-state{bottom:10%;right:-1%}body[data-phase=card_selection] .reader-anchor{height:150px}body[data-phase=card_selection] .reading-stage{padding-top:66px;padding-bottom:16px}body[data-phase=card_selection] .subtitle-wrap{margin-top:-8px}body[data-phase=card_selection] .subtitle{padding-block:12px;font-size:16px}.subtitle-wrap{width:100%;margin-top:-22px}.subtitle{border-radius:4px 16px 16px;padding:16px 18px 17px;font-size:18px}.question-anchor{white-space:nowrap;text-overflow:ellipsis;text-align:left;justify-content:flex-start;width:100%;overflow:hidden}.question-anchor span{margin-left:3px}.card-stage{width:calc(100% + 28px);margin-top:12px;padding:18px 14px 14px}.spread-copy{align-items:flex-end}.spread-copy h2{max-width:250px;font-size:18px}.spread-slots{margin-block:14px 10px}.spread-slot{min-height:55px;padding:8px 3px}.spread-slot strong{font-size:13px}.deck{justify-content:flex-start;padding:5px 36px 28px}.tarot-card{width:76px;margin-left:-25px}.input-region{padding:9px 12px max(10px,env(safe-area-inset-bottom))}.input-meta{margin-bottom:6px}.input-hint{white-space:nowrap;text-overflow:ellipsis;max-width:175px;overflow:hidden}textarea{min-height:46px}.history-panel{width:100%;max-height:min(72vh,600px);padding-bottom:max(22px,env(safe-area-inset-bottom));border-radius:22px 22px 0 0;inset:auto 0 0}.history-backdrop{display:block}.result-sheet{border-radius:4px 20px 20px;padding:22px 18px 34px;inset:12px 8px 8px}.result-header h2{font-size:22px}.result-question{padding-left:14px;font-size:25px}.result-cards{border-block:1px solid var(--border-strong);grid-template-columns:1fr}.result-cards:before{display:none}.result-card{border-right:0;border-bottom:1px solid var(--border);grid-template-columns:50px 1fr;column-gap:13px;padding:16px 2px;display:grid}.result-card:last-child{border-bottom:0}.result-card .glyph{grid-row:1/3;width:46px;height:46px;margin:0;font-size:26px}.result-card-title{text-align:left}.result-card h3{margin:2px 0 7px}.result-peek{bottom:96px;right:12px}.error-banner{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.error-banner .primary-button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.tarot-card:hover,.tarot-card[aria-selected=true]{transform:translateY(var(--fan-y))rotate(var(--fan-angle))}}
:root{--room-line:color-mix(in srgb,var(--accent)30%,var(--border));--room-panel:color-mix(in srgb,var(--background)82%,var(--surface));--room-panel-deep:color-mix(in srgb,var(--background-deep)72%,var(--background));--paper-glow:color-mix(in srgb,var(--surface-strong)92%,transparent);--lacquer-shadow:0 30px 90px color-mix(in srgb,var(--room-shadow)88%,transparent)}body{background:repeating-linear-gradient(90deg,transparent 0 3px,color-mix(in srgb,var(--foreground)1.5%,transparent)3px 4px),var(--background)}.topbar{border-bottom-color:color-mix(in srgb,var(--border)70%,transparent);background:color-mix(in srgb,var(--background)88%,transparent);height:76px;box-shadow:0 1px 0 color-mix(in srgb,var(--surface-strong)34%,transparent);padding-inline:clamp(20px,3vw,44px)}.brand{letter-spacing:-.035em;gap:9px;font-size:23px;font-weight:650}.brand img{filter:drop-shadow(0 4px 8px color-mix(in srgb,var(--accent)28%,transparent))}.icon-button,.text-button{border-radius:999px;transition:color .16s,background-color .16s,transform .16s}.history-trigger{color:var(--muted)}.history-trigger:hover{color:var(--foreground)}.theme-control{border-color:color-mix(in srgb,var(--border)82%,transparent);background:color-mix(in srgb,var(--surface)60%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--surface-strong)50%,transparent);gap:2px;padding:4px}.theme-control button{min-width:42px}#reading-room{isolation:isolate;background:var(--background-deep)}#reading-room:after{content:"";z-index:0;pointer-events:none;opacity:.16;background:repeating-linear-gradient(0deg,transparent 0 5px,color-mix(in srgb,var(--foreground)1.4%,transparent)5px 6px),repeating-linear-gradient(90deg,transparent 0 7px,color-mix(in srgb,var(--surface-strong)1.8%,transparent)7px 8px);mix-blend-mode:soft-light;position:absolute;inset:76px 0 0}.room-layers:before{background-image:linear-gradient(90deg,color-mix(in srgb,var(--background-deep)10%,transparent),transparent 27% 73%,color-mix(in srgb,var(--background-deep)10%,transparent)),var(--room-backdrop-image);box-shadow:none;background-position:top;background-repeat:no-repeat;background-size:cover;border:0;border-radius:0;inset:76px 0 0}@media (min-width:701px) and (min-aspect-ratio:9/5){.room-layers:before{background-image:linear-gradient(90deg,color-mix(in srgb,var(--background-deep)8%,transparent),transparent 24% 76%,color-mix(in srgb,var(--background-deep)8%,transparent)),var(--room-backdrop-wide-image);background-position:top;background-size:cover;-webkit-mask-image:none;mask-image:none}}.room-layers:after{background:radial-gradient(ellipse 36% 48% at 50% 28%,color-mix(in srgb,var(--room-glow)28%,transparent),transparent 72%),linear-gradient(180deg,transparent 58%,color-mix(in srgb,var(--background-deep)16%,transparent));height:auto;box-shadow:inset 0 0 130px color-mix(in srgb,var(--room-shadow)38%,transparent);border:0;border-radius:0;inset:76px 0 0}.room-thread{opacity:0;height:22px;top:-22px}body[data-phase=card_selection] .room-thread{opacity:.42}.reading-stage{width:min(1100px,100% - 48px);padding-top:94px}.stage-status{border-color:color-mix(in srgb,var(--border)74%,transparent);background:color-mix(in srgb,var(--surface)38%,transparent);min-height:28px;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--surface-strong)35%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:5px 12px}.reader-anchor{height:clamp(340px,48svh,820px);margin-top:0}.avatar-state{background:color-mix(in srgb,var(--surface)78%,transparent);box-shadow:0 10px 28px color-mix(in srgb,var(--room-shadow)55%,transparent);border-radius:4px 12px 12px;gap:2px;padding:8px 12px;bottom:43%;right:17%}.avatar-state strong{color:var(--accent);letter-spacing:.06em}.interaction-dock{z-index:20;pointer-events:none;grid-template-columns:minmax(0,1fr);gap:10px;width:min(860px,100% - 48px);display:grid;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.subtitle-wrap{z-index:2;width:min(750px,92%);min-width:0;max-width:100%;margin:0 auto;transform:none}.subtitle{border-color:color-mix(in srgb,var(--accent)52%,var(--border));background:color-mix(in srgb,var(--surface)94%,transparent);box-shadow:0 24px 64px color-mix(in srgb,var(--room-shadow)58%,transparent);letter-spacing:-.02em;border-radius:3px 20px 20px;padding:22px 44px 24px;font-size:clamp(21px,2vw,27px);font-weight:580;position:relative}.subtitle:before{display:none}.question-anchor{border-bottom:1px solid color-mix(in srgb,var(--accent)34%,transparent);background:color-mix(in srgb,var(--background)30%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:fit-content;max-width:90%;padding:7px 12px}.input-region{border:1px solid color-mix(in srgb,var(--border-strong)55%,transparent);background:color-mix(in srgb,var(--background)82%,transparent);width:100%;min-width:0;max-width:100%;box-shadow:0 18px 52px color-mix(in srgb,var(--room-shadow)54%,transparent);pointer-events:auto;border-radius:18px;padding:11px 12px 12px;position:relative;inset:auto;transform:none}.input-meta{margin-inline:6px}#message-form label{color:var(--accent);letter-spacing:.025em}#message-form,.input-row,textarea{min-width:0}textarea{border-color:color-mix(in srgb,var(--border-strong)68%,transparent);background:color-mix(in srgb,var(--surface)93%,transparent);min-height:54px;box-shadow:inset 0 1px 5px color-mix(in srgb,var(--room-shadow)28%,transparent);border-radius:12px;padding-inline:17px}.primary-button{min-height:52px;box-shadow:0 12px 30px color-mix(in srgb,var(--accent)28%,transparent),inset 0 1px 0 #ffffff57;border-radius:12px}.card-stage{border:1px solid color-mix(in srgb,var(--accent)44%,var(--border));background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--surface-strong)18%,transparent),transparent 54%),color-mix(in srgb,var(--surface)72%,var(--background-deep));box-shadow:0 24px 72px color-mix(in srgb,var(--room-shadow)62%,transparent);border-radius:4px 24px 24px;margin-top:20px;padding:19px 28px 16px}.spread-slots{margin-block:13px 8px}.spread-slot{min-height:56px;padding-block:8px}.deck-viewport{padding-block:8px 18px}.deck{padding:4px 26px 13px}.spread-slots{border-color:color-mix(in srgb,var(--accent)30%,var(--border))}.spread-slot{border-color:color-mix(in srgb,var(--accent)22%,var(--border))}.tarot-card{background:radial-gradient(circle at 50% 50%,transparent 0 12px,var(--card-line)13px 13.8px,transparent 14px),repeating-radial-gradient(circle at 50% 50%,transparent 0 28px,color-mix(in srgb,var(--card-line)9%,transparent)29px 30px),linear-gradient(135deg,color-mix(in srgb,var(--card)82%,white),var(--card));width:74px;box-shadow:0 12px 22px color-mix(in srgb,var(--room-shadow)86%,transparent),inset 0 0 0 3px color-mix(in srgb,var(--card-line)12%,transparent);border-width:1.5px;border-radius:7px;margin-left:-34px}.tarot-card:after{border-radius:2px;inset:10px}.tarot-card[aria-selected=true]{box-shadow:0 0 0 2px var(--accent),0 20px 38px color-mix(in srgb,var(--room-shadow)90%,transparent)}.history-panel{border-right-color:color-mix(in srgb,var(--accent)34%,var(--border));background:color-mix(in srgb,var(--surface)97%,var(--background));top:76px}.result-sheet{border-color:color-mix(in srgb,var(--accent)34%,var(--border));background:repeating-linear-gradient(0deg,transparent 0 4px,#2d221803 4px 5px),var(--surface);box-shadow:0 36px 120px #06070d94}.result-question{border-left-width:3px}.result-card .glyph{box-shadow:0 8px 20px color-mix(in srgb,var(--room-shadow)42%,transparent)}body[data-phase=card_selection] .reader-anchor{height:clamp(180px,23svh,230px)}body[data-phase=card_selection] .avatar-state{bottom:10%}body[data-phase=card_selection] .subtitle-wrap{margin:0 auto;transform:none}@media (max-width:700px){.topbar{height:62px;padding-inline:12px}.reading-stage{padding:72px 14px 126px}.room-layers:before{background-position:top;inset:62px 0 0}.room-layers:after{height:auto;inset:62px 0 0}.reader-anchor{height:clamp(300px,42svh,360px)}.avatar-state{bottom:43%;right:4%}.interaction-dock{right:8px;bottom:max(8px,env(safe-area-inset-bottom));gap:8px;width:auto;left:8px;transform:none}.subtitle-wrap{width:100%;margin:0;transform:none}.subtitle{border-radius:3px 16px 16px;padding:17px 20px 19px;font-size:18px}.question-anchor{max-width:100%}.input-region{border-radius:16px;width:100%;padding:9px;inset:auto;transform:none}.input-hint{max-width:160px}.primary-button{min-height:48px}.card-stage{border-radius:3px 18px 18px;width:calc(100% + 16px);padding:18px 14px 15px}.deck{padding-inline:30px}.tarot-card{width:72px;margin-left:-24px}body[data-phase=card_selection] .reader-anchor{height:150px}body[data-phase=card_selection] .avatar-state{bottom:8%}body[data-phase=card_selection] .subtitle-wrap{margin:0;transform:none}body[data-phase=card_selection] .reading-stage{padding-top:68px}.history-panel{inset:auto 0 0}}@media (prefers-reduced-motion:reduce){.room-thread{transition:none}}
.brand img{width:34px;height:34px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.loading-dots{gap:5px;margin-left:7px;display:inline-flex}.loading-dots span{background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.15s ease-in-out infinite pulse}.loading-dots span:nth-child(2){animation-delay:.12s}.loading-dots span:nth-child(3){animation-delay:.24s}.card-face{z-index:1;border:1px solid color-mix(in srgb,var(--card-line)66%,transparent);place-items:center;display:grid;position:absolute;inset:7px}.card-face:before,.card-face:after{content:"";border:1px solid var(--card-line);border-radius:50%;width:5px;height:5px;position:absolute}.card-face:before{top:8px}.card-face:after{bottom:8px}.card-face strong{border:1px solid var(--card-line);width:29px;height:29px;font:600 0/1 var(--font-display);place-items:center;display:grid;transform:rotate(45deg)}.card-face strong:after{content:"결";font:650 10px/1 var(--font-display);transform:rotate(-45deg)}.next-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.session-ended{color:var(--muted);margin:16px 0 0}@keyframes pulse{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.loading-dots span{opacity:.7;animation:none}}