@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");.tarot-scope{--bg:#090806;--panel:#151210;--panel-soft:#211c18;--ink:#fff8ee;--muted:oklch(0.97 0 0);--line:rgba(255,248,238,0.16);--gold:#d6b878;--rose:#c98178;--green:#7d9b89;--shadow:0 28px 90px rgba(0,0,0,0.46);--background:oklch(1 0 0);--foreground:oklch(0.145 0 0);--card:oklch(1 0 0);--card-foreground:oklch(0.145 0 0);--popover:oklch(1 0 0);--popover-foreground:oklch(0.145 0 0);--primary:oklch(0.205 0 0);--primary-foreground:oklch(0.985 0 0);--secondary:oklch(0.97 0 0);--secondary-foreground:oklch(0.205 0 0);--muted-foreground:oklch(0.556 0 0);--accent:oklch(0.97 0 0);--accent-foreground:oklch(0.205 0 0);--destructive:oklch(0.577 0.245 27.325);--border:oklch(0.922 0 0);--input:oklch(0.922 0 0);--ring:oklch(0.708 0 0);--chart-1:oklch(0.87 0 0);--chart-2:oklch(0.556 0 0);--chart-3:oklch(0.439 0 0);--chart-4:oklch(0.371 0 0);--chart-5:oklch(0.269 0 0);--radius:0.625rem;--sidebar:oklch(0.985 0 0);--sidebar-foreground:oklch(0.145 0 0);--sidebar-primary:oklch(0.205 0 0);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.97 0 0);--sidebar-accent-foreground:oklch(0.205 0 0);--sidebar-border:oklch(0.922 0 0);--sidebar-ring:oklch(0.708 0 0);--font-heading:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;--font-sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;--radius-sm:calc(var(--radius) * 0.6);--radius-md:calc(var(--radius) * 0.8);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) * 1.4);--radius-2xl:calc(var(--radius) * 1.8);--radius-3xl:calc(var(--radius) * 2.2);--radius-4xl:calc(var(--radius) * 2.6);box-sizing:border-box;min-height:100%;margin:0;background:radial-gradient(circle at 25% 15%,rgba(125,155,137,.22),transparent 26%),radial-gradient(circle at 75% 25%,rgba(201,129,120,.2),transparent 25%),linear-gradient(135deg,#060504,#19120e 52%,#0d0f0c);color:var(--ink);font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Apple SD Gothic Neo,Noto Sans KR,sans-serif;& *{box-sizing:border-box}& a,& button{font:inherit}& button{color:inherit}& .shell{min-height:100dvh;display:grid;place-items:center;padding:18px}& .phone{position:relative;width:min(100%,430px);height:min(900px,calc(100dvh - 36px));min-height:min(700px,calc(100dvh - 36px));border:1px solid rgba(255,248,238,.18);border-radius:34px;box-shadow:var(--shadow)}& .phone,& .screen{overflow:hidden;background:#090806}& .screen{position:absolute;inset:0}& .intro-screen{display:grid;place-items:center}& .intro-mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;opacity:.55}& .intro-mosaic,& .intro-overlay{position:absolute;inset:0;pointer-events:none}& .intro-overlay{background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.88))}& .home-inner,& .intro-inner,& .loading-inner,& .my-wrap,& .question-wrap,& .records-wrap,& .result-wrap{position:relative;z-index:1}& .intro-inner{width:100%;display:grid;gap:48px;place-items:center;padding:42px}& .brand-block{text-align:center;letter-spacing:0}& .brand-logo{color:var(--ink);font-size:54px}& .brand-logo,& .brand-sub{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Apple SD Gothic Neo,Noto Sans KR,sans-serif;line-height:1}& .brand-sub{margin-top:10px;color:var(--gold);font-size:20px;letter-spacing:-.01em}& .brand-block.compact .brand-logo{font-size:32px;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Apple SD Gothic Neo,Noto Sans KR,sans-serif}& .intro-lang-btns{display:grid;width:min(260px,100%);gap:12px}& .intro-lang-btn,& .primary-btn,& .reading-btn,& .records-clear-btn{min-height:58px;border:0;border-radius:999px;color:#15110e;font-weight:800;cursor:pointer}& .intro-lang-btn{background:rgba(255,248,238,.12);color:var(--ink);border:1px solid rgba(255,248,238,.26)}& .lang-toggle{position:absolute;top:16px;right:16px;z-index:30;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,248,238,.28);background:rgba(20,17,14,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink);font-size:13px;font-weight:800;letter-spacing:.01em;cursor:pointer;transition:border-color .18s ease,background .18s ease}& .lang-toggle:hover{border-color:var(--gold);background:rgba(20,17,14,.62)}& .footer-brand{position:absolute;left:50%;bottom:22px;z-index:2;transform:translateX(-50%);color:rgba(255,248,238,.64);font-size:12px;text-decoration:none}& .home-cover{position:absolute;inset:0}& .cover-image{width:100%;height:100%}& .cover-dim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.38) 38%,rgba(0,0,0,.9)),rgba(0,0,0,.35)}& .home-inner{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:58px 34px 104px}& .hero-copy h1{margin:0;white-space:pre-line;color:#fffaf1;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:54px;font-weight:500;line-height:.96}& .hero-sub{margin:18px 0 0;color:rgba(255,248,238,.74);font-size:15px}& .home-bottom{display:grid}& .primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}& .my-wrap,& .question-wrap,& .records-wrap{height:100%;padding:28px 22px 128px;overflow-y:auto;scrollbar-width:none}& .my-wrap::-webkit-scrollbar,& .question-wrap::-webkit-scrollbar,& .records-wrap::-webkit-scrollbar,& .result-wrap::-webkit-scrollbar{display:none}& .back-btn,& .result-back-btn{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:rgba(255,248,238,.08);cursor:pointer}& .step-head{display:flex;align-items:center;justify-content:space-between;margin-top:28px}& .reading-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;min-height:44px;margin-bottom:24px}& .reading-step-center{display:grid;justify-items:center;gap:8px}& .step-label{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.16em}& .step-mini-dots{display:flex;gap:8px}& .dot{width:7px;height:7px;border-radius:50%;background:rgba(255,248,238,.26)}& .dot.active{background:var(--gold)}& .question-title{margin:20px 0;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:28px;font-weight:500;line-height:1.2}& .card-row,& .reading-card-grid{display:grid;gap:12px}& .reading-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}& .reading-art-card{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;height:clamp(250px,44vh,360px);overflow:hidden;border:1px solid var(--line);border-radius:8px;background:rgba(255,248,238,.08);cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}& .reading-art-card:active{transform:scale(.98)}& .reading-art-card.selected{border-color:var(--gold);background:rgba(214,184,120,.14)}& .reading-art-image{width:100%;height:100%;border:0;border-radius:0}& .reading-art-info{display:grid;align-content:center;gap:4px;min-height:76px;padding:10px 8px;background:rgba(0,0,0,.72);text-align:center}& .reading-art-info .art-artist,& .reading-art-info .art-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}& .reading-art-info .art-title{font-size:13px}& .reading-art-info .art-artist{font-size:11px}& .reading-check{position:absolute;top:8px;right:8px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:#11100d;background:var(--gold);opacity:0}& .reading-art-card.selected .reading-check{opacity:1}& .reading-preview-image{display:block;width:100%;height:auto;max-height:60vh;border:0;border-radius:0;background-color:#050505}& .reading-preview-image .asset-image{position:static;inset:auto;width:100%;height:auto;max-height:60vh;object-fit:contain}& .reading-preview-info{padding:14px 16px 10px;text-align:center}& .reading-preview-title{color:#19140f;font-weight:800}& .reading-preview-artist{margin-top:4px;color:rgba(25,20,15,.6)}& .reading-preview-actions{display:flex;flex-direction:row;gap:8px;padding:0 16px 16px}& .reading-art-image-wrap{position:relative;width:100%;height:100%;min-height:0;overflow:hidden}& .reading-expanded{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;gap:18px;padding:56px 22px 28px}& .reading-expanded-backdrop{position:absolute;inset:0;z-index:0;background:rgba(9,8,6,.96);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}& .reading-expanded-close{position:absolute;top:18px;right:18px;z-index:2;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:rgba(255,248,238,.08);color:var(--ink);cursor:pointer}& .reading-expanded-image{position:relative;z-index:1;flex:1;width:100%;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px}& .reading-expanded-image img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}& .reading-expanded-info{position:relative;z-index:2;flex-shrink:0;min-height:56px;text-align:center}& .reading-expanded-title{min-height:30px;color:var(--ink);font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:22px;font-weight:600;line-height:1.25}& .reading-expanded-artist{margin-top:6px;color:var(--gold);font-size:14px;letter-spacing:.02em}& .typewriter{position:relative;display:inline-block;max-width:100%;text-align:center}& .typewriter-ghost{visibility:hidden}& .typewriter-typed{position:absolute;inset:0;text-align:left}& .type-caret{display:inline-block;width:1px;height:1em;margin-left:2px;vertical-align:text-bottom;background:currentColor;animation:type-caret-blink .9s steps(1) infinite}& .type-caret-hidden{animation:none;opacity:0}& .reading-expanded-actions{position:relative;z-index:2;flex-shrink:0;display:flex;width:100%;gap:10px}& .reading-expanded-btn{flex:1;min-height:52px;border-radius:16px;font-weight:800;font-size:14px;cursor:pointer;transition:transform .16s ease,background .18s ease,opacity .18s ease}& .reading-expanded-btn:active{transform:scale(.97)}& .reading-expanded-btn.ghost{border:1px solid var(--line);background:rgba(255,248,238,.06);color:var(--ink)}& .reading-expanded-btn.ghost:hover{background:rgba(255,248,238,.12)}& .reading-expanded-btn.solid{border:1px solid var(--gold);background:var(--gold);color:#15110e}& .reading-expanded-btn.solid:hover{background:#e1c890}& .art-card,& .my-chart-card,& .my-main-card,& .my-stat-box,& .record,& .simple-result-card{border:1px solid var(--line);border-radius:8px;background:rgba(255,248,238,.08)}& .art-card{position:relative;display:grid;grid-template-columns:92px 1fr 28px;gap:14px;align-items:center;min-height:118px;padding:12px;text-align:left;cursor:pointer}& .art-card.selected{border-color:var(--gold);background:rgba(214,184,120,.16)}& .art-thumb{width:92px;height:92px;border-radius:6px}& .art-title,& .record-title{display:block;color:var(--ink);font-weight:800}& .art-artist,& .my-stat-label,& .my-subtitle,& .record-meta,& .simple-art-artist,& .simple-healing,& .simple-result-summary{color:var(--muted)}& .check{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:#12100d;background:var(--gold);opacity:0}& .art-card.selected .check{opacity:1}& .selected-text{min-height:24px;margin:18px 0 12px;color:var(--gold);font-size:13px;text-align:center}& .reading-btn{position:absolute;left:22px;right:22px;bottom:104px;z-index:4;width:auto;box-shadow:0 12px 32px rgba(0,0,0,.36)}& .reading-btn:disabled{cursor:not-allowed;opacity:.38}& .loading-inner{height:100%;display:grid;align-content:start;justify-items:center;gap:18px;padding:64px 42px 42px;text-align:center}& .loading-sub,& .result-top-note,& .simple-label{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}& .loading-title{white-space:pre-line;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:30px;line-height:1.15}& .loading-desc{white-space:pre-line;color:var(--muted);line-height:1.55}& .loading-line,& .simple-divider{width:70px;height:1px;background:var(--line)}& .loading-cards{display:flex;align-items:center;gap:10px;margin-top:8px}& .loading-card{width:76px;height:110px;border-radius:7px}& .loading-card.main{width:96px;height:138px}& .loading-dots{display:flex;gap:7px}& .loading-dots span{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:tarot-pulse 1s ease-in-out infinite}& .loading-dots span:nth-child(2){animation-delay:.18s}& .loading-dots span:nth-child(3){animation-delay:.36s}& .loading-wait{color:var(--muted);font-size:13px}& .result-wrap{height:100%;overflow-y:auto;padding:22px 18px 104px}& .simple-result-card{position:relative;display:grid;gap:14px;padding:24px 20px;background:#f8efe2;color:#201814}& .result-back-btn{color:#201814;background:rgba(32,24,20,.08);border-color:rgba(32,24,20,.1)}& .result-top-note,& .simple-label{color:#8f6f36}& .result-image-box{overflow:hidden;border-radius:8px;background:#dfd4c6}& .simple-result-image{width:100%;aspect-ratio:4/5}& .simple-art-title{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:25px;color:#201814}& .simple-result-title{color:#201814;font-size:28px;font-weight:900;line-height:1.13}& .simple-healing,& .simple-result-summary{color:rgba(32,24,20,.72);line-height:1.58}& .simple-divider{width:100%;background:rgba(32,24,20,.12)}& .simple-icon-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}& .icon-action-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(32,24,20,.12);border-radius:8px;background:rgba(32,24,20,.06);color:#201814;font-size:13px;font-weight:800;cursor:pointer}& .simple-footer{display:grid;justify-items:center;gap:3px;color:inherit;text-decoration:none}& .simple-footer-logo{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:22px}& .result-footer-url{color:rgba(32,24,20,.52);font-size:12px}& .my-title,& .records-title{margin:0 0 20px;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:34px;font-weight:500;text-align:center}& .records-list{display:grid;gap:10px}& .record{position:relative;display:grid;grid-template-columns:66px 1fr 16px;align-items:center;gap:12px;min-height:90px;padding:12px;text-align:left;cursor:pointer}& .record-del{position:absolute;top:8px;right:8px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:rgba(255,248,238,.75);background:rgba(255,248,238,.1)}& .record-thumb{width:66px;height:66px;border-radius:6px}& .record-body{min-width:0}& .record-meta{display:block;margin-top:5px;font-size:12px;line-height:1.45}& .record-arrow{color:var(--gold);font-size:28px}& .records-clear-btn{width:100%;margin-top:18px;background:rgba(255,248,238,.1);color:var(--ink);border:1px solid var(--line)}& .empty{white-space:pre-line;padding:32px 18px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);text-align:center;line-height:1.55}& .empty.compact{width:100%;padding:20px}& .my-header{margin-bottom:20px;text-align:center}& .my-title{margin-bottom:6px}& .my-main-card{display:grid;grid-template-columns:1fr 132px;min-height:144px;padding:18px;background:linear-gradient(135deg,rgba(214,184,120,.2),rgba(125,155,137,.14))}& .my-label{color:var(--gold);font-size:13px;font-weight:800}& .my-count span{font-size:54px;font-weight:900;line-height:1}& .my-count em{margin-left:6px;color:var(--muted);font-style:normal}& .my-card-art{position:relative}& .mini-art-thumb{width:78px;height:96px;border-radius:7px}& .mini-art-thumb.one{right:42px;top:8px;transform:rotate(-8deg)}& .mini-art-thumb.two{right:16px;top:20px;transform:rotate(7deg)}& .mini-art-thumb.three{right:68px;top:34px;transform:rotate(-2deg)}& .my-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}& .my-stat-box{min-height:104px;padding:16px}& .my-stat-value{margin-top:10px;font-size:20px;font-weight:900;line-height:1.2}& .my-stat-count{margin-top:6px;color:var(--gold)}& .my-chart-card{margin-top:12px;padding:18px}& .my-chart-head{display:flex;justify-content:space-between;gap:12px;color:var(--ink);font-weight:900}& .my-chart-head span{color:var(--muted);font-size:12px;font-weight:500}& .type-bar-chart{min-height:216px;margin-top:20px}& .my-bar-grid{height:216px;display:flex;align-items:end;justify-content:space-around;gap:10px}& .my-bar-col{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;min-width:0}& .my-bar-count{color:var(--gold);font-size:12px;font-weight:800}& .my-bar-stick{width:100%;max-width:30px;flex-shrink:0;border-radius:999px 999px 3px 3px;background:linear-gradient(180deg,var(--gold),var(--rose))}& .my-bar-name{width:100%;min-height:34px;color:var(--muted);font-size:11px;line-height:1.15;text-align:center;overflow-wrap:anywhere}& .bottom-nav{position:absolute;left:14px;right:14px;bottom:14px;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px;border:1px solid rgba(255,248,238,.14);border-radius:22px;background:rgba(13,11,10,.86);backdrop-filter:blur(20px)}& .nav{display:grid;place-items:center;gap:4px;width:100%;height:64px;justify-self:stretch;border:0;border-radius:16px;background:transparent;color:rgba(255,248,238,.58);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;outline:none}& .nav:focus:not(:focus-visible){background:transparent}& .nav em{font-size:11px;font-style:normal;font-weight:800}& .nav-glyph{display:grid;place-items:center;width:24px;height:24px;font-size:24px;line-height:1}& .nav:hover{color:#f1d798}& .nav.active{color:#f1c40f;background:rgba(241,196,15,.12)}& .toast{position:absolute;left:50%;bottom:94px;z-index:10;max-width:calc(100% - 44px);transform:translateX(-50%) translateY(12px);padding:11px 14px;border-radius:999px;background:rgba(255,248,238,.94);color:#17110d;font-size:13px;font-weight:800;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}& .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}& .image-placeholder{position:relative;display:grid;place-items:center;align-content:center;min-width:0;overflow:hidden;border:1px solid rgba(255,248,238,.14);background:linear-gradient(135deg,rgba(255,248,238,.08),rgba(255,248,238,.02)),repeating-linear-gradient(-45deg,rgba(255,248,238,.05),rgba(255,248,238,.05) 8px,transparent 0,transparent 16px);color:rgba(255,248,238,.5)}& .asset-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}& .simple-result-card .image-placeholder{border-color:rgba(32,24,20,.12);color:rgba(32,24,20,.42);background:linear-gradient(135deg,rgba(32,24,20,.08),rgba(32,24,20,.02)),repeating-linear-gradient(-45deg,rgba(32,24,20,.05),rgba(32,24,20,.05) 8px,transparent 0,transparent 16px)}@media (max-width:480px){& .shell{padding:0}& .phone{width:100%;height:100dvh;min-height:0;border:0;border-radius:0}& .hero-copy h1{font-size:48px}& .question-title{font-size:23px}}@media (max-height:740px){& .phone{min-height:0}& .home-inner{padding-top:42px}& .hero-copy h1{font-size:44px}}& .mini-art-thumb{position:absolute;width:72px;height:104px;border-radius:8px;border:1px solid rgba(214,184,120,.6);box-shadow:0 4px 14px rgba(0,0,0,.5);transition:transform .2s ease}& .mini-art-thumb.one{right:68px;top:14px;transform:rotate(-12deg);z-index:1}& .mini-art-thumb.two{right:32px;top:4px;transform:rotate(0deg) scale(1.04);z-index:3}& .mini-art-thumb.three{right:-2px;top:20px;transform:rotate(10deg);z-index:2}& .mini-art-thumb{position:absolute!important;width:72px!important;height:104px!important;border-radius:8px!important;border:1px solid rgba(214,184,120,.5)!important;background:rgba(214,184,120,.15)!important;background-color:rgba(214,184,120,.15)!important;box-shadow:0 4px 14px rgba(0,0,0,.5)!important;transition:transform .2s ease,z-index .2s ease}& .mini-art-thumb.one{right:64px!important;top:14px!important;transform:rotate(-12deg)!important}& .mini-art-thumb.two{right:32px!important;top:4px!important;transform:rotate(0deg) scale(1.02)!important}& .mini-art-thumb.three{right:0!important;top:18px!important;transform:rotate(10deg)!important}& .mini-art-thumb .asset-image,& .mini-art-thumb img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:7px!important;background:transparent!important}}@keyframes type-caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes tarot-pulse{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.tarot-scope .animate-pulse{animation-name:tarot-pulse}