.shell{max-width:460px;min-height:100dvh;margin:0 auto;padding:0 24px calc(48px + env(safe-area-inset-bottom))}.fade-in{animation:fadeUp .7s var(--ease) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.label{font-size:12px;font-weight:500;letter-spacing:.12em;color:var(--gold-dim)}.serif{font-family:var(--serif)}.muted{color:var(--text-2)}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;margin:0 -24px;padding:calc(6px + env(safe-area-inset-top)) 12px 6px;background:#0e0f12d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft)}.topbar-title{text-align:center;font-size:13px;letter-spacing:.06em;color:var(--text-2);font-variant-numeric:tabular-nums}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--text-2);transition:color .2s}.icon-btn:hover,.icon-btn:active{color:var(--gold)}.text-btn{font-size:13px;color:var(--text-2);min-height:44px}.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:0 20px;border-radius:3px;font-size:16px;font-weight:600;letter-spacing:.02em;transition:background .25s,color .25s,border-color .25s,opacity .25s}.btn:disabled{opacity:.3;cursor:not-allowed}.btn-primary{background:var(--gold);color:var(--gold-ink)}.btn-primary:not(:disabled):active{background:#d8c29e}.btn-line{border:1px solid var(--line-strong);color:var(--text)}.btn-line:active{border-color:var(--gold);color:var(--gold)}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.error-text{margin-top:14px;color:var(--danger);font-size:14px}.sec{padding:44px 0 4px;border-top:1px solid var(--line-soft)}.sec-head{display:flex;align-items:baseline;gap:12px;margin-bottom:24px}.sec-num{font-family:var(--serif);font-size:13px;color:var(--gold)}.sec-head h2{font-family:var(--serif);font-size:22px;font-weight:400;letter-spacing:-.02em}.sec-head p{margin-left:auto;font-size:12px;color:var(--text-3);letter-spacing:.04em}.brandbar{display:flex;align-items:center;justify-content:space-between;padding:calc(18px + env(safe-area-inset-top)) 0 0}.wordmark{font-family:var(--serif);font-size:15px;letter-spacing:.08em}.seal-sm{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--gold-dim);font-family:var(--serif);font-size:14px;color:var(--gold)}.landing-hero{padding-top:56px}.landing-hero h1{margin-top:18px;font-family:var(--serif);font-weight:300;font-size:clamp(32px,9vw,40px);line-height:1.32;letter-spacing:-.045em}.landing-hero h1 span{color:var(--gold)}.landing-hero .lede{margin-top:18px;font-size:15px;line-height:1.75;color:var(--text-2)}.arches{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:12px;height:236px;margin:44px 0 36px}.arches:before{content:"";position:absolute;left:50%;top:4px;width:232px;height:232px;margin-left:-116px;border:1px solid var(--line-soft);border-radius:50%}.arches:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong),transparent)}.arch{position:relative;width:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-bottom:none;border-radius:31px 31px 0 0;background:linear-gradient(180deg,rgba(237,230,218,.03),transparent);animation:rise 1.1s var(--ease) both}.arch small{font-family:var(--serif);font-size:11px;color:var(--text-3);letter-spacing:.1em}.arch strong{font-family:var(--serif);font-size:26px;font-weight:400;line-height:1.4;color:var(--text-2)}.arch.me{border-color:var(--gold);background:linear-gradient(180deg,rgba(200,176,138,.1),transparent)}.arch.me strong{color:var(--gold)}.arch.me small{color:var(--gold-dim)}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.trust{margin-top:14px;text-align:center;font-size:12px;color:var(--text-3);letter-spacing:.02em}.saved-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:100%;margin-bottom:12px;padding:16px 0;text-align:left;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.seal{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--gold);font-family:var(--serif);font-size:15px;line-height:1.15;color:var(--gold);text-align:center}.saved-row b{display:block;font-size:15px;font-weight:600}.saved-row span{font-size:13px;color:var(--text-2)}.saved-row svg{color:var(--gold)}.index-list{margin-top:64px;list-style:none}.index-list li{display:grid;grid-template-columns:36px 1fr;gap:8px;padding:20px 0;border-top:1px solid var(--line-soft)}.index-list li:last-child{border-bottom:1px solid var(--line-soft)}.index-list .n{font-family:var(--serif);font-size:14px;color:var(--gold);padding-top:1px}.index-list b{display:block;font-size:16px;font-weight:600}.index-list span{font-size:14px;color:var(--text-2)}.disclaimer{margin-top:32px;font-size:12px;line-height:1.8;color:var(--text-3)}.wizard{display:flex;flex-direction:column;min-height:100dvh}.progress{position:relative;height:1px;margin:0 -24px;background:var(--line-soft)}.progress>i{position:absolute;left:0;top:0;bottom:0;background:var(--gold);transition:width .5s var(--ease)}.step{flex:1;padding-top:40px}.step h2{margin-top:12px;font-family:var(--serif);font-size:27px;font-weight:400;line-height:1.42;letter-spacing:-.04em}.step .sub{margin-top:10px;font-size:14px;color:var(--text-2)}.step-body{margin-top:36px}.field-label{display:block;margin:28px 0 10px;font-size:13px;letter-spacing:.02em;color:var(--text-3)}.field-label:first-child{margin-top:0}.text-input,.select select{width:100%;height:56px;padding:0 16px;border-radius:3px;background:var(--bg-raise);border:1px solid var(--line-soft);font-size:17px;transition:border-color .2s}.text-input::placeholder{color:var(--text-3)}.text-input:focus,.select select:focus{outline:none;border-color:var(--gold)}.select{position:relative;display:block}.select select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:32px;font-weight:500}.select:after{content:"";position:absolute;right:15px;top:50%;width:6px;height:6px;margin-top:-5px;border-right:1px solid var(--gold-dim);border-bottom:1px solid var(--gold-dim);transform:rotate(45deg);pointer-events:none}.date-row{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:8px}.time-row,.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:104px;border-radius:3px;border:1px solid var(--line-soft);background:var(--bg-raise);font-size:15px;color:var(--text-2);transition:border-color .25s,color .25s,background .25s}.choice .big{font-family:var(--serif);font-size:32px;font-weight:300;line-height:1;color:var(--text);transition:color .25s}.choice.sm{min-height:52px;font-size:15px}.choice[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:#c8b08a0f}.choice[aria-pressed=true] .big{color:var(--gold)}.tabs{display:flex;border-bottom:1px solid var(--line-soft)}.tabs button{position:relative;flex:1;min-height:48px;font-size:15px;color:var(--text-3);transition:color .25s}.tabs button:after{content:"";position:absolute;left:20%;right:20%;bottom:-1px;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .3s var(--ease)}.tabs button[aria-pressed=true]{color:var(--text)}.tabs button[aria-pressed=true]:after{transform:scaleX(1)}.check-row{display:flex;align-items:center;gap:10px;margin-top:16px;min-height:44px;font-size:15px;color:var(--text-2)}.check-row input{width:18px;height:18px;accent-color:var(--gold)}.hour-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.hour-chip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 4px 10px;border-radius:3px;border:1px solid var(--line-soft);background:var(--bg-raise);transition:border-color .25s,background .25s}.hour-chip .hj{font-family:var(--serif);font-size:20px;line-height:1.2;color:var(--text)}.hour-chip b{font-size:13px;font-weight:500;color:var(--text-2)}.hour-chip small{font-size:11px;color:var(--text-3);font-variant-numeric:tabular-nums;letter-spacing:0}.hour-chip[aria-pressed=true]{border-color:var(--gold);background:#c8b08a0f}.hour-chip[aria-pressed=true] .hj,.hour-chip[aria-pressed=true] b{color:var(--gold)}.hint{margin-top:14px;font-size:13px;line-height:1.7;color:var(--text-3)}.region-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.city-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.crumb{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-bottom:8px;font-size:14px;color:var(--gold)}.review{border-top:1px solid var(--line)}.review button{display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:12px;width:100%;min-height:60px;text-align:left;border-bottom:1px solid var(--line-soft)}.review span{font-size:13px;color:var(--text-3)}.review b{font-size:16px;font-weight:500}.review em{font-style:normal;font-size:12px;color:var(--gold-dim)}.wizard-foot{position:sticky;bottom:0;padding:20px 0 calc(16px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 35%)}.ritual{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:44px}.orbit{position:relative;width:188px;height:188px}.orbit .ring{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--line);border-radius:50%;animation:spin 5s linear infinite}.orbit .ring:before{content:"";position:absolute;top:-3.5px;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px #c8b08acc}.orbit .ring2{position:absolute;top:22px;right:22px;bottom:22px;left:22px;border:1px dashed var(--line-soft);border-radius:50%;animation:spin 24s linear infinite reverse}.orbit .glyph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--serif);font-weight:300;font-size:58px;color:var(--gold)}.orbit .glyph span{animation:fade .8s var(--ease) both}@keyframes spin{to{transform:rotate(360deg)}}.ritual h2{font-family:var(--serif);font-size:19px;font-weight:400;letter-spacing:-.02em}.ritual p{margin-top:8px;font-size:13px;color:var(--text-3);min-height:20px}.five{display:flex;gap:18px;font-family:var(--serif);font-size:15px}.five span{color:var(--text-3);transition:color .4s}.five span.on{color:var(--gold)}.hero{padding:48px 0 0;text-align:center}.hero .gz{margin-top:22px;font-family:var(--serif);font-weight:300;font-size:84px;line-height:1;letter-spacing:.08em;margin-right:-.08em;color:var(--gold)}.hero .ord{margin-top:18px;font-family:var(--serif);font-size:12px;letter-spacing:.14em;color:var(--text-3)}.hero .dash{width:36px;height:1px;margin:26px auto;background:var(--gold-dim)}.hero .who{font-size:14px;color:var(--text-2)}.hero h1{margin-top:6px;font-family:var(--serif);font-size:32px;font-weight:400;letter-spacing:-.04em;line-height:1.3}.hero .title{margin-top:8px;font-family:var(--serif);font-size:16px;color:var(--gold)}.hero .kw{margin-top:18px;font-size:14px;letter-spacing:.02em;color:var(--text-2)}.hero .kw i{font-style:normal;margin:0 8px;color:var(--text-3)}.hero .desc{margin:24px auto 0;max-width:340px;font-size:15px;line-height:1.85;color:var(--text-2)}.traits{display:grid;grid-template-columns:1fr 1fr;margin-top:32px;border-top:1px solid var(--line-soft)}.traits div{padding:18px 8px 22px}.traits div+div{border-left:1px solid var(--line-soft)}.traits span{display:block;font-size:12px;color:var(--text-3);margin-bottom:6px}.traits b{font-size:14px;font-weight:500}.chart{display:grid;grid-template-columns:30px repeat(4,1fr)}.chart .rl{display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--serif);font-size:11px;line-height:1.35;color:var(--text-3)}.chart .cell{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-left:1px solid var(--line-soft)}.chart .hd{padding:10px 0 12px;border-top:1px solid transparent}.chart .hd b{font-family:var(--serif);font-size:14px;font-weight:400}.chart .hd small{display:block;font-size:11px;color:var(--text-3)}.chart .meta{min-height:30px;font-size:12px;color:var(--text-2)}.chart .ch{padding:14px 0 12px;border-top:1px solid var(--line-soft)}.chart .ch strong{font-family:var(--serif);font-size:36px;font-weight:400;line-height:1.1}.chart .ch small{margin-top:4px;font-size:11px;color:var(--text-3)}.chart .ch.empty strong{color:var(--text-3);font-weight:300}.chart .bt{border-top:1px solid var(--line-soft);padding-top:10px}.chart .day{background:#c8b08a0b}.chart .day.hd{border-top-color:var(--gold)}.chart .day.hd b{color:var(--gold)}.chart-note{margin-top:18px;font-size:12px;color:var(--text-3);text-align:center;letter-spacing:.02em}.gauge{display:grid;grid-template-columns:repeat(5,1fr);align-items:end}.gauge .col{display:flex;flex-direction:column;align-items:center;gap:10px}.gauge .cnt{font-family:var(--serif);font-size:15px;color:var(--text-2)}.gauge .track{position:relative;width:100%;height:132px;display:flex;justify-content:center;align-items:flex-end}.gauge .track:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--line-soft)}.gauge .fill{position:relative;width:6px;background:var(--el);opacity:.85;transition:height 1.1s var(--ease)}.gauge .base{width:100%;height:1px;background:var(--line)}.gauge .hj{font-family:var(--serif);font-size:24px;line-height:1;color:var(--el)}.gauge .nm{font-size:11px;color:var(--text-3);letter-spacing:.06em}.gauge .col.zero .hj{opacity:.35}.notes{margin-top:32px;border-top:1px solid var(--line-soft)}.note{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid var(--line-soft)}.note:last-child,.dl>div:last-child{border-bottom:none}.note .hj{font-family:var(--serif);font-size:30px;font-weight:300;line-height:1.1;color:var(--el)}.note span{display:block;font-size:12px;color:var(--text-3)}.note b{display:block;margin-top:2px;font-size:15px;font-weight:600}.note p{margin-top:4px;font-size:14px;line-height:1.7;color:var(--text-2)}.dl{border-top:1px solid var(--line-soft)}.dl>div{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center;min-height:56px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.dl dt{font-size:13px;color:var(--text-3)}.dl dd{font-size:15px;font-weight:500;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sw{display:inline-flex;gap:4px}.sw i{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff2e}.traitbars{display:grid;gap:18px}.tb-top{display:flex;align-items:baseline;gap:8px}.tb-top b{font-size:15px;font-weight:600}.tb-top span{font-size:12px;color:var(--text-3)}.tb-top em{margin-left:auto;font-style:normal;font-family:var(--serif);font-size:16px;color:var(--gold)}.tb-track{position:relative;height:2px;margin-top:10px;background:var(--line-soft)}.tb-track i{position:absolute;left:0;top:0;bottom:0;background:var(--gold);transition:width 1.1s var(--ease)}.luck{position:relative;display:flex;overflow-x:auto;margin:0 -24px;padding:0 24px 6px;scroll-snap-type:x proximity;scrollbar-width:none}.luck::-webkit-scrollbar{display:none}.luck-item{position:relative;flex:none;width:72px;text-align:center;scroll-snap-align:center}.luck-item:before{content:"";position:absolute;left:0;right:0;top:31px;height:1px;background:var(--line)}.luck-item:first-child:before{left:50%}.luck-item:last-child:before{right:50%}.luck-item .age{height:22px;font-size:13px;line-height:22px;font-weight:500;color:var(--text-2)}.luck-item .yr{font-size:11px;color:var(--text-3);font-variant-numeric:tabular-nums}.luck-item .dot{position:relative;display:block;width:9px;height:9px;margin:5px auto 14px;border-radius:50%;border:1px solid var(--gold-dim);background:var(--bg)}.luck-item .gz{font-family:var(--serif);font-size:22px;line-height:1.3}.luck-item.now .age{color:var(--gold)}.luck-item.now .dot{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 4px #c8b08a26}.luck-item .now-tag{display:block;margin-top:8px;font-family:var(--serif);font-size:12px;letter-spacing:.2em;color:var(--gold)}.atabs{display:flex;gap:22px;overflow-x:auto;margin:0 -24px;padding:0 24px;border-bottom:1px solid var(--line-soft);scrollbar-width:none}.atabs::-webkit-scrollbar{display:none}.atabs button{position:relative;flex:none;min-height:46px;font-size:15px;color:var(--text-3);transition:color .25s}.atabs button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .3s var(--ease)}.atabs button[aria-pressed=true]{color:var(--text)}.atabs button[aria-pressed=true]:after{transform:scaleX(1)}.atabs button .seen{position:absolute;top:10px;right:-7px;width:4px;height:4px;border-radius:50%;background:var(--gold)}.atabs button:disabled{cursor:default}.reading{padding-top:28px}.reading-tools{display:flex;justify-content:flex-end;gap:14px;margin-bottom:18px}.reading-tools button{font-size:13px;color:var(--text-3);min-height:32px}.reading-tools button:disabled{opacity:.35}.reading-lead{font-family:var(--serif);font-size:1.28em;font-weight:400;line-height:1.65;letter-spacing:-.02em;color:var(--text)}.reading-lead:before{content:"";display:block;width:24px;height:1px;margin-bottom:18px;background:var(--gold)}.reading p:not(.reading-lead){margin-top:1.15em;line-height:1.95;color:var(--text-2)}.reading-cta{padding-top:28px}.reading-cta p{margin-bottom:20px;font-size:14px;color:var(--text-2)}.reading-wait{padding-top:36px}.reading-wait .bar{position:relative;height:1px;background:var(--line-soft)}.reading-wait .bar i{position:absolute;left:0;top:0;bottom:0;background:var(--gold);transition:width .4s linear}.reading-wait p{margin-top:14px;font-size:13px;color:var(--text-2)}.result-foot{display:grid;gap:8px;margin-top:48px;padding-top:32px;border-top:1px solid var(--line-soft)}.fine{margin-top:20px;font-size:12px;line-height:1.8;color:var(--text-3);text-align:center}.toast{position:fixed;left:50%;bottom:calc(28px + env(safe-area-inset-bottom));z-index:50;transform:translate(-50%);padding:12px 20px;border-radius:3px;background:var(--text);color:var(--gold-ink);font-size:14px;font-weight:600;animation:fadeUp .35s var(--ease) both}@media (max-width: 360px){.shell{padding-left:18px;padding-right:18px}.topbar,.progress,.luck,.atabs{margin-left:-18px;margin-right:-18px}.luck,.atabs{padding-left:18px;padding-right:18px}.hero .gz{font-size:70px}.chart{grid-template-columns:22px repeat(4,1fr)}.chart .ch strong{font-size:30px}.arch{width:56px}}.intro-screen{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#172634;color:#f0e7d6}.intro-video{width:100%;height:100dvh;object-fit:contain}.intro-skip{position:absolute;top:max(20px,env(safe-area-inset-top));right:max(20px,calc((100vw - 520px)/2 + 20px));display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 16px;border:1px solid #b7bea54d;border-radius:24px;background:#172634e6;color:#ede2ca;font-size:14px}.intro-skip:focus-visible{outline:2px solid #e3cfaa;outline-offset:4px}.intro-duration{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));color:#b2bdbf;font-size:12px}.intro-transcript{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0e0f12;--bg-raise: #14161a;--bg-sunk: #0a0b0d;--line: rgba(200, 176, 138, .16);--line-soft: rgba(237, 230, 218, .07);--line-strong: rgba(200, 176, 138, .38);--text: #ede6da;--text-2: #a8a298;--text-3: #6f6b64;--gold: #c8b08a;--gold-dim: #9c8866;--gold-ink: #16140f;--danger: #d98b7a;--wood: #86a88f;--fire: #c47f68;--earth: #c7a66b;--metal: #cfcbc3;--water: #7d97bd;--serif: "Noto Serif KR", "Nanum Myeongjo", "AppleMyungjo", serif;--sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--ease: cubic-bezier(.22, .8, .24, 1);color-scheme:dark}html,body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.65;letter-spacing:-.005em;min-height:100%;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;word-break:keep-all}body{background:radial-gradient(900px 520px at 50% -180px,rgba(200,176,138,.07),transparent 70%),var(--bg)}input,select,button{font-family:inherit;font-size:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;border:none;background:none}:focus-visible{outline:1px solid var(--gold);outline-offset:4px}::selection{background:#c8b08a4d}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}