:root{--font:"Figtree", "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--display:"Sora", "Figtree", sans-serif;--bg:#eef3f0;--bg-accent:#2f6f5e1f;--bg-mist:#c4a35a1a;--card:#fff;--card-2:#f5f8f6;--border:#d7e2dc;--border-strong:#b7c7bf;--text:#14221c;--muted:#5b6b64;--faint:#7d8c85;--chip:#eef4f1;--shadow:0 1px 2px #14221c0a, 0 8px 24px #14221c0d;--brand:#2f6f5e;--brand-strong:#245849;--brand-fg:#f3faf7;--header-bg:#1a2f2a;--header-text:#fff;--header-btn-bg:#ffffff26;--header-btn-hover:#ffffff40;--header-h:64px;--ok:#0f7a56;--warn:#c27803;--error:#c2410c;--gold:#a6842a;--radius:14px;--radius-sm:10px;--tap:44px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--wood:#2f7d4a;--fire:#c2410c;--earth:#b45309;--metal:#64748b;--water:#1d4e89}:root[data-theme=dark]{--bg:#0c1412;--bg-accent:#6fc4a81f;--bg-mist:#d4af5a14;--card:#14201c;--card-2:#1a2824;--border:#2a3c36;--border-strong:#3d534b;--text:#e8f0ec;--muted:#9aada5;--faint:#7d9088;--chip:#1c2a26;--shadow:0 1px 2px #00000059, 0 10px 28px #00000047;--brand:#6fc4a8;--brand-strong:#8fd4bc;--brand-fg:#06241c;--header-bg:#0f1c19;--header-text:#e8f4f0;--header-btn-bg:#ffffff14;--header-btn-hover:#ffffff24;--ok:#34d399;--warn:#fbbf24;--error:#fb923c;--gold:#e0c36a;--wood:#4ade80;--fire:#fb923c;--earth:#fbbf24;--metal:#94a3b8;--water:#7dd3fc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:17px;overflow-x:clip}html,body,#root{min-height:100dvh;margin:0;padding:0}body{color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;background:radial-gradient(ellipse 80% 50% at 0% -10%, var(--bg-accent), transparent 55%), radial-gradient(ellipse 60% 40% at 100% 0%, var(--bg-mist), transparent 50%), var(--bg);background-attachment:fixed;font-size:1rem}button,input,select{touch-action:manipulation;font-family:inherit}button,a,input,select,label{-webkit-tap-highlight-color:transparent}.app{flex-direction:column;min-height:100%;display:flex}.header{z-index:20;height:calc(var(--header-h) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(20px, env(safe-area-inset-right)) 0 max(20px, env(safe-area-inset-left));background:var(--header-bg);color:var(--header-text);border-bottom:1px solid #ffffff0f;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #00000026}.headerInner{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:760px;margin:0 auto;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand>div{min-width:0}.brandLogo{width:38px;height:38px;color:var(--header-text);background:#ffffff1f;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.title{font-family:var(--display);letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:650;line-height:1.2}.subtitle{opacity:.78;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:.75rem;overflow:hidden}.iconBtn{width:var(--tap);height:var(--tap);background:var(--header-btn-bg);color:var(--header-text);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.iconBtn:hover:not(:disabled){background:var(--header-btn-hover)}.iconBtn:disabled{opacity:.55;cursor:default}.iconBtn .spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.wrap{width:100%;max-width:760px;padding:12px max(20px, env(safe-area-inset-right)) max(.5rem, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));margin:0 auto}.meta{color:var(--muted);margin:4px 0 14px;font-size:.8rem}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);scroll-margin-top:calc(var(--header-h) + env(safe-area-inset-top,0px) + 8px);margin-bottom:14px;padding:18px 18px 16px}.panel:last-child{margin-bottom:0}.panel h2{font-family:var(--display);margin:0 0 4px;font-size:1.2rem}.lead{color:var(--muted);overflow-wrap:anywhere;margin:0 0 16px;font-size:.86rem}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.field.span2{grid-column:1/-1}.fieldHead{flex-direction:column;align-items:stretch;gap:8px;display:flex}.fieldHead .chips{grid-template-columns:1fr 1fr;gap:6px;display:grid}.fieldHead .chip{width:100%;min-height:40px;padding:0 10px;font-size:.82rem}.field label,.legend{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);font-size:.7rem;font-weight:650}.field input,.field select{width:100%;min-height:var(--tap);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-2);color:var(--text);min-width:0;max-width:100%;padding:10px 12px;font-size:16px}.field input:disabled{opacity:.55}.inlineCheck{color:var(--muted);min-height:var(--tap);align-items:center;gap:10px;margin:0 0 12px;font-size:.86rem;display:flex}.inlineCheck input{flex-shrink:0;width:20px;height:20px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{appearance:none;border:1px solid var(--border);background:var(--chip);color:var(--text);cursor:pointer;border-radius:999px;min-height:40px;padding:8px 12px;font-size:.82rem}.chip[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--brand-fg)}.chips:has([aria-pressed=true]) .chip:not([aria-pressed=true]){opacity:.62}.hint{color:var(--faint);margin:8px 0 0;font-size:.74rem}.saved{flex-direction:column;gap:6px;margin:0 0 16px;display:flex}.savedItem{align-items:stretch;gap:6px;display:flex}.savedBtn{text-align:left;border:1px solid var(--border);background:var(--card-2);min-width:0;color:var(--text);border-radius:var(--radius-sm);cursor:pointer;flex:1;padding:10px 12px}.savedBtn[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--brand-fg)}.savedName{text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;font-weight:650;display:block;overflow:hidden}.savedMeta{color:var(--muted);margin-top:2px;font-size:.8rem;display:block}.savedBtn[aria-pressed=true] .savedMeta{color:inherit;opacity:.78}.savedDel{width:var(--tap);border:1px solid var(--border);background:var(--chip);color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;place-items:center;display:grid}.savedDel:hover{color:var(--error);border-color:var(--error)}.primary{background:var(--brand);width:100%;color:var(--brand-fg);min-height:var(--tap);border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:8px;padding:12px 16px;font-size:1rem;font-weight:650}.primary:disabled{opacity:.6;cursor:default}.errText{color:var(--error);margin:8px 0 0;font-size:.86rem}.ctaBar .primary{margin-top:0}.ctaBar .errText{margin:8px 0 0}.pillars{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.pillar{background:var(--card-2);border:1px solid var(--border);text-align:center;border-radius:12px;padding:12px 8px 10px}.pillar .k{color:var(--faint);letter-spacing:.06em;text-transform:uppercase;font-size:.66rem}.pillar .han{font-family:var(--display);margin:6px 0 2px;font-size:1.55rem;font-weight:650;line-height:1.15}.pillar .ko{color:var(--muted);font-size:.82rem}.pillar .god{color:var(--brand-strong);margin-top:6px;font-size:.72rem}.el{border-radius:999px;margin-top:6px;padding:2px 7px;font-size:.66rem;font-weight:650;display:inline-block}.el-wood{background:color-mix(in srgb, var(--wood) 18%, transparent);color:var(--wood)}.el-fire{background:color-mix(in srgb, var(--fire) 18%, transparent);color:var(--fire)}.el-earth{background:color-mix(in srgb, var(--earth) 18%, transparent);color:var(--earth)}.el-metal{background:color-mix(in srgb, var(--metal) 18%, transparent);color:var(--metal)}.el-water{background:color-mix(in srgb, var(--water) 18%, transparent);color:var(--water)}.counts{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px;display:grid}.count{text-align:center;background:var(--card-2);border:1px solid var(--border);border-radius:10px;padding:8px 4px}.count b{font-size:1.05rem;display:block}.count span{color:var(--muted);font-size:.66rem}.kv{gap:8px;font-size:.86rem;display:grid}.kv div{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.kv div:last-child{border-bottom:0}.kv .muted{color:var(--muted);text-align:right}.verdict{background:color-mix(in srgb, var(--brand) 16%, transparent);color:var(--brand-strong);border-radius:999px;align-items:center;padding:4px 10px;font-size:.74rem;font-weight:650;display:inline-flex}.schools{gap:10px;margin-top:10px;display:grid}.school{border:1px solid var(--border);background:var(--card-2);border-radius:12px;padding:12px}.school h3{margin:0 0 4px;font-size:.98rem}.school p{color:var(--muted);margin:0;font-size:.82rem}.timeline{gap:8px;display:grid}.dw{border:1px solid var(--border);background:var(--card-2);border-radius:12px;grid-template-columns:92px 1fr;gap:10px;padding:10px 12px;display:grid}.dw.now{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 10%, var(--card))}.dw .age{color:var(--muted);font-size:.8rem}.dw .han{font-family:var(--display);font-size:.98rem;font-weight:650}.dw .sub{color:var(--muted);font-size:.8rem}.prose{white-space:pre-wrap;overflow-wrap:anywhere;word-break:keep-all;font-size:.86rem;line-height:1.65}.prose h3{margin:1.1em 0 .4em;font-size:.98rem}.issues{color:var(--warn);margin:0 0 10px;font-size:.82rem}.footerNote{color:var(--faint);margin-top:16px;font-size:.8rem}.list{color:var(--muted);margin:0;padding-left:1.1em;font-size:.82rem}@media (width<=720px){body{background-attachment:scroll}.header{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}.wrap{padding:10px max(16px, env(safe-area-inset-right)) calc(4.85rem + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left))}.panel{border-radius:12px;margin-bottom:12px;padding:14px 14px 12px}.panel h2{font-size:1.1rem}.pillar{padding:10px 4px 8px}.pillar .han{font-size:1.2rem}.counts{gap:6px}.count{padding:8px 2px}.count b{font-size:.95rem}.dw{grid-template-columns:76px 1fr;gap:8px;padding:10px}.ctaBar{z-index:16;padding:10px max(16px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:var(--card);border-top:1px solid var(--border);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #14221c14}.ctaBar .primary{font-size:1rem}.footerNote{margin-bottom:0}}@media (width<=380px){.pillars{gap:6px}.pillar .han{font-size:1.1rem}.dw{grid-template-columns:1fr;gap:2px}}