:root{color-scheme:light dark;font-family:system-ui,-apple-system,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;background:#f5f4ef;color:#17231e}
*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}button{cursor:pointer}
.site-header{border-bottom:1px solid #d7ddd5;background:#fff}.shell{width:min(100% - 32px,760px);margin:auto}.site-header .shell{display:flex;align-items:center;justify-content:space-between;min-height:62px}.brand{font-weight:800;text-decoration:none;letter-spacing:-.04em}.back{font-size:.9rem;text-underline-offset:3px}
main{padding:40px 0 72px}.eyebrow{color:#386755;font-size:.8rem;font-weight:800;letter-spacing:.08em}h1{font-size:clamp(2rem,7vw,3.5rem);line-height:1.15;letter-spacing:-.055em;margin:.4rem 0 1rem}h2{font-size:1.18rem;letter-spacing:-.025em}.intro{color:#4c5c52;line-height:1.65;max-width:55ch}.tool{margin-top:32px;background:#fff;border:1px solid #d7ddd5;border-radius:18px;padding:clamp(20px,5vw,36px)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:8px;font-weight:700}.field span{font-size:.92rem}.field input{width:100%;min-height:52px;padding:0 14px;border:1px solid #8a9a90;border-radius:9px;background:#fff;color:#17231e;font-size:1.16rem}.field input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #116c49;outline-offset:3px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.primary,.secondary{min-height:48px;border-radius:9px;padding:0 20px;font-weight:750}.primary{background:#174f3c;color:#fff;border:1px solid #174f3c}.secondary{background:#fff;color:#174f3c;border:1px solid #8a9a90}.result{margin-top:24px;padding:22px 0 0;border-top:1px solid #d7ddd5}.result-label{margin:0 0 4px;color:#4c5c52}.result strong{font-variant-numeric:tabular-nums;font-size:clamp(2.2rem,8vw,3.4rem);letter-spacing:-.06em}.error{color:#a02e24;min-height:1.5em}.note{margin-top:30px;color:#4c5c52;line-height:1.65;font-size:.9rem}.note p{margin:.4rem 0}.footer{border-top:1px solid #d7ddd5;padding:26px 0;color:#4c5c52;font-size:.85rem}
@media(max-width:520px){main{padding-top:30px}.fields{grid-template-columns:1fr}.actions button{flex:1}.tool{margin-top:25px}}
@media(prefers-color-scheme:dark){:root{background:#111b17;color:#e9f1e9}.site-header,.tool{background:#192720;border-color:#3f5749}.intro,.result-label,.note,.footer{color:#b5c8b9}.field input,.secondary{background:#15211a;color:#e9f1e9;border-color:#829b88}.result{border-color:#3f5749}.primary{background:#83c99c;color:#102019;border-color:#83c99c}.eyebrow{color:#8bd3a6}.footer{border-color:#3f5749}.error{color:#ffaea5}}