:root{font-family:system-ui,-apple-system,"Malgun Gothic",sans-serif;color:#303a37;background:#fcf5ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.page{max-width:980px;min-height:100vh;margin:auto;padding:0 24px;display:flex;flex-direction:column}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9dcd1}.brand{text-decoration:none;color:#303a37;font-weight:850;font-size:21px;letter-spacing:-.04em}.brand:first-letter{color:#ca8e76}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#bd8069}.topbar .eyebrow{color:#a8a09a}.intro{margin:44px 0 38px;padding:46px 52px 50px;border-radius:28px;background:#f4e2d8}.intro h1{font-size:clamp(34px,6vw,58px);letter-spacing:-.075em;line-height:1.17;margin:20px 0}.intro h1 em{font-style:normal;color:#c07861}.intro>p:last-child{max-width:590px;line-height:1.8;color:#6d7470;font-size:15px}.section-title{display:flex;align-items:end;justify-content:space-between;margin:0 2px 22px}.section-title h2{font-size:27px;letter-spacing:-.05em;margin:8px 0 0}.count{background:#f6e3d9;border-radius:99px;padding:9px 14px;color:#a36a53;font-size:12px;font-weight:800}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{min-width:0;padding:26px;border:1px solid #eadfd7;border-radius:23px;background:#fff;box-shadow:0 9px 26px #7a61530b}.card-head{display:flex;align-items:center;gap:14px}.number{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:12px;background:#f7e4db;color:#b66c55;font-size:12px;font-weight:850}.card h3{font-size:19px;letter-spacing:-.045em;margin:0}.body{white-space:pre-wrap;line-height:1.85;color:#505a56;min-height:110px;overflow-wrap:anywhere;margin:23px 0}.card textarea{width:100%;min-height:130px;resize:vertical;padding:13px;border-radius:12px;border:1px solid #dfd2c8;background:#fffcfa;color:#303a37;font:inherit;line-height:1.7}.card textarea:focus,.copy:focus-visible,a:focus-visible{outline:3px solid #d99b80;outline-offset:2px}.help{font-size:12px;color:#8c8d87;line-height:1.6;margin:8px 0 0}.card-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}.length{font-size:12px;color:#9a9b95}.copy{border:0;border-radius:11px;padding:13px 19px;background:#303a37;color:#fff;font:inherit;font-size:14px;font-weight:800;cursor:pointer}.copy:hover{background:#4e6258}.footnote{font-size:12px;color:#8a8b86;line-height:1.7;margin:25px 2px 56px}footer{margin-top:auto;border-top:1px solid #e9dcd1;padding:24px 0 32px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#9b978f;font-size:12px}footer nav{display:flex;gap:18px}footer a{color:#7d7e79;text-decoration:none}footer a:hover{text-decoration:underline}#toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);max-width:calc(100vw - 36px);padding:12px 18px;border-radius:11px;background:#303a37;color:white;box-shadow:0 12px 28px #303a3740;font-weight:750;text-align:center;font-size:13px}.loading{color:#8a8b86}[hidden]{display:none!important}@media(max-width:650px){.page{padding:0 18px}.topbar{height:70px}.topbar .eyebrow{font-size:9px}.intro{margin:26px 0 28px;padding:30px 25px;border-radius:20px}.intro h1{margin:13px 0}.intro>p:last-child{font-size:13px}.cards{grid-template-columns:1fr;gap:12px}.card{padding:21px;border-radius:18px}.body{min-height:0;margin:17px 0}.section-title h2{font-size:23px}}

.select-label{display:block;margin:17px 0 8px;font-size:12px;font-weight:800;color:#57605b}.card select{width:100%;padding:12px;border:1px solid #dfd2c8;border-radius:12px;background:#fffcfa;color:#303a37;font:inherit;margin-bottom:10px}.card select:focus-visible{outline:3px solid #d99b80;outline-offset:2px}.over-limit{color:#b34838;font-weight:800}