@font-face{font-family:Paperlogy;src:url(/fonts/Paperlogy.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/PretendardVariable.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f0efeb;--panel:#fff;--input:#f8f8f6;--ink:#2c2b2a;--muted:#6e6b65;--accent:#a68b6d;--soft:#f3eee7;--line:#eaeae0;--radius-surface:4px;--radius-control:2px;--type-meta:12px;--type-body:14px;--type-heading:18px;--type-title:24px;font-family:Pretendard,system-ui,sans-serif;font-size:14px}:root[data-theme=dark]{--bg:#242933;--panel:#2e3440;--input:#353c49;--ink:#eceff4;--muted:#b2b9c4;--accent:#88c0d0;--soft:#35434e;--line:#434c5e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg);color:var(--ink);margin:0}button,input,select,textarea{font:inherit}textarea{resize:none}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent;outline-offset:3px}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent)}a{color:inherit}h1,h2,h3,p{margin:0}img{max-width:100%;display:block}.muted{color:var(--muted)}.small{font-size:var(--type-meta);margin-top:16px;line-height:1.8}.text-large{--type-meta:14px;--type-body:18px;--type-heading:24px;--type-title:24px}.app{grid-template-rows:minmax(0,1fr);grid-template-columns:320px minmax(0,1fr);align-items:stretch;gap:20px;max-width:1330px;height:100dvh;margin:0 auto;padding:24px;display:grid}.panel{background:var(--panel);border-radius:var(--radius-surface);min-width:0;min-height:0}.input-panel{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;padding:24px;display:flex;overflow-y:auto}.input-panel>:not(.aside-bottom){flex-shrink:0}.brand-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;display:flex}.brand-row h1{font:800 var(--type-title)/1.4 Paperlogy,sans-serif;letter-spacing:-.7px;white-space:nowrap}.header-actions{gap:0;display:flex}.icon-button{border-radius:var(--radius-control);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.header-actions .icon-button{width:28px}.icon-button:hover{background:var(--input)}.question-field label,.spread-field legend{font-size:var(--type-body);margin-bottom:8px;font-weight:650;line-height:1.5;display:block}.question-field textarea{resize:none;background:var(--input);border-radius:var(--radius-control);width:100%;height:180px;color:var(--ink);font-size:var(--type-body);overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--line) transparent;border:1px solid #0000;padding:12px 14px;line-height:1.65;display:block;overflow-y:auto}.question-field textarea::placeholder{color:var(--muted)}.question-field textarea:focus{border-color:var(--accent);outline:none}.character-count{font-size:var(--type-meta);color:var(--muted);text-align:right;margin-top:4px;line-height:1.5;display:block}.spread-field{border:0;min-width:0;margin:18px 0;padding:0}.spread-options{flex-direction:column;gap:6px;display:flex}.spread-option{border-radius:var(--radius-control);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:8px 10px;display:flex}.spread-option.chosen{background:var(--soft)}.spread-option:hover:not(.chosen){background:var(--input)}.spread-option input{width:14px;height:14px;accent-color:var(--accent);flex-shrink:0;margin:0}.spread-option strong{font-size:var(--type-body);font-weight:650;line-height:1.5;display:block}.spread-option small{font-size:var(--type-meta);color:var(--muted);margin-top:2px;line-height:1.5;display:block}.credit-count{text-align:center;font-size:var(--type-body);flex-shrink:0;min-width:35px;margin-left:auto;font-weight:650;line-height:1.5}.credit-count small{font-weight:400}.primary{border-radius:var(--radius-control);background:var(--ink);min-height:44px;color:var(--panel);font-size:var(--type-body);justify-content:center;align-items:center;gap:14px;width:100%;padding:10px 16px;font-weight:600;transition:opacity .15s;display:flex}.primary:hover:not(:disabled){opacity:.85}.primary>span{font-size:var(--type-meta);opacity:.7;font-weight:450}.primary.compact{width:auto;min-width:120px}.text-button{font-size:var(--type-body);color:var(--ink);justify-content:center;align-items:center;gap:7px;padding:6px 0;display:inline-flex}.text-button:hover{text-underline-offset:4px;text-decoration:underline}.balance-line{font-size:var(--type-meta);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;min-height:28px;margin-top:6px;display:flex}.balance-line strong{color:var(--ink);margin-left:5px;font-weight:500}.purchase-error{color:var(--ink);margin-top:12px}.topup-button{min-height:32px;font-size:inherit;white-space:nowrap;border-radius:var(--radius-control);background:var(--soft);color:var(--ink);justify-content:center;align-items:center;padding:6px 10px;font-weight:550;line-height:1.5;display:inline-flex}.topup-button:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 24%,var(--panel))}.aside-bottom{flex-direction:column;flex:1;justify-content:flex-end;gap:10px;min-height:40px;padding-top:16px;display:flex}.app-footer{color:var(--muted);font-size:var(--type-meta);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;line-height:1.5;display:flex}.app-footer>a{white-space:nowrap;text-decoration:none}.policy-links{font-size:inherit;gap:10px;display:flex}.policy-links button{font:inherit;white-space:nowrap;padding:2px 0}.onboarding{background:var(--soft);border-radius:var(--radius-control);margin-bottom:16px;padding:12px}.onboarding-top{font-size:var(--type-meta);color:var(--muted);justify-content:space-between;align-items:center;line-height:1.5;display:flex}.onboarding-heading{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.onboarding-heading strong{color:var(--ink);font-weight:650}.onboarding-top button{font-size:var(--type-meta);padding:0}.onboarding p{font-size:var(--type-body);margin:6px 0;line-height:1.5}.onboarding>.text-button{font-size:var(--type-meta);width:max-content;margin-left:auto;padding:0;display:flex}.input-panel:has(.onboarding) .question-field textarea{height:140px}.result-panel{padding:24px 30px;overflow:hidden}.reading-view{flex-direction:column;height:100%;min-height:0;display:flex}.reading-title-row{flex-shrink:0;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.reading-title-row .icon-button{margin-top:2px;margin-left:auto}.tag{background:var(--soft);color:var(--muted);font-size:var(--type-meta);border-radius:var(--radius-control);white-space:nowrap;padding:4px 8px;line-height:1.5;display:inline-flex}.reading-question{font:600 var(--type-title)/1.45 Paperlogy,sans-serif;letter-spacing:-.4px;word-break:keep-all;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.card-board{flex-shrink:0}.card-board.three{--card-width:clamp(84px,calc((100dvh - 260px)/4.5),128px);justify-content:center;gap:16px;width:100%;max-width:660px;margin:0 auto 18px;padding-block:18px;display:flex}.tarot-card{flex-direction:column;align-items:center;gap:8px;min-width:0;padding:0;display:flex}.three .tarot-card{flex:1;max-width:210px}.image-wrap{perspective:700px;line-height:0;display:block;position:relative}.card-flipper{transform-style:preserve-3d;display:block;position:relative}.card-front{backface-visibility:hidden;display:block;position:relative;transform:rotateY(0)}.card-back{backface-visibility:hidden;display:block;position:absolute;inset:0;transform:rotateY(180deg)}.reveal-cards{--deal-step:60ms;--flip-step:70ms}.reveal-cards.celtic{--deal-step:32ms;--flip-step:32ms}.reveal-cards .tarot-card{animation:card-deal .22s cubic-bezier(.16,1,.3,1) calc(var(--deal-index)*var(--deal-step)) both}.reveal-cards .card-flipper{animation:card-turn .3s cubic-bezier(.4,0,.2,1) calc(.24s + var(--deal-index)*var(--flip-step)) both}.reveal-cards .card-caption{animation:card-label .1s ease-out calc(.39s + var(--deal-index)*var(--flip-step)) both}@keyframes card-deal{0%{opacity:0;transform:translateX(var(--deal-x)) translateY(8px) rotate(calc(var(--card-angle,0deg) + var(--deal-tilt)))}to{opacity:1;transform:translateX(0) translateY(0) rotate(var(--card-angle,0deg))}}@keyframes card-turn{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}@keyframes card-label{0%{opacity:0}to{opacity:1}}.celtic .image-wrap{outline-offset:3px;outline:2px solid #0000;transition:outline-color .15s}.three .image-wrap{width:var(--card-width);max-width:100%}.image-wrap{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.image-wrap img{aspect-ratio:300/500;object-fit:fill;-webkit-user-drag:none;pointer-events:none;width:100%;height:auto}.image-wrap img.reversed{transform:rotate(180deg)}.celtic .tarot-card:hover .image-wrap,.celtic .tarot-card.selected .image-wrap{outline-color:var(--accent)}.card-number{color:#38332b;font:500 var(--type-meta)/20px Pretendard,sans-serif;text-align:center;background:#f9f7f0e8;border-radius:50%;width:20px;height:20px;position:absolute;top:6px;left:6px}.card-caption{font-size:var(--type-body);color:var(--muted);text-align:center;flex-direction:column;gap:2px;max-width:100%;line-height:1.5;display:flex}.position-name{color:var(--ink);font-weight:600}.card-details{white-space:nowrap;max-width:100%;font:inherit;justify-content:center;display:flex}.card-name{text-overflow:ellipsis;min-width:0;font:inherit;overflow:hidden}.card-direction{white-space:pre;font:inherit;flex-shrink:0}.celtic{--celtic-width:clamp(34px,calc((100dvh - 390px)/9),50px);--cross-offset:calc(var(--celtic-width)*5/6 + 4px);grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,calc(var(--celtic-width)*5/3));align-items:start;gap:8px 18px;width:100%;max-width:380px;margin:0 auto 12px;display:grid}.celtic .tarot-card{width:var(--celtic-width);place-self:start center;position:relative}.celtic .tarot-card:nth-child(-n+6){top:var(--cross-offset)}.celtic .image-wrap{width:100%}.celtic .card-caption{display:none}.celtic .card-1{grid-area:2/2}.celtic .card-2{--card-angle:90deg;z-index:2;grid-area:2/2;align-self:center;transform:rotate(90deg)}.celtic .card-2 .card-number{transform:rotate(-90deg)}.celtic .tarot-card.card-3{top:calc(var(--cross-offset) + 8px);grid-area:3/2}.celtic .card-4{grid-area:2/1}.celtic .tarot-card.card-5{top:calc(var(--cross-offset) - 8px);grid-area:1/2}.celtic .card-6{grid-area:2/3}.celtic .card-7{grid-area:4/4}.celtic .card-8{grid-area:3/4}.celtic .card-9{grid-area:2/4}.celtic .card-10{grid-area:1/4}.selected-position{font-size:var(--type-body);color:var(--muted);text-align:center;flex-shrink:0;margin-bottom:14px;line-height:1.5}.interpretation{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;min-height:0;padding-right:8px;overflow-y:auto}.interpretation:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius-control)}.reading-summary{font-size:var(--type-heading);letter-spacing:-.25px;word-break:keep-all;overflow-wrap:anywhere;margin:0 0 20px;font-weight:600;line-height:1.65}.interpretation-sections section{margin-bottom:20px}.interpretation-sections>section,.reading-conclusion{grid-template-columns:160px minmax(0,1fr);align-items:start;column-gap:20px;display:grid}.interpretation h3{font-size:var(--type-body);word-break:keep-all;overflow-wrap:anywhere;margin-bottom:2px;font-weight:600;line-height:1.8}.interpretation p:not(.reading-summary){font-size:var(--type-body);letter-spacing:-.1px;word-break:keep-all;overflow-wrap:anywhere;line-height:1.8}.reading-position{min-width:0}.interpretation .position-card{color:var(--muted);white-space:nowrap;gap:4px;display:flex}.position-card-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.position-card>span:last-child{flex-shrink:0}.interpretation .reading-insight{margin-bottom:4px;font-weight:650}.interpretation strong{font-weight:650}.synthesis{margin:24px 0 20px}.action-section{margin-top:20px}.reading-status{text-align:center;min-height:0;font-size:var(--type-body);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:24px 0;display:flex;overflow-y:auto}.spinner{animation:1.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal{border-radius:var(--radius-surface);background:var(--panel);color:var(--ink);border:0;width:440px;max-width:calc(100vw - 32px);max-height:85dvh;padding:0;overflow:auto}.modal::backdrop{background:#26231e4a}.modal-inner{padding:24px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h2{font-size:var(--type-heading);font-weight:600}.settings-fields{gap:12px;margin-bottom:18px;display:grid}.settings-fields label{font-size:var(--type-body);justify-content:space-between;align-items:center;gap:16px;font-weight:550;display:flex}.settings-fields select{border-radius:var(--radius-control);background:var(--input);width:160px;max-width:65%;color:var(--ink);font-size:var(--type-body);border:0;padding:10px 12px}.account-setting{font-size:var(--type-body);justify-content:space-between;align-items:center;margin-top:18px;display:flex}.access-summary{font-size:var(--type-body);justify-content:space-between;margin-bottom:20px;display:flex}.access-summary strong{font-size:inherit;font-weight:550}.access-buy{margin:14px auto 0;display:flex}.credit-packs{gap:8px;margin-bottom:16px;display:grid}.credit-pack{background:var(--input);border-radius:var(--radius-control);font-size:var(--type-body);text-align:left;border:1px solid #0000;justify-content:space-between;align-items:center;gap:16px;padding:16px;line-height:1.5;display:flex}.credit-pack strong{font-size:inherit;font-weight:600}.credit-pack:hover:not(:disabled){background:var(--soft);border-color:var(--accent)}.purchase-balance{color:var(--muted);margin-bottom:16px}.access-option{background:var(--input);border-radius:var(--radius-control);margin-bottom:12px;padding:16px}.access-option h3{font-size:var(--type-body);justify-content:space-between;align-items:center;gap:10px;font-weight:600;display:flex}.access-option .muted{font-size:var(--type-meta);margin-top:6px;line-height:1.6}.access-note{font-size:var(--type-body);word-break:keep-all;margin:14px 0 2px;line-height:1.8}.access-option>.primary{margin-top:16px}.access-option>p:not(.muted):not(.access-note){font-size:var(--type-body);margin-top:12px}.unavailable{background:0 0;padding:10px 0 16px}.modal-actions{justify-content:flex-end;gap:20px;margin-top:20px;display:flex}.modal-inner>p:not(.small){font-size:var(--type-body);line-height:1.8}.modal-inner>p.connection-code{font-size:var(--type-title);letter-spacing:3px;text-align:center;margin:24px 0;font-weight:600}.history-actions{justify-content:space-between;gap:12px;margin-bottom:18px;display:flex}.history-actions button{font-size:var(--type-meta)}.history-list{flex-direction:column;gap:8px;display:flex}.history-item{text-align:left;border-radius:var(--radius-control);font-size:var(--type-body);background:0 0;flex-direction:column;gap:6px;padding:14px;line-height:1.6;display:flex}.history-item:hover{background:var(--input)}.history-item small{font-size:var(--type-meta);color:var(--muted)}.empty-history{font-size:var(--type-body);flex-direction:column;align-items:center;gap:12px;padding:24px 0 30px;display:flex}.notice{z-index:10;background:var(--ink);color:var(--panel);border-radius:var(--radius-control);width:max-content;max-width:calc(100vw - 32px);font-size:var(--type-meta);padding:12px 18px;line-height:1.6;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.skip-link{z-index:20;background:var(--panel);padding:10px;position:fixed;top:4px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}@media (width<=1050px) and (width>=761px){.app{grid-template-columns:300px minmax(0,1fr);gap:16px;padding:18px}.input-panel{padding:20px}.brand-row h1{font-size:var(--type-heading)}.result-panel{padding:22px}.card-board.three{--card-width:100px;gap:10px}.card-caption{font-size:var(--type-meta)}.interpretation-sections>section,.reading-conclusion{grid-template-columns:132px minmax(0,1fr);column-gap:16px}}@media (width>=761px) and (height<=720px){.app{padding:16px}.input-panel,.result-panel{padding:18px}.brand-row{margin-bottom:10px}.question-field textarea{height:110px}.input-panel:has(.onboarding) .question-field textarea{height:110px}.spread-field{margin:6px 0}.spread-field legend{margin-bottom:6px}.spread-option>span:not(.credit-count)>small{display:none}.credit-count{min-width:0;font-size:var(--type-meta);align-items:center;gap:4px;display:flex}.credit-count small{margin:0}.onboarding{margin-bottom:12px;padding:10px}.onboarding p{margin:4px 0}.reading-title-row{margin-bottom:16px}.card-board.three{padding-block:12px}}@media (width<=760px){html,body,#root{height:auto;min-height:100%;overflow:visible}.app{flex-direction:column;gap:12px;height:auto;padding:12px;display:flex}.input-panel{padding:20px;overflow:visible}.brand-row{margin-bottom:18px}.aside-bottom{flex:none;padding-top:16px}.result-panel{height:max(650px,100dvh - 24px);padding:20px}.reading-question{font-size:var(--type-heading)}.reading-title-row{margin-bottom:16px}.card-board.three{--card-width:90px;gap:8px;margin-bottom:16px;padding-block:12px}.card-caption{font-size:var(--type-meta)}.celtic{--celtic-width:40px;gap:8px 12px;max-width:350px}.selected-position{font-size:var(--type-meta);margin-bottom:12px}.interpretation{padding-right:6px}.interpretation-sections>section,.reading-conclusion{display:block}.reading-position{margin-bottom:6px}.reading-position h3{font-size:var(--type-body);display:inline}.reading-position .position-card{vertical-align:top;max-width:100%;font-size:var(--type-body);display:inline-flex}.reading-position h3{margin-right:10px}.reading-conclusion h3{margin-bottom:6px}.modal-inner{padding:22px}.notice{bottom:16px}}@media (width<=380px){.app{padding:10px}.input-panel,.result-panel{padding:18px}.brand-row h1{font-size:var(--type-heading)}.card-board.three{--card-width:80px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.gemini-settings{margin:0 0 18px}.gemini-settings .settings-fields{margin-bottom:10px}.gemini-key-heading{font-size:var(--type-body);align-items:center;gap:2px;margin-bottom:6px;display:flex}.gemini-key-heading>a{color:var(--muted);font-size:var(--type-meta);text-underline-offset:3px;margin-left:auto}.gemini-key-row{align-items:center;gap:8px;display:flex}.gemini-key-row input{background:var(--input);width:100%;min-width:0;color:var(--ink);border-radius:var(--radius-control);font-size:var(--type-body);border:1px solid #0000;flex:1;padding:9px 10px}.gemini-key-row .primary{white-space:nowrap;width:auto;font-size:var(--type-body);margin:0}.gemini-key-row .icon-button{flex-shrink:0}.gemini-setting-status{font-size:var(--type-meta);color:var(--muted);margin-top:8px;line-height:1.6}.gemini-data-notice{font-size:var(--type-meta);color:var(--muted);margin:10px 0 14px;line-height:1.6}.gemini-hint{display:inline-flex;position:relative}.gemini-hint>.icon-button{width:28px;height:28px;color:var(--muted)}.gemini-hint [role=tooltip]{z-index:2;background:var(--ink);width:250px;color:var(--panel);border-radius:var(--radius-control);font-size:var(--type-meta);pointer-events:none;padding:10px 12px;line-height:1.65;display:none;position:absolute;bottom:calc(100% + 6px);left:-65px}.gemini-hint:hover [role=tooltip],.gemini-hint:focus-within [role=tooltip]{display:block}.gemini-key-row input.has-saved-key::placeholder{color:var(--ink);opacity:1;letter-spacing:1px}