*{box-sizing:border-box}body{margin:0;background:#f8f7f3;color:#10292c;font-family:system-ui,-apple-system,'Noto Sans KR',sans-serif}button,select{font:inherit}button{cursor:pointer}main{max-width:640px;margin:auto;padding:24px 20px 105px}.hero{position:relative;min-height:128px}.hero img{position:absolute;right:-20px;top:-24px;width:43%;max-width:260px;mix-blend-mode:multiply;pointer-events:none}.hero h1,.hero p,.hero .tag{position:relative}.hero h1{font-size:clamp(30px,7vw,43px);margin:0 0 8px;letter-spacing:-.06em}.hero p{color:#617078;margin:0;font-size:14px;max-width:70%}.tag{color:#216e6b;font-weight:800}.current{background:#e9f1ed;border-radius:22px;padding:22px;margin:8px 0 16px}.current b{font-size:34px;display:block}.current p{margin:3px 0 16px;color:#647179}.primary{background:#206e6a;color:white;border:0;border-radius:28px;padding:12px 23px;font-weight:700}.list{display:grid;gap:10px}.step{background:#fff;border:0;border-radius:19px;display:flex;align-items:center;text-align:left;padding:14px;width:100%;gap:14px;color:inherit;box-shadow:0 3px 12px #192b2010}.step.locked{background:#f3f3f3;color:#7f888c}.num{background:#dfefeb;color:#216e6b;border-radius:17px;min-width:52px;height:52px;display:grid;place-items:center;font-weight:800;font-size:20px}.locked .num{background:#e5e6e8;color:#8a9095}.step-text{flex:1;min-width:0}.step-text strong,.step-text span,.step-text small{display:block}.step-text strong{font-size:13px;color:#28746f}.step-text span{font-size:18px;font-weight:750}.step-text small{font-size:13px;color:#788189;margin-top:3px}.status{font-size:13px;color:#7b8588;white-space:nowrap}.back{border:0;background:none;color:#56636c;padding:0 0 26px;font-size:17px}.detail-title{margin-bottom:22px}.detail-title h1{font-size:clamp(28px,7vw,40px)}.card{background:#fff;border-radius:19px;padding:18px;margin:12px 0;box-shadow:0 3px 12px #192b200b}.card h2{font-size:22px;margin:0 0 16px}.area-head{display:flex;gap:16px;align-items:center;margin-bottom:15px}.area-head h3{margin:0;font-size:19px}.area-head p{margin:4px 0 0;color:#77818a;font-size:13px}.entry{display:flex;align-items:center;gap:12px;border:1px solid #eceeed;padding:9px;border-radius:14px;min-height:74px}.han{background:#eaf5f1;border-radius:12px;min-width:70px;padding:8px;text-align:center;font-size:29px;font-weight:700;color:#112d31}.translation{flex:1;min-width:0}.translation strong,.translation span{display:block}.translation strong{color:#176963;font-size:19px}.translation span{font-size:13px;color:#6b7880}.sound{border:0;border-radius:12px;background:#f0f1f4;padding:10px;color:#58636d;font-size:13px;white-space:nowrap}.outline{width:100%;border:1.5px solid #22746f;background:white;border-radius:14px;color:#176963;font-weight:700;padding:11px;margin-top:12px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.toolbar label{color:#5d6c70;font-size:13px}.toolbar select{border:1px solid #d5e1dc;border-radius:8px;padding:8px;background:white}.smallbtn{border:1px solid #cfded9;background:#fff;border-radius:9px;padding:8px;color:#216e6b}.muted{color:#75818a;font-size:13px;line-height:1.6}.noticebox{background:#eef5f1;border-radius:14px;padding:12px;color:#536e68;font-size:13px;line-height:1.5}.checks label{display:block;padding:9px 0;color:#45565a}.checks input{accent-color:#206e6a;width:18px;height:18px;vertical-align:middle;margin-right:8px}textarea{width:100%;height:170px;border:1px solid #dae6e0;border-radius:12px;padding:12px;font:inherit;font-size:13px;line-height:1.5;resize:vertical}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#fffefaee;border-radius:20px 20px 0 0;padding:8px 0 max(8px,env(safe-area-inset-bottom));box-shadow:0 -3px 20px #112b2112}nav button{border:0;background:none;color:#6d777b;font-size:25px;width:25%}nav button.active{color:#176963}nav small{display:block;font-size:12px}#notice{position:fixed;bottom:86px;left:50%;transform:translateX(-50%);background:#263f3a;color:white;border-radius:9px;padding:10px 15px;display:none;max-width:90%;font-size:13px;z-index:5}a{color:#176963}@media(max-width:380px){main{padding-left:14px;padding-right:14px}.han{min-width:55px;font-size:25px}.entry{gap:7px}.sound{padding:9px 6px}.hero img{opacity:.8}}