:root{--ink:#f0eff9;--text:#a8a8c7;--text-soft:#71719a;--bg:#121226;--surface:#1b1b38;--surface-2:#232347;--border:#2a2a50;--accent:#d9b36b;--accent-strong:#e7c888;--accent-bg:#d9b36b1a;--accent-border:#d9b36b73;--silver:#a9b2cc;--dusk:#767093;--radius:16px;--radius-sm:10px;--shadow-card:0 1px 2px #0000004d, 0 8px 24px -12px #00000080;--shadow-lift:0 2px 4px #00000059, 0 16px 32px -12px #0009;--sans:"Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Segoe UI", sans-serif;--serif:"Nanum Myeongjo", "Apple SD Gothic Neo", serif;font:16px/1.6 var(--sans);letter-spacing:-.01em;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(55% 38% at 50% 0,#7c6cdc21,#0000 70%),radial-gradient(40% 30% at 82% 4%,#d9b36b12,#0000 70%);background-repeat:no-repeat;background-attachment:fixed}*{box-sizing:border-box}body{margin:0}#root{flex-direction:column;width:100%;max-width:720px;min-height:100svh;margin:0 auto;display:flex}h1,h2,h3{color:var(--ink);margin:0}p{margin:0}button{font:inherit;letter-spacing:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.section-title{font-family:var(--sans);letter-spacing:-.02em;align-items:center;gap:10px;margin:0 0 16px;font-size:19px;font-weight:700;display:flex}.section-title:before{content:"";background:var(--accent);border-radius:2px;flex:none;width:8px;height:8px}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-header{justify-content:space-between;align-items:center;gap:12px;padding:16px 24px 0;display:flex}.site-profile{cursor:pointer;text-align:left;color:var(--text);background:0 0;border:none;align-items:center;gap:10px;margin:-4px;padding:4px;transition:color .15s;display:inline-flex}.site-profile:hover{color:var(--accent)}.profile-avatar{border:1px solid var(--border);background:var(--surface);border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;transition:border-color .15s;display:inline-flex}.site-profile:hover .profile-avatar{border-color:var(--accent-border)}.profile-info{flex-direction:column;gap:1px;display:flex}.profile-name{color:var(--ink);font-size:14px;font-weight:700;line-height:1.2}.profile-points{color:var(--accent);font-size:12px;font-weight:600;line-height:1.2}.profile-login{font-size:14px;font-weight:600}.site-teller{cursor:pointer;text-align:right;background:0 0;border:none;flex:none;align-items:center;gap:10px;margin:-4px;padding:4px;display:flex}.site-teller:hover .site-teller-thumb{border-color:var(--accent-border)}.site-teller:hover .site-teller-name{color:var(--accent)}.site-teller-info{text-align:right;flex-direction:column;gap:1px;display:flex}.site-teller-label{letter-spacing:.06em;color:var(--text-soft);font-size:10px}.site-teller-name{color:var(--ink);font-size:13px;font-weight:600;line-height:1.2}.site-teller-thumb{border:1px solid var(--border);width:38px;height:38px;font-family:var(--serif);color:#f2f0ea;background:linear-gradient(160deg,#2e2c55,#191833) 50%/cover;border-radius:50%;justify-content:center;align-items:center;font-size:17px;font-weight:800;display:flex}.teller-modal{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(360px,100vw - 48px);color:var(--text);box-shadow:var(--shadow-lift);padding:0;overflow:hidden}.teller-modal::backdrop{-webkit-backdrop-filter:blur(4px);background:#0a0a16a6}.teller-modal[open]{animation:.25s cubic-bezier(.2,.8,.3,1) both modal-in}.teller-modal-body{flex-direction:column;gap:18px;padding:28px;display:flex;position:relative}.teller-head{align-items:center;gap:16px;padding-right:36px;display:flex}.teller-head-thumb{border:2px solid var(--accent-border);width:92px;height:92px;font-family:var(--serif);color:#f2f0ea;background:linear-gradient(160deg,#2e2c55,#191833) 50%/cover;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:36px;font-weight:800;display:flex}.teller-head-main{flex-direction:column;gap:2px;display:flex}.teller-name{font-family:var(--serif);font-size:21px;font-weight:800}.teller-tagline{color:var(--text-soft);font-size:13px}.teller-greeting{border-radius:var(--radius-sm);background:var(--accent-bg);font-family:var(--serif);color:var(--ink);margin:0;padding:14px 16px;font-size:14.5px;line-height:1.7}.teller-traits{flex-direction:column;gap:10px;display:flex}.teller-tone{color:var(--text);font-size:14px}.teller-motifs{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.teller-motifs li{border:1px solid var(--border);color:var(--text-soft);border-radius:999px;padding:4px 11px;font-size:12px}.teller-radar{border-top:1px solid var(--border);padding-top:16px}.teller-radar-title{letter-spacing:.08em;color:var(--text-soft);margin:0 0 4px;font-size:12px;font-weight:600}.teller-radar svg{width:min(230px,70vw);margin:0 auto;display:block}.radar-grid{fill:none;stroke:var(--border);stroke-width:1px}.radar-axis{stroke:var(--border);stroke-width:.6px}.radar-data{fill:color-mix(in srgb, var(--accent) 22%, transparent);stroke:var(--accent);stroke-width:1.4px;stroke-linejoin:round}.radar-label{fill:var(--text);text-anchor:middle;font-size:11px}.teller-modal-close{border:1px solid var(--border);width:34px;height:34px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:border-color .15s,color .15s;display:inline-flex;position:absolute;top:20px;right:20px}.teller-modal-close:hover{border-color:var(--accent-border);color:var(--accent)}.site-footer{text-align:center;padding:32px 24px 40px}.site-footer-text{color:var(--text-soft);letter-spacing:.02em;font-size:13px}.login-modal{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(360px,100vw - 48px);color:var(--text);box-shadow:var(--shadow-lift);padding:0;overflow:hidden}.login-modal::backdrop{-webkit-backdrop-filter:blur(4px);background:#0a0a16a6}.login-modal[open]{animation:.25s cubic-bezier(.2,.8,.3,1) both modal-in}.login-modal-body{flex-direction:column;gap:14px;padding:28px;display:flex;position:relative}.login-title{font-family:var(--serif);font-size:22px;font-weight:800}.login-caption{color:var(--text-soft);margin-top:-8px;font-size:13px}.login-modal-body label{color:var(--text);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.login-modal-body input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);font:inherit;padding:11px 14px;font-size:15px;transition:border-color .15s}.login-modal-body input:focus{border-color:var(--accent);outline:none}.login-error{color:#e08a8a;font-size:13px}.login-submit{border-radius:var(--radius-sm);background:var(--accent);color:#1d1c40;cursor:pointer;border:none;margin-top:4px;padding:13px;font-size:15px;font-weight:700;transition:background .15s}.login-submit:hover:not(:disabled){background:var(--accent-strong)}.login-submit:disabled{opacity:.6;cursor:default}.login-signup-hint{color:var(--text-soft);text-align:center;font-size:13px}.login-signup-link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.login-modal .modal-close{border:1px solid var(--border);width:34px;height:34px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:border-color .15s,color .15s;display:inline-flex;position:absolute;top:20px;right:20px}.login-modal .modal-close:hover{border-color:var(--accent-border);color:var(--accent)}.profile-modal{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(380px,100vw - 48px);color:var(--text);box-shadow:var(--shadow-lift);padding:0;overflow:hidden}.profile-modal::backdrop{-webkit-backdrop-filter:blur(4px);background:#0a0a16a6}.profile-modal[open]{animation:.25s cubic-bezier(.2,.8,.3,1) both modal-in}.profile-modal-body{flex-direction:column;gap:18px;padding:28px;display:flex;position:relative}.profile-head{align-items:center;gap:14px;padding-right:36px;display:flex}.profile-head-thumb{border:1px solid var(--border);width:48px;height:48px;color:var(--text);background:linear-gradient(160deg,#2e2c55,#191833);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.profile-head-main{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-modal-name{font-family:var(--serif);font-size:20px;font-weight:800}.profile-modal-email{color:var(--text-soft);text-overflow:ellipsis;font-size:13px;overflow:hidden}.profile-points-card{border-radius:var(--radius-sm);background:var(--accent-bg);border:1px solid var(--accent-border);flex-direction:column;gap:10px;padding:18px;display:flex}.points-label{letter-spacing:.06em;color:var(--text-soft);font-size:12px}.points-balance{font-family:var(--serif);color:var(--accent);font-size:28px;font-weight:800;line-height:1.1}.charge-buttons{gap:8px;margin-top:4px;display:flex}.charge-buttons button{border:1px solid var(--accent-border);color:var(--accent);cursor:pointer;background:0 0;border-radius:999px;flex:1;padding:9px 0;font-size:13px;font-weight:700;transition:background .15s,color .15s}.charge-buttons button:hover:not(:disabled){background:var(--accent);color:#1d1c40}.charge-buttons button:disabled{opacity:.5;cursor:default}.charge-note{color:var(--text-soft);font-size:11px}.profile-error{color:#e08a8a;font-size:12px}.profile-history{flex-direction:column;gap:8px;display:flex}.history-title{letter-spacing:.08em;color:var(--text-soft);margin:0;font-size:12px;font-weight:600}.history-list{flex-direction:column;max-height:180px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.history-list li{border-bottom:1px solid var(--border);align-items:baseline;gap:10px;padding:8px 0;font-size:13px;display:flex}.history-list li:last-child{border-bottom:none}.tx-memo{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tx-amount{font-weight:700}.tx-amount.is-plus{color:var(--accent)}.tx-amount.is-minus{color:var(--text)}.tx-date{color:var(--text-soft);flex:none;font-size:12px}.history-empty{color:var(--text-soft);text-align:center;padding:12px 0;font-size:13px}.profile-logout{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;background:0 0;padding:12px;font-size:14px;font-weight:600;transition:border-color .15s,color .15s}.profile-logout:hover{color:#e08a8a;border-color:#e08a8a}.profile-modal .modal-close{border:1px solid var(--border);width:34px;height:34px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:border-color .15s,color .15s;display:inline-flex;position:absolute;top:20px;right:20px}.profile-modal .modal-close:hover{border-color:var(--accent-border);color:var(--accent)}.site-main{flex-direction:column;flex:1;display:flex}.fortune-today{width:100%}.today-card{--grade:var(--accent);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-card);text-align:left;flex-direction:column;display:flex;overflow:hidden}.today-card[data-grade=good]{--grade:var(--accent)}.today-card[data-grade=fair]{--grade:var(--silver)}.today-card[data-grade=bad]{--grade:var(--dusk)}.today-card-hero{border-bottom:1px solid var(--border);color:#f0eff9;background-image:radial-gradient(1.5px 1.5px at 16% 26%,#f0ebdc8c,#0000 100%),radial-gradient(1px 1px at 38% 68%,#f0ebdc59,#0000 100%),radial-gradient(1.5px 1.5px at 61% 20%,#f0ebdc66,#0000 100%),radial-gradient(1px 1px at 79% 55%,#f0ebdc4d,#0000 100%),radial-gradient(40% 70% at 88% 22%,#d9b36b24,#0000 75%),linear-gradient(160deg,#1d1c40,#101024);flex-direction:column;gap:8px;padding:28px 108px 24px 28px;display:flex;position:relative}.today-card-grade{background:var(--grade);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:64px;height:64px;animation:.45s cubic-bezier(.2,1.4,.4,1) .25s both seal-stamp;display:inline-flex;position:absolute;top:24px;right:24px;transform:rotate(-4deg);box-shadow:0 4px 12px -4px #00000080}@keyframes seal-stamp{0%{opacity:0;transform:rotate(-10deg)scale(1.7)}to{opacity:1;transform:rotate(-4deg)scale(1)}}.grade-mark{font-family:var(--serif);color:#1d1c40;font-size:26px;font-weight:800;line-height:1.05}.today-card[data-grade=fair] .grade-mark{font-size:18px}.grade-label{letter-spacing:.14em;color:#1d1c40cc;font-size:10px;font-weight:600}.today-card-greeting{letter-spacing:.01em;color:#f0eff999;font-size:13px;font-weight:500}.today-card-headline{font-family:var(--serif);letter-spacing:-.01em;color:#f0eff9;font-size:25px;font-weight:800;line-height:1.4}.today-card-reader{color:#f0eff98c;margin-top:8px;font-size:12px}.reader-name{color:var(--accent);font-weight:600}.today-card-reader strong{color:#f0eff9;font-weight:700}.today-card-body{flex-direction:column;gap:20px;padding:24px 28px 28px;display:flex}.today-card-summary{font-family:var(--serif);color:var(--ink);font-size:16px;line-height:1.9}.today-card-highlights{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:12px;margin:0;padding:18px 0;list-style:none;display:flex}.today-card-highlights li{align-items:baseline;gap:14px;display:flex}.hl-key{background:color-mix(in srgb, var(--grade) 16%, transparent);color:color-mix(in srgb, var(--grade) 80%, #fff);border-radius:999px;flex:none;padding:3px 10px;font-size:12px;font-weight:700}.hl-text{color:var(--text);font-size:15px;line-height:1.6}.today-card-lucky{grid-template-columns:repeat(4,1fr);gap:8px;margin:0;display:grid}.lucky-item{border-radius:var(--radius-sm);background:var(--bg);text-align:center;flex-direction:column;gap:2px;padding:12px 8px;display:flex}.lucky-item dt{letter-spacing:.06em;color:var(--text-soft);font-size:11px}.lucky-item dd{color:var(--ink);margin:0;font-size:14px;font-weight:700}.today-card-advice{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--grade) 8%, transparent);font-family:var(--serif);color:var(--ink);flex-direction:column;gap:4px;padding:16px 18px;display:flex}.advice-label{font-family:var(--sans);letter-spacing:.1em;color:color-mix(in srgb, var(--grade) 80%, #fff);font-size:11px;font-weight:700}.today-gate{border:1px solid var(--border);border-radius:var(--radius);min-height:216px;box-shadow:var(--shadow-card);text-align:center;background-image:radial-gradient(1.5px 1.5px at 16% 26%,#f0ebdc8c,#0000 100%),radial-gradient(1px 1px at 38% 78%,#f0ebdc59,#0000 100%),radial-gradient(1.5px 1.5px at 64% 18%,#f0ebdc66,#0000 100%),radial-gradient(1px 1px at 82% 60%,#f0ebdc4d,#0000 100%),radial-gradient(45% 60% at 50% 100%,#d9b36b17,#0000 75%),linear-gradient(160deg,#1d1c40,#101024);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:36px 28px;display:flex}.gate-teller{font-family:var(--serif);color:#f0eff999;font-size:14px}.gate-teller strong{font-family:var(--sans);color:var(--accent);font-size:13px;font-weight:600}.gate-greeting{font-family:var(--serif);color:#f0eff9;font-size:21px;font-weight:800;line-height:1.5}.gate-caption{color:#f0eff98c;font-size:13px}.gate-open{background:var(--accent);color:#1d1c40;cursor:pointer;border:none;border-radius:999px;margin-top:14px;padding:13px 32px;font-size:15px;font-weight:700;transition:background .15s,box-shadow .15s}.gate-open:hover{background:var(--accent-strong);box-shadow:0 4px 20px -6px #d9b36b66}.gate-free{color:#f0eff980;margin-top:2px;font-size:12px}.login-banner{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-card);text-align:left;flex-direction:column;gap:16px;padding:32px 28px;display:flex}.login-banner-text{font-family:var(--serif);color:var(--ink);font-size:17px;line-height:1.7}.login-banner-actions{gap:8px;display:flex}.login-banner-actions button{cursor:pointer;border:none;border-radius:999px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .15s,box-shadow .15s}.login-banner-actions button:first-child{background:var(--ink);color:var(--bg)}.login-banner-actions button:first-child:hover{background:#fff}.login-banner-actions button:last-child{color:var(--ink);border:1px solid var(--border);background:0 0}.login-banner-actions button:last-child:hover{border-color:var(--ink)}@media (width<=640px){.today-card-lucky{grid-template-columns:repeat(2,1fr)}.today-card-hero{padding:24px 92px 24px 20px}.today-card-body{padding:20px}.today-card-grade{width:56px;height:56px;top:20px;right:18px}.grade-mark{font-size:22px}}.reading-indicator{flex-direction:column;align-items:center;gap:16px;display:flex}.reading-dots{gap:6px;display:flex}.reading-dots i{background:var(--accent);opacity:.25;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite dot-pulse}.reading-dots i:nth-child(2){animation-delay:.2s}.reading-dots i:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,to{opacity:.25;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.reading-step{font-family:var(--serif);color:#f0eff9;font-size:17px;animation:.45s both fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.category-grid{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;margin:0;padding:0;list-style:none;display:grid}.category-card{--cat:var(--ink);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-align:left;flex-direction:column;gap:4px;width:100%;height:100%;min-height:132px;padding:20px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.category-card:hover{border-color:color-mix(in srgb, var(--cat) 35%, var(--border));box-shadow:var(--shadow-lift);transform:translateY(-2px)}.category-hanja{font-family:var(--serif);letter-spacing:-.06em;color:color-mix(in srgb, var(--cat) 13%, transparent);white-space:nowrap;pointer-events:none;font-size:68px;font-weight:800;line-height:1;transition:color .15s;position:absolute;top:-14px;right:-4px}.category-card:hover .category-hanja{color:color-mix(in srgb, var(--cat) 22%, transparent)}.category-head,.category-desc{position:relative}.category-head{flex-direction:column;gap:2px;display:flex}.category-label{color:var(--ink);letter-spacing:-.02em;font-size:18px;font-weight:700}.category-desc{max-width:72%;color:var(--text-soft);margin-top:auto;padding-top:16px;font-size:13px;line-height:1.5}.category-cost{color:var(--accent);font-size:12px;font-weight:700;position:absolute;bottom:18px;right:18px}@media (width<=480px){.category-grid{grid-template-columns:1fr}.category-card{min-height:108px}}.category-modal{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(400px,100vw - 48px);color:var(--text);box-shadow:var(--shadow-lift);padding:0;overflow:hidden}.category-modal::backdrop{-webkit-backdrop-filter:blur(4px);background:#0a0a16a6}.category-modal[open]{animation:.25s cubic-bezier(.2,.8,.3,1) both modal-in}.category-modal-body{flex-direction:column;gap:18px;padding:28px;display:flex;position:relative}.modal-hanja{font-family:var(--serif);letter-spacing:-.06em;color:color-mix(in srgb, var(--cat) 13%, transparent);white-space:nowrap;pointer-events:none;font-size:64px;font-weight:800;line-height:1;position:absolute;top:-14px;right:-4px}.modal-head{flex-direction:column;gap:4px;padding-right:36px;display:flex;position:relative}.modal-title{font-family:var(--serif);letter-spacing:-.01em;font-size:23px;font-weight:800}.modal-desc{color:var(--text-soft);font-size:13px}.detail-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.detail-list li+li{border-top:1px solid var(--border)}.detail-item{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:15px 4px;font-size:15px;font-weight:500;transition:color .15s;display:flex}.detail-item:after{content:"›";color:var(--text-soft);font-size:18px;transition:color .15s}.detail-item:hover,.detail-item:hover:after{color:var(--accent)}.modal-cost{border-top:1px solid var(--border);color:var(--text-soft);text-align:right;margin:0;padding-top:14px;font-size:12px}.modal-cost strong{color:var(--accent);font-weight:700}.modal-close{border:1px solid var(--border);width:34px;height:34px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:border-color .15s,color .15s;display:inline-flex;position:absolute;top:20px;right:20px}.modal-close:hover{border-color:var(--accent-border);color:var(--accent)}.category-section{flex-direction:column;gap:16px;width:100%;display:flex}.category-section .section-title{margin:0}.category-fallback{border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-soft);text-align:center;padding:24px;font-size:14px}.category-loading{border-radius:var(--radius);background:linear-gradient(120deg, var(--surface) 40%, var(--surface-2) 50%, var(--surface) 60%);background-size:200% 100%;min-height:420px;animation:1.4s ease-in-out infinite loading-shimmer}@keyframes loading-shimmer{0%{background-position:120% 0}to{background-position:-80% 0}}.landing{flex-direction:column;flex:1;align-items:stretch;gap:48px;padding:32px 24px 48px;display:flex}.brand-motto{font-family:var(--serif);color:var(--ink);text-align:center;font-size:17px;line-height:2}.landing-intro{padding:0 8px}.reading-form{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;box-shadow:var(--shadow-card);text-align:left;flex-direction:column;gap:22px;padding:24px;display:flex}.birth-fields{border:none;min-width:0;margin:0;padding:0}.birth-fields+.birth-fields{border-top:1px solid var(--border);padding-top:20px}.birth-legend{font-family:var(--serif);color:var(--ink);margin-bottom:12px;padding:0;font-size:15px;font-weight:800}.birth-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.reading-form label{color:var(--text);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.birth-field-wide,.birth-field-date{grid-column:1/-1}.birth-field-date{flex-direction:column;gap:6px;display:flex}.birth-label{color:var(--text);justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;font-weight:600;display:flex}.birth-ganji{font-style:normal;font-family:var(--serif);color:var(--accent);font-size:13px;font-weight:700}.birth-date-row{gap:8px;display:flex}.birth-date-row select{flex:1;min-width:0}.birth-date-row .birth-year{flex:2.2}.reading-extra{border-top:1px solid var(--border);padding-top:20px}.reading-place{grid-template-columns:2fr 1fr;gap:14px;display:grid}.reading-form input,.reading-form select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);font:inherit;padding:11px 14px;font-size:15px;font-weight:500;transition:border-color .15s}.reading-form input::placeholder{color:var(--text-soft);font-weight:400}.reading-form input:focus,.reading-form select:focus{border-color:var(--accent);outline:none}.reading-submit{border-radius:var(--radius-sm);background:var(--accent);color:#1d1c40;cursor:pointer;border:none;margin-top:2px;padding:14px;font-size:15px;font-weight:700;transition:background .15s,box-shadow .15s}.reading-submit:hover{background:var(--accent-strong);box-shadow:0 4px 20px -6px #d9b36b59}@media (width<=480px){.birth-grid,.reading-place{grid-template-columns:1fr}}.fortune-result{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;min-height:120px;box-shadow:var(--shadow-card);text-align:left;padding:28px}.fortune-result.is-idle,.fortune-result.is-loading{text-align:center;justify-content:center;align-items:center;min-height:180px;display:flex}.fortune-result.is-idle{font-family:var(--sans);color:var(--text-soft);box-shadow:none;background:0 0;border-style:dashed;font-size:14px}.fortune-result.is-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:180px;display:flex}.error-title{font-family:var(--serif);color:var(--ink);font-size:17px;font-weight:700}.error-message{color:var(--text-soft);font-size:13px}.fortune-result.is-done{flex-direction:column;gap:22px;display:flex}.result-reader{color:var(--text-soft);align-items:center;gap:8px;font-size:12px;display:flex}.result-reader strong{color:var(--accent);font-weight:600}.result-reader-thumb{border:1px solid var(--border);width:26px;height:26px;font-family:var(--serif);color:#f2f0ea;background:linear-gradient(160deg,#2e2c55,#191833) 50%/cover;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.result-prose{font-family:var(--serif);color:var(--ink);white-space:pre-wrap;font-size:16px;line-height:1.9}.result-match{border-bottom:1px solid var(--border);align-items:center;gap:20px;padding-bottom:22px;display:flex}.match-score{border:2px solid var(--accent);border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:0;width:84px;height:84px;display:flex}.match-score strong{font-family:var(--serif);color:var(--accent);font-size:28px;font-weight:800;line-height:1.1}.match-score span{letter-spacing:.14em;color:var(--text-soft);font-size:11px}.match-main{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.match-verdict{font-family:var(--serif);color:var(--ink);font-size:17px;font-weight:700}.match-bar{background:var(--surface-2);border-radius:999px;height:6px;overflow:hidden}.match-bar i{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 55%, transparent), var(--accent));border-radius:999px;height:100%;display:block}.match-note{color:var(--text-soft);font-size:13px}.result-timing{border-bottom:1px solid var(--border);flex-direction:column;gap:12px;margin:0;padding:0 0 22px;list-style:none;display:flex}.result-timing li{align-items:baseline;gap:14px;display:flex}.timing-date{background:var(--accent-bg);color:var(--accent);border-radius:999px;flex:none;padding:3px 12px;font-size:13px;font-weight:700}.timing-note{font-family:var(--serif);color:var(--ink);font-size:15px}.result-place{border-bottom:1px solid var(--border);align-items:center;gap:20px;padding-bottom:22px;display:flex}.place-hanja{border:1px solid var(--accent-border);border-radius:var(--radius-sm);background:var(--accent-bg);width:84px;height:84px;font-family:var(--serif);color:var(--accent);flex:none;justify-content:center;align-items:center;font-size:26px;font-weight:800;display:flex}.place-main{flex-direction:column;gap:4px;min-width:0;display:flex}.place-direction{font-family:var(--serif);color:var(--ink);font-size:17px;font-weight:700}.place-note{font-family:var(--serif);color:var(--text);font-size:14px;line-height:1.7}.fortune-page{flex-direction:column;flex:1;align-items:stretch;gap:40px;padding:32px 24px 48px;display:flex}.fortune-page-header{flex-direction:column;gap:6px;display:flex}.fortune-back{color:var(--text-soft);align-self:flex-start;font-size:14px;text-decoration:none;transition:color .15s}.fortune-back:hover{color:var(--ink)}.fortune-page-header h1{font-family:var(--serif);letter-spacing:-.02em;margin-top:10px;font-size:30px;font-weight:800}.fortune-detail{color:var(--accent);font-size:14px;font-weight:600}.signup-page{flex-direction:column;flex:1;gap:28px;padding:32px 24px 48px;display:flex}.signup-header{flex-direction:column;gap:6px;display:flex}.signup-header h1{font-family:var(--serif);margin-top:10px;font-size:30px;font-weight:800}.signup-caption{color:var(--text-soft);font-size:14px}.signup-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.signup-wide{grid-column:1/-1}.signup-error{color:#e08a8a;font-size:13px}@media (width<=480px){.signup-grid{grid-template-columns:1fr}}.not-found{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:64px 24px;display:flex}.not-found h1{font-family:var(--serif);font-size:26px;font-weight:800}.not-found p{color:var(--text);margin:0}.not-found-home{background:var(--ink);color:var(--bg);border-radius:999px;margin-top:8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s}.not-found-home:hover{background:#fff}.splash{z-index:100;background-color:var(--bg);opacity:1;background-image:radial-gradient(42% 30% at 50% 46%,#d9b36b1f,#0000 70%);flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .45s;display:flex;position:fixed;inset:0}.splash.is-leaving{opacity:0;pointer-events:none}.splash-logo{width:min(230px,58vw);animation:.8s cubic-bezier(.2,.8,.3,1) both splash-in}.splash-quote{font-family:var(--serif);color:#f0eff9bf;font-size:16px;animation:.8s cubic-bezier(.2,.8,.3,1) .3s both splash-in}.splash-motto{font-family:var(--serif);letter-spacing:.5em;color:var(--accent);margin-left:.5em;font-size:14px;animation:.8s cubic-bezier(.2,.8,.3,1) .6s both splash-in}@keyframes splash-in{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}