:root{--sc-ink:#2b1b16;--sc-text:#3d3428;--sc-text-soft:#4a3f33;--sc-muted:#8a7266;--sc-label:#b08a7c;--sc-card:#fff;--sc-ink-text:#fdf9f5;--sc-bg:#faf5f0;--sc-bg-soft:#f0e4dc;--sc-type-glyph:104px;--sc-type-title:26px;--sc-type-heading:20px;--sc-type-body:16px;--sc-type-caption:13px;--sc-type-label:11px;--sc-space-1:4px;--sc-space-2:12px;--sc-space-3:20px;--sc-space-4:28px;--sc-space-5:40px;--sc-radius-chip:14px;--sc-radius-card:20px;--sc-radius-hero:24px;--sc-radius-shell:28px;--sc-radius-pill:999px;--sc-shadow-card:0 8px 24px #2b1b1614;--sc-shadow-overlay:0 14px 32px #2b1b1624;--sc-hairline-on-dark:1px solid #ffffff4d}body{font-variant-numeric:tabular-nums}.elem-mok{--el-deep:#0c3a12;--el-primary:#1b5e20;--el-secondary:#4caf7d;--el-accent:#eaf6ec;--el-tonal:#d9eedc;--el-bg-image:url(/element-bg/mok.svg);--el-cta-shadow:0 10px 22px #1b5e2059}.elem-hwa{--el-deep:#6e0e0e;--el-primary:#b71c1c;--el-secondary:#ef6c50;--el-accent:#fdeee9;--el-tonal:#fadfd6;--el-bg-image:url(/element-bg/hwa.svg);--el-cta-shadow:0 10px 22px #b71c1c59}.elem-to{--el-deep:#5c4610;--el-primary:#8d6e1a;--el-secondary:#d4a93c;--el-accent:#fbf4df;--el-tonal:#f4e7c3;--el-bg-image:url(/element-bg/to.svg);--el-cta-shadow:0 10px 22px #8d6e1a59}.elem-geum{--el-deep:#26333a;--el-primary:#546e7a;--el-secondary:#b0bec5;--el-accent:#f4f7f8;--el-tonal:#e2e9ec;--el-bg-image:url(/element-bg/geum.svg);--el-cta-shadow:0 10px 22px #546e7a59}.elem-su{--el-deep:#071a35;--el-primary:#0d2b52;--el-secondary:#3d6eb5;--el-accent:#e8f0fb;--el-tonal:#d6e4f7;--el-bg-image:url(/element-bg/su.svg);--el-cta-shadow:0 10px 22px #0d2b5259}:root{--sc-seg-mok:#4caf7d;--sc-seg-hwa:#ef6c50;--sc-seg-to:#d4a93c;--sc-seg-geum:#b0bec5;--sc-seg-su:#3d6eb5;--bg:var(--sc-bg);--surface:var(--sc-card);--text:var(--sc-text);--muted:var(--sc-muted);--border:#e4ddd4;--danger:#b3261e;--focus:var(--sc-ink);--font-sans:"Apple SD Gothic Neo", "Noto Sans KR", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3{margin:0 0 .5rem;line-height:1.3}p{margin:0 0 .75rem}a{color:inherit}button,input,select{font-family:inherit;font-size:1rem}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.9rem 1.25rem;display:flex}.brand{align-items:center;text-decoration:none;display:inline-flex}.brand img{width:auto;height:32px;display:block}.app-header-link{color:var(--muted);font-size:.9rem;text-decoration:none}.app-main{flex:1;justify-content:center;padding:1.25rem 1rem 3rem;display:flex}.page-shell{width:100%;max-width:600px}.page-shell--narrow{max-width:440px}.stack{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.field{flex-direction:column;gap:.35rem;margin-bottom:1.1rem;display:flex}.field-label,label{font-size:.92rem;font-weight:600}input[type=text],input[type=date],input[type=time],select{border:1px solid var(--border);border-radius:var(--sc-radius-chip,14px);background:var(--surface);color:var(--text);padding:.9rem 1.1rem;font-size:1.1rem}input[type=text]:disabled,input[type=date]:disabled,input[type=time]:disabled,select:disabled{background:var(--bg);color:var(--muted)}input:focus,select:focus,button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.radio-row,.checkbox-row{align-items:center;gap:1.25rem;font-weight:400;display:flex}.checkbox-row{color:var(--muted);gap:.4rem;font-size:.92rem}.radio-row label,.checkbox-row{align-items:center;gap:.4rem;font-weight:400;display:flex}.field-error{color:var(--danger);margin:0;font-size:.85rem}.muted{color:var(--muted)}.center{text-align:center}.disclaimer{color:var(--muted);margin-top:.5rem;font-size:.8rem}.btn{border-radius:var(--sc-radius-pill,999px);background:var(--sc-bg-soft,var(--surface));color:var(--text);cursor:pointer;border:none;justify-content:center;align-items:center;width:100%;padding:.8rem 1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--sc-ink);border-color:var(--sc-ink);color:var(--sc-ink-text);box-shadow:0 10px 22px #2b1b1642}.btn-google{background:var(--surface)}.btn-kakao{color:#1c1b1a;background:#fee500;border-color:#fee500}.button-row{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.button-row .btn{flex:auto;width:auto}.login-buttons{flex-direction:column;gap:.5rem;display:flex}.cta-box{background:var(--surface);border-radius:var(--sc-radius-card,20px);box-shadow:var(--sc-shadow-card);padding:1.1rem 1.25rem}.reading-text{background:var(--surface);border-radius:var(--sc-radius-card,20px);white-space:pre-wrap;font-size:var(--sc-type-body,16px);box-shadow:var(--sc-shadow-card);padding:1.1rem 1.25rem;line-height:1.75}.payment-panel{flex-direction:column;gap:.75rem;display:flex}.payment-method-box,.payment-agreement-box{background:var(--surface);border:1px solid var(--border);border-radius:10px;min-height:48px;overflow:hidden}.natal-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.card-page{background:var(--el-tonal,var(--sc-bg));border-radius:var(--sc-radius-shell,28px);padding:1.25rem 1rem 1.5rem}.card-hero{border-radius:var(--sc-radius-hero,24px);background-image:var(--el-bg-image);min-height:26rem;box-shadow:var(--sc-shadow-overlay);color:#fff;background-position:top;background-size:cover;flex-direction:column;padding:20px 20px 18px;display:flex;position:relative;overflow:hidden}.card-hero-top{justify-content:space-between;align-items:center;display:flex}.card-hero-label{font-size:var(--sc-type-label,11px);letter-spacing:.14em;color:#ffffffd9;font-weight:700}.card-hero-badge{font-size:var(--sc-type-label,11px);border-radius:var(--sc-radius-pill,999px);background:#ffffff2e;padding:4px 10px;font-weight:700}.card-hero-center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.card-hero-glyph{text-shadow:0 0 44px #ffffff61;font-size:96px;font-weight:900;line-height:1}.card-hero-sub{font-size:var(--sc-type-title,26px);margin-top:14px;font-weight:900}.card-hero-name{font-size:var(--sc-type-caption,13px);color:#ffffffd9;margin-top:5px}.card-hero-keywords{gap:6px;margin-top:12px;display:flex}.card-hero-keywords span{font-size:var(--sc-type-caption,13px);border-radius:var(--sc-radius-pill,999px);background:#ffffff29;padding:5px 12px}.card-hero-pillars{border:var(--sc-hairline-on-dark);border-radius:var(--sc-radius-chip,14px);grid-template-columns:repeat(4,1fr);margin-top:22px;display:grid;overflow:hidden}.card-hero-pillar{text-align:center;background:#ffffff24;padding:9px 0 11px}.card-hero-pillar+.card-hero-pillar{border-left:var(--sc-hairline-on-dark)}.card-hero-pillar--day{background:#ffffffeb;box-shadow:0 4px 14px #00000040}.card-hero-pillar-label{color:#ffffffb8;margin-bottom:4px;font-size:10px}.card-hero-pillar--day .card-hero-pillar-label{color:var(--el-primary,inherit)}.card-hero-pillar-hanja{font-size:20px;font-weight:700}.card-hero-pillar--day .card-hero-pillar-hanja{color:var(--el-primary,inherit);font-weight:900}.card-hero-date{text-align:center;font-size:var(--sc-type-caption,13px);color:#ffffffc7;font-variant-numeric:tabular-nums;margin-top:12px}.card-panel{background:var(--sc-card,#fff);border-radius:var(--sc-radius-card,20px);box-shadow:var(--sc-shadow-card);margin-top:14px;padding:18px 20px}.card-dist-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.card-dist-title{color:#6b5a50;font-size:13px;font-weight:700}.card-dist-value{color:var(--el-primary,var(--sc-ink));font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.card-dist-bar{border-radius:var(--sc-radius-pill,999px);gap:2px;height:12px;display:flex;overflow:hidden}.card-dist-labels{margin-top:6px;display:flex}.card-dist-labels span{text-align:center;color:var(--sc-muted);font-variant-numeric:tabular-nums;flex:1;font-size:11px}.card-dist-labels span.is-dominant{color:var(--el-primary,var(--sc-ink));font-weight:700}.card-tengod-tab{flex:none}.card-tengod-tab button{padding:7px 12px;font-size:12px}.card-tengod-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px;display:grid}.card-tengod-cell{text-align:center;background:var(--sc-bg-soft);border-radius:var(--sc-radius-chip,14px);padding:8px 4px 10px}.card-tengod-cell-label{color:var(--sc-muted);margin-bottom:4px;font-size:10px}.card-tengod-cell-hanja{color:var(--sc-text);font-size:20px;font-weight:700}.card-tengod-cell-sub{color:var(--sc-muted);margin-top:3px;font-size:11px}.card-tengod-cell-unknown{color:var(--sc-muted);padding:12px 0 8px;font-size:12px;font-weight:700}.card-tengod-cell--day{background:var(--el-accent,var(--sc-bg-soft))}.card-tengod-cell--day .card-tengod-cell-label,.card-tengod-cell--day .card-tengod-cell-hanja,.card-tengod-cell--day .card-tengod-cell-sub{color:var(--el-primary,var(--sc-ink))}.card-tengod-cell--day .card-tengod-cell-hanja,.card-tengod-cell--day .card-tengod-cell-sub{font-weight:900}.card-tengod-dist{margin-top:18px}.card-tengod-note{color:var(--sc-muted);margin:14px 0 0;font-size:11px;line-height:1.6}.card-jijanggan-rows{flex-direction:column;gap:10px;margin-top:16px;display:flex}.card-jijanggan-row{background:var(--sc-bg-soft);border-radius:var(--sc-radius-chip,14px);align-items:center;gap:12px;padding:10px 12px;display:flex}.card-jijanggan-head{text-align:center;flex:none;width:44px}.card-jijanggan-head-hanja{color:var(--sc-text);font-size:20px;font-weight:700}.card-jijanggan-head-label{color:var(--sc-muted);margin-top:2px;font-size:10px}.card-jijanggan-chips{flex-wrap:wrap;flex:1;gap:6px;display:flex}.card-jijanggan-chip{border-radius:var(--sc-radius-pill,999px);background:var(--sc-card,#fff);color:var(--sc-muted);flex-direction:column;align-items:center;padding:4px 9px;font-size:13px;display:flex}.card-jijanggan-chip--primary{background:var(--el-accent,var(--sc-bg-soft));color:var(--el-primary,var(--sc-ink));font-size:15px;font-weight:700}.card-jijanggan-chip-tag{margin-top:1px;font-size:9px;font-weight:700}.card-jijanggan-unknown{color:var(--sc-muted);flex:1;font-size:12px;font-weight:700}.card-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.card-actions .btn{background:var(--el-tonal,var(--sc-bg-soft));width:auto;color:var(--el-primary,var(--sc-ink));flex:calc(50% - 4px)}.card-actions .btn-kakao{color:#1c1b1a;background:#fee500}.card-cta{text-align:center;margin-top:20px;padding:0 4px}.card-cta-title{color:var(--sc-muted);margin-bottom:10px;font-size:13px}.card-cta .btn-primary{background:var(--el-primary,var(--sc-ink));border-color:var(--el-primary,var(--sc-ink));box-shadow:var(--el-cta-shadow,0 10px 22px #2b1b1642)}.oheng-dots{gap:7px;margin-bottom:18px;display:flex}.oheng-dots span{border-radius:999px;width:10px;height:10px}.pill-toggle{background:var(--sc-bg-soft);border-radius:var(--sc-radius-pill,999px);gap:4px;padding:4px;display:flex}.pill-toggle button{text-align:center;border-radius:var(--sc-radius-pill,999px);color:var(--sc-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex:1;padding:9px 0;font-family:inherit;font-size:14px}.pill-toggle button.is-active{color:var(--sc-text);background:#fff;font-weight:700;box-shadow:0 2px 6px #2b1b161a}.switch{border-radius:var(--sc-radius-pill,999px);background:var(--sc-bg-soft);cursor:pointer;box-sizing:border-box;border:none;flex:none;justify-content:flex-start;align-items:center;width:44px;height:26px;padding:0 4px;display:inline-flex}.switch.is-on{background:var(--sc-ink);justify-content:flex-end}.switch-knob{background:#fff;border-radius:999px;width:18px;height:18px;display:block}.collection-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.collection-tile{aspect-ratio:171/216;border-radius:var(--sc-radius-card,20px);background-image:var(--el-bg-image);color:#fff;background-position:top;background-size:cover;flex-direction:column;padding:12px 14px 14px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 22px #2b1b162e}.collection-tile-rel{border-radius:var(--sc-radius-pill,999px);background:#ffffff2e;align-self:flex-start;padding:3px 10px;font-size:11px;font-weight:700}.collection-tile-glyph{text-shadow:0 0 24px #ffffff59;flex:1;justify-content:center;align-items:center;font-size:40px;font-weight:900;display:flex}.collection-tile-sub{font-size:15px;font-weight:900}.collection-tile-meta{color:#ffffffc7;margin-top:2px;font-size:11px}.collection-add-tile{aspect-ratio:171/216;border-radius:var(--sc-radius-card,20px);background:var(--sc-bg-soft);color:var(--sc-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;text-decoration:none;display:flex}.collection-add-icon{width:40px;height:40px;color:var(--sc-muted);background:#fff;border-radius:999px;justify-content:center;align-items:center;font-size:22px;display:flex}.tabbar{border-radius:var(--sc-radius-pill,999px);background:#fff;margin-top:20px;padding:6px;display:flex;box-shadow:0 8px 24px #2b1b161a}.tabbar-item{text-align:center;border-radius:var(--sc-radius-pill,999px);color:var(--sc-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:11px 0;font-family:inherit;font-size:13px;text-decoration:none}.tabbar-item.is-active{background:var(--sc-ink);color:var(--sc-ink-text);font-weight:700}@media (width>=640px){.app-main{padding:2.5rem 1.5rem 4rem}}