@font-face{font-family:NoriPik Sans;src:url(/assets/noripik-sans-BAY7Y_6x.woff2)format("woff2");font-weight:45 930;font-style:normal;font-display:swap}@font-face{font-family:NoriPik Serif;src:url(/assets/noripik-serif-CQLSG8qh.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--paper:#f7f3ea;--paper-2:#efe8da;--card:#fffdf8;--ink:#1d2030;--muted:#5c5a63;--line:#e3dac8;--gold:#c9a24a;--gold-2:#e2c47a;--gold-ink:#6b5214;--wood:#6fae7c;--fire:#e2735c;--earth:#d9b45b;--metal:#b9bcc6;--water:#4d6aa3;--shadow:0 1px 2px #1d20300d, 0 12px 32px #1d203014;--serif:"NoriPik Serif", "Noto Serif KR", "Nanum Myeongjo", "AppleMyungjo", Batang, serif;color:var(--ink);background:var(--paper);-webkit-text-size-adjust:100%;font-family:NoriPik Sans,NoriPik Serif,Pretendard Variable,Pretendard,-apple-system,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}body{letter-spacing:-.01em;word-break:keep-all;overflow-wrap:anywhere;margin:0}.page{max-width:1080px;margin:0 auto;padding:16px 16px 48px}.eyebrow{color:var(--muted);margin:0;font-size:13px}h1{margin:4px 0 8px;font-size:24px}.note{color:var(--muted);margin:0 0 16px;font-size:14px}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;gap:12px;margin-bottom:16px;padding:16px;display:grid}fieldset{border:0;align-items:center;gap:16px;margin:0;padding:0;display:flex}legend{color:var(--muted);margin-bottom:4px;font-size:14px}label{gap:4px;font-size:14px;display:grid}label.inline,fieldset label{align-items:center;gap:6px;min-height:44px;display:flex}.row{grid-template-columns:repeat(3,1fr);align-items:end;gap:8px;display:grid}input,select{font:inherit;border:1px solid var(--line);min-height:44px;color:var(--ink);background:#fff;border-radius:10px;width:100%;padding:8px 10px;font-size:16px}input[type=radio],input[type=checkbox]{width:20px;min-height:20px}button{font:inherit;letter-spacing:-.02em;background:var(--ink);color:#f7f3ea;border:0;border-radius:999px;min-height:52px;font-weight:800}.error{color:#b42318;font-size:15px}.pillars{border-collapse:collapse;text-align:center;width:100%}.pillars th{color:var(--muted);padding-bottom:6px;font-size:13px;font-weight:500}.pillars td{padding:4px 2px}.pillars .char td{border-radius:10px;font-size:30px;font-weight:700}.pillars .tengod td,.pillars .ko td{color:var(--muted);font-size:13px}.el-wood{background:color-mix(in srgb, var(--wood) 28%, white)}.el-fire{background:color-mix(in srgb, var(--fire) 28%, white)}.el-earth{background:color-mix(in srgb, var(--earth) 32%, white)}.el-metal{background:color-mix(in srgb, var(--metal) 70%, white)}.el-water{background:color-mix(in srgb, var(--water) 22%, white)}.elements{flex-wrap:wrap;gap:6px;margin:0;display:flex}.chip{border-radius:999px;padding:4px 10px;font-size:13px}.issues{gap:6px;margin:0;padding-left:18px;font-size:14px;display:grid}.daewoon,.policy{color:var(--muted);margin:0;font-size:13px}.hero{margin:8px 0 12px}.hero h2{letter-spacing:-.04em;margin:2px 0 0;font-size:26px}.toon{gap:18px;margin-bottom:18px;display:grid}.panel{background:var(--card);border:3px solid var(--ink);box-shadow:var(--shadow);border-radius:22px;margin:0;overflow:hidden}.stage{aspect-ratio:1;position:relative;overflow:hidden}.stage img,.stage .placeholder{width:78%;height:auto;position:absolute;bottom:-2%;left:50%;transform:translate(-50%)}.stage img.friend{z-index:1;width:34%;bottom:1%;left:2%;transform:none}.stage .placeholder{aspect-ratio:1;border:2px dashed var(--muted);color:var(--muted);border-radius:50%;place-items:center;font-weight:700;display:grid}.season-spring .stage{background:radial-gradient(circle at 80% 18%,#fffa 0 12%,#0000 13%),linear-gradient(#fdeff3,#e6f4e4)}.season-summer .stage{background:radial-gradient(circle at 82% 16%,#fff3c4 0 10%,#0000 11%),linear-gradient(#fff3e8,#ffe0d4)}.season-autumn .stage{background:radial-gradient(circle at 80% 18%,#fffa 0 12%,#0000 13%),linear-gradient(#fff7e2,#f5e2c0)}.season-winter .stage{background:radial-gradient(circle at 80% 18%,#fffc 0 12%,#0000 13%),linear-gradient(#eef4fb,#dbe5f3)}.bubble{z-index:2;max-width:80%;color:var(--ink);border:3px solid var(--ink);letter-spacing:-.03em;word-break:keep-all;background:#fff;border-radius:20px;margin:0;padding:12px 16px 13px;font-size:19px;font-weight:800;line-height:1.4;position:absolute;top:14px;left:14px;box-shadow:0 6px 16px #1d203033}.bubble:after{content:"";border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);background:#fff;width:18px;height:18px;position:absolute;bottom:-13px;left:30px;transform:rotate(45deg)skew(8deg,8deg)}.season-tag{color:var(--muted);background:#fffc;border-radius:999px;padding:3px 8px;font-size:12px;position:absolute;bottom:10px;right:10px}.panel figcaption{border-top:3px solid var(--ink);padding:16px 18px 18px}.panel figcaption .cap{letter-spacing:-.03em;margin:0 0 8px;font-size:17px;font-weight:800;line-height:1.5}.panel figcaption .body{color:#3b3d4c;margin:0;font-size:16px;line-height:1.75}.panel details,.manse{padding:4px 16px 14px;font-size:15px;line-height:1.6}.panel summary,.manse summary{cursor:pointer;color:var(--muted);min-height:32px}.manse{padding:0 0 16px}.share .share-preview{border:1px solid var(--line);border-radius:12px;width:100%;height:auto}.today{margin-bottom:18px}.today h2{margin:2px 0 10px;font-size:19px}.today-stage{aspect-ratio:4/3;background:radial-gradient(circle at 84% 20%,#fff3c4 0 9%,#0000 10%),linear-gradient(#f3efff,#fdf6e7)}.today-stage img,.today-stage .placeholder{width:62%}.today .tip{color:var(--muted);margin:0;padding:2px 16px 14px;font-size:14px;line-height:1.55}.intro h1{letter-spacing:-.045em;font-size:30px;line-height:1.25}.lead{margin:0 0 10px;font-size:16px;line-height:1.6}.spirit-row{grid-template-columns:repeat(10,1fr);margin:0 0 12px;padding:0;list-style:none;display:grid}.spirit-row img{width:100%;height:auto;display:block}button.link{color:var(--muted);background:0 0;min-height:0;padding:4px;font-weight:400;text-decoration:underline}button.secondary{background:var(--card);width:100%;color:var(--ink);border:1.5px solid var(--ink);margin:8px 0 24px}form button[type=submit]{background:linear-gradient(180deg, var(--gold-2), var(--gold));color:var(--ink);box-shadow:0 8px 24px #c9a24a59,inset 0 1px #ffffff80}.app-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:24px;padding-top:16px;font-size:13px}.app-footer nav{flex-wrap:wrap;gap:4px 14px;margin-bottom:8px;display:flex}.app-footer a{color:var(--muted)}.topics{z-index:3;background:var(--paper);gap:8px;margin:4px 0 14px;padding:8px 0;display:flex;position:sticky;top:0}.topics button{background:var(--card);min-height:44px;color:var(--ink);border:1.5px solid var(--line);border-radius:999px;flex:1;font-size:15px}.topics button.active{background:var(--ink);border-color:var(--ink);color:var(--gold-2)}.stage.has-bg{background-position:50%;background-size:cover}.stage.has-bg:before{content:"";background:linear-gradient(#fffcf49e 0%,#fffcf42e 34%,#fffcf40f 100%);position:absolute;inset:0}.hero .more{color:var(--ink);margin-top:4px;font-size:14px;display:inline-block}.returning{margin-bottom:16px}.remember{margin:0 0 18px}.remember button.secondary{margin:0 0 6px}.rules summary{cursor:pointer;color:var(--muted);min-height:32px;font-size:14px}.rules[open]{gap:12px;display:grid}.segmented.wrap{flex-wrap:wrap;row-gap:8px}.summary{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;margin:0 0 18px;padding:20px 18px;font-size:15px;line-height:1.7}.summary h3{letter-spacing:-.03em;margin:0 0 6px;font-size:19px}.summary h4{letter-spacing:-.02em;margin:18px 0 8px;font-size:16px}.summary p{color:#3b3d4c;margin:0 0 10px}.summary-lead{color:var(--muted)!important}.five{gap:8px;margin:14px 0;padding:0;list-style:none;display:grid}.five-row{grid-template-columns:44px 1fr 20px;align-items:center;gap:10px;display:grid}.five-label{font-weight:800}.five-label small{color:var(--muted);margin-left:3px;font-weight:500}.five-bar{background:var(--paper-2);border-radius:999px;height:12px;overflow:hidden}.five-fill{border-radius:999px;min-width:0;height:100%;display:block}.five-wood .five-fill{background:var(--wood)}.five-fire .five-fill{background:var(--fire)}.five-earth .five-fill{background:var(--earth)}.five-metal .five-fill{background:var(--metal)}.five-water .five-fill{background:var(--water)}.five-n{text-align:right;font-variant-numeric:tabular-nums;font-weight:800}.groups{grid-template-columns:repeat(5,1fr);gap:6px;margin:0 0 10px;padding:0;list-style:none;display:grid}.groups li{border:1px solid var(--line);text-align:center;color:var(--muted);border-radius:14px;justify-items:center;gap:2px;padding:8px 2px;font-size:11px;line-height:1.3;display:grid}.groups li strong{color:var(--ink);font-size:14px}.groups li .n{color:var(--gold-ink)}.groups li.top{background:var(--ink);border-color:var(--ink);color:#f7f3eabf}.groups li.top strong,.groups li.top .n{color:var(--gold-2)}input[type=radio],input[type=checkbox]{accent-color:var(--ink)}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}input,select{border-color:var(--line);background:#fff}.page>form.card{border-top:4px solid var(--gold)}.intro h1,.cover h2,.manse-head h3,.summary h3,.today h2{font-family:var(--serif);letter-spacing:-.02em;font-weight:700}.cover{background:var(--card);border:3px solid var(--ink);box-shadow:var(--shadow);border-radius:24px;margin:0 0 16px;overflow:hidden}.cover-stage{aspect-ratio:5/4}.cover-stage .cover-spirit{width:66%;animation:4.5s ease-in-out infinite np-float;left:56%}.cover-stage img.friend{width:32%;left:4%}.cover-text{border-top:3px solid var(--ink);padding:16px 18px 18px}.cover-text .eyebrow{color:var(--gold-ink);font-weight:800}.cover-text h2{margin:2px 0 4px;font-size:26px;line-height:1.3}.cover-text .note{margin:0 0 8px}@keyframes np-float{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-7px)}}@media (prefers-reduced-motion:reduce){.cover-stage .cover-spirit{animation:none}}.manse-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;margin:0 0 18px;padding:18px 16px 16px}.manse-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.manse-head h3{margin:0;font-size:20px}.policy-chip{background:var(--paper-2);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.pillar-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.pcol{border-radius:16px;justify-items:center;gap:5px;padding:8px 4px 10px;display:grid}.pcol.me{box-shadow:inset 0 0 0 1.5px var(--gold);background:#c9a24a1f}.plabel{color:var(--muted);font-size:12px;font-weight:700}.plabel em{background:var(--ink);color:var(--gold-2);border-radius:6px;margin-left:3px;padding:0 5px;font-size:11px;font-style:normal}.tg{min-height:18px;color:var(--ink);font-size:12px;font-weight:700}.stage12{min-height:18px;color:var(--muted);font-size:11px}.tile{aspect-ratio:1;border:1px solid #1d203014;border-radius:14px;align-content:center;justify-items:center;width:100%;max-width:76px;display:grid}.tile b{font-family:var(--serif);font-size:30px;font-weight:700;line-height:1.05}.tile small{font-size:10.5px;font-weight:700}.t-wood{color:#245a39;background:#e2efe5}.t-fire{color:#9c341f;background:#f9e0d9}.t-earth{color:#7a5810;background:#f5e9cc}.t-metal{color:#454a58;background:#eceef2}.t-water{color:#1f3260;background:#dce3f1}.tile.unknown{border:1.5px dashed var(--line);color:var(--muted);background:0 0}.manse-legend{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.6}.daewoon-strip{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.daewoon-strip h4{margin:0 0 10px;font-size:15px}.daewoon-strip h4 small{color:var(--muted);margin-left:4px;font-size:12px;font-weight:500}.daewoon-strip ol{scrollbar-width:none;grid-auto-columns:56px;grid-auto-flow:column;gap:6px;margin:0 -16px;padding:0 16px 4px;list-style:none;display:grid;overflow-x:auto}.daewoon-strip ol::-webkit-scrollbar{display:none}.daewoon-strip li{border:1px solid var(--line);background:#fff;border-radius:12px;justify-items:center;gap:3px;padding:6px 2px 8px;display:grid}.daewoon-strip li.now{border-color:var(--ink);background:var(--ink);color:var(--gold-2)}.daewoon-strip .age{font-size:11px;font-weight:800}.daewoon-strip .mini{width:34px;height:34px;font-family:var(--serif);border-radius:9px;place-items:center;font-size:18px;font-weight:700;display:grid}.daewoon-strip .ko{color:var(--muted);font-size:11px}.daewoon-strip li.now .ko{color:#f7f3eabf}.manse-card .issues{background:var(--paper);border-radius:14px;margin:14px 0 0;padding:12px 14px 12px 28px;font-size:13px}.manse-card .policy{margin:10px 0 0;font-size:12px}.cut-no{z-index:2;background:var(--ink);width:28px;height:28px;color:var(--gold-2);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid;position:absolute;top:12px;right:12px}.bubble{max-width:74%}.cover-text .more{color:var(--ink);-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);text-underline-offset:4px;font-weight:700;text-decoration-thickness:2px}.seal{color:#fff8ec;width:28px;height:28px;font-family:var(--serif);background:#b5402f;border-radius:8px;flex:none;place-items:center;font-size:15px;font-weight:700;line-height:1;display:inline-grid;transform:rotate(-5deg);box-shadow:inset 0 0 0 2px #b5402f,inset 0 0 0 3.5px #fff8ec8c}.start{gap:18px;max-width:560px;margin:0 auto 18px;display:grid}.intro{gap:0;display:grid}.intro .brand{color:var(--ink);letter-spacing:-.03em;justify-self:start;align-items:center;gap:8px;margin:0 0 14px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex}.intro-stage{aspect-ratio:16/11;border:3px solid var(--ink);background-color:var(--paper-2);box-shadow:var(--shadow);border-radius:24px;margin-bottom:18px}.intro-stage .intro-spirit{width:62%;animation:4.5s ease-in-out infinite np-float;bottom:-6%;left:60%}.intro-stage img.friend{width:30%;bottom:2%;left:6%}.intro-stage .bubble{font-size:17px}.intro-today{z-index:2;color:var(--ink);background:#fffdf8e6;border-radius:999px;margin:0;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;bottom:12px;right:12px}.intro h1{font-family:var(--serif);letter-spacing:-.03em;margin:0 0 8px;font-size:30px;line-height:1.25}.intro .lead{color:#3b3d4c;margin:0 0 14px}.intro .spirit-row{gap:4px;margin:0 0 14px}.intro .spirit-row li{aspect-ratio:1;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;place-items:center;display:grid;overflow:hidden}.promise{gap:8px;margin:0;padding:0;list-style:none;display:grid}.promise li{background:var(--card);border:1px solid var(--line);border-radius:14px;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 10px;padding:10px 14px;font-size:14px;display:grid}.promise strong{font-weight:800}.promise strong:before{content:"";background:var(--gold);vertical-align:2px;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.promise span{color:var(--muted)}.birth-form{border-top:4px solid var(--gold);align-self:start;margin:0;padding:20px 18px}.form-title{font-family:var(--serif);margin:0 0 2px;font-size:21px;font-weight:700}.birth-form .hint{color:var(--muted);margin:-4px 0 0;font-size:13px;line-height:1.5}.segmented.gender{flex-wrap:wrap;gap:4px 16px}.birth-form .error{background:#fdecea;border-radius:12px;margin:0;padding:10px 12px}@media (width<=959px){.start{gap:0}.intro{display:contents}.intro .brand{order:1}.intro .returning,.intro-stage{order:2}.intro h1{order:3}.intro .lead{order:4}.birth-form{order:5;margin-bottom:18px}.intro .spirit-row{order:6}.promise{order:7}}.app-footer{text-align:center;max-width:1048px;margin-left:auto;margin-right:auto}.intro .returning{margin:0 0 18px}.app-footer nav{justify-content:center}@media (width>=960px){.page{padding-top:28px}.start{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:start;gap:40px;max-width:none;margin-bottom:40px}.intro h1{font-size:40px}.intro .lead{font-size:17px}.promise{grid-template-columns:repeat(3,1fr)}.promise li{grid-template-columns:1fr;align-content:start}.birth-form{margin-top:44px;padding:26px 24px;position:sticky;top:24px}}.result,.returning{max-width:640px;margin-left:auto;margin-right:auto}.result-nav{z-index:4;scrollbar-width:none;background:var(--paper);border-bottom:1px solid var(--line);gap:6px;margin:0 -16px 14px;padding:10px 16px;display:flex;position:sticky;top:0;overflow-x:auto}.result-nav::-webkit-scrollbar{display:none}.result-nav button{min-height:36px;color:var(--muted);background:0 0;border:1px solid #0000;flex:none;padding:0 14px;font-size:14px;font-weight:700}.result-nav button.on{background:var(--ink);color:var(--gold-2)}.anchor{scroll-margin-top:64px}.toon-section .topics{top:56px}@media (width>=680px){.result-nav{border:1px solid var(--line);border-radius:999px;justify-content:center;margin:0 0 16px;top:8px}.toon-section .topics{top:66px}}.narration{background:var(--ink);color:#fffaf0;font-family:var(--serif);letter-spacing:-.01em;margin:0;padding:14px 18px 15px;font-size:clamp(19px,5.2vw,22px);line-height:1.35}.narration small{letter-spacing:.08em;color:var(--gold-2);margin-bottom:4px;font-family:NoriPik Sans,sans-serif;font-size:13px;font-weight:800;display:block}.panel{container-type:inline-size}.panel .bubble{font-size:clamp(18px,3.6cqi,23px)}.frame-1 .stage img:not(.friend){width:72%;left:38%}.frame-1 .stage img.friend{width:32%;left:auto;right:3%}.frame-1 .bubble{left:auto;right:14px}.frame-1 .bubble:after{left:auto;right:30px}.frame-1 .cut-no{inset:auto auto 12px 12px}.frame-2 .stage img:not(.friend){width:118%;bottom:-40%;left:54%}.frame-2 .stage img.friend{width:26%;bottom:2%;left:auto;right:2%}.frame-2 .stage.has-bg{background-size:135%}.frame-3 .stage img:not(.friend){width:56%;bottom:3%;left:64%}.frame-3 .stage img.friend{width:30%;bottom:5%;left:12%}.luck{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;margin:0 0 18px;padding:20px 16px 16px;scroll-margin-top:64px}.luck h3{font-family:var(--serif);margin:0 0 6px;font-size:20px;font-weight:700}.luck-lead{color:var(--muted);margin:0 0 14px;font-size:14px;line-height:1.65}.luck-cards{gap:10px;margin-bottom:12px;display:grid}.luck-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px 14px 12px}.luck-card.decade{background:var(--ink);border-color:var(--ink);color:#f7f3ea}.luck-card header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.luck-card h4{font-family:var(--serif);margin:0;font-size:18px;font-weight:700}.luck-when{color:var(--gold-ink);margin:0;font-size:12px;font-weight:800}.luck-card.decade .luck-when{color:var(--gold-2)}.luck-pillar{gap:3px;display:grid}.luck-pillar .mini{width:34px;height:34px;font-family:var(--serif);border-radius:9px;place-items:center;font-size:18px;font-weight:700;display:grid}.luck-tags{flex-wrap:wrap;gap:6px;margin:0 0 8px;display:flex}.luck-tags span{background:var(--paper-2);color:var(--ink);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:800}.luck-tags .rel-harmony{color:#245a39;background:#e2efe5}.luck-tags .rel-clash{color:#9c341f;background:#f9e0d9}.luck-card p:not(.luck-when):not(.luck-tags){margin:0 0 6px;font-size:15px;line-height:1.7}.luck-card.decade .luck-tags span{color:#f7f3ea;background:#f7f3ea1f}.luck .note{margin:0;font-size:13px}@media (width>=680px){.luck-cards{grid-template-columns:1fr 1fr}.luck-card.decade,.luck-more{grid-column:1/-1}}.keep{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;margin:0 0 18px;padding:20px 16px 8px}.keep h3{font-family:var(--serif);margin:0 0 12px;font-size:20px;font-weight:700}.keep .remember{border-bottom:1px dashed var(--line);margin:0 0 16px;padding-bottom:16px}.share h4{margin:0 0 4px;font-size:16px}.share-placeholder{aspect-ratio:4/5;border:2px dashed var(--line);background:var(--paper);max-height:300px;color:var(--muted);font-family:var(--serif);border-radius:16px;place-items:center;margin:0 auto 12px;font-size:22px;display:grid}.share .share-preview{width:100%;max-width:360px;box-shadow:var(--shadow);border-radius:16px;margin:0 auto 12px;display:block}.share-actions{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.share-actions button{min-height:48px;font-size:15px}button.ghost{background:var(--card);color:var(--ink);border:1.5px solid var(--ink)}.keep .again{margin:8px 0 12px}