@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;800&display=swap";:root{font-family:Noto Sans KR,Apple SD Gothic Neo,sans-serif;color:#1e2124;background:#fff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#fff}.page{min-height:100vh;padding:36px 16px 48px}.container{width:100%;max-width:760px;margin:0 auto}.hero{margin-bottom:22px}.hero h1{margin:0;font-size:clamp(34px,6vw,44px);font-weight:800;line-height:1.2;letter-spacing:-.035em}.hero p{margin:10px 0 0;color:#8a9098;font-size:14px;font-weight:500}.panel{background:#fff;border:1px solid #eef1f4;border-radius:20px;padding:20px;box-shadow:0 8px 24px #1118270d}.input-wrap{display:flex;align-items:center;border:1px solid #e3e6eb;border-radius:14px;padding:0 14px;height:56px;background:#fff}.icon{margin-right:8px}.input-wrap input{width:100%;border:0;font-size:15px;outline:none;color:#1e2124;background:transparent}.tone-group,.chip-group,.recent-group{display:flex;flex-wrap:wrap;gap:8px}.tone-group{margin-top:14px}.tone-btn,.chip,.submit-btn,.copy-btn{border:0;border-radius:12px;font-size:14px;cursor:pointer}.tone-btn{background:#f2f4f7;color:#333a42;padding:10px 14px;transition:.2s ease}.tone-btn.selected{background:#e8f0ff;color:#2f5fd7}.chip-group{margin-top:14px}.recent-group{margin-top:10px}.chip{background:#f6f7f9;color:#495362;padding:8px 12px}.chip.recent{background:#eef1f5}.submit-btn{width:100%;margin-top:16px;height:48px;background:#1f2937;color:#fff;font-weight:600}.submit-btn:disabled,.copy-btn:disabled{opacity:.5;cursor:not-allowed}.status-text{margin:14px 2px 0;color:#5d6673;font-size:14px}.error{margin:14px 2px 0;color:#b42318;font-size:14px}.result-list{margin-top:18px;display:grid;gap:12px}.result-card{background:#fff;border-radius:18px;border:1px solid #eef1f4;padding:18px;box-shadow:0 6px 20px #0f172a0f}.result-line{min-height:52px;margin:0;line-height:1.8;font-size:17px;color:#1f2937}.copy-btn{margin-top:14px;background:#f3f5f8;color:#3b4654;padding:8px 12px}.footer-note{margin-top:18px;text-align:center;color:#8a9098;font-size:12px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:#111827eb;color:#fff;border-radius:999px;padding:8px 14px;font-size:13px}@media (max-width: 640px){.page{padding:20px 12px 36px}.panel,.result-card{border-radius:16px}.result-line{font-size:16px}}