*{box-sizing:border-box;margin:0;padding:0}:root{--ink:#121212;--muted:rgba(18,18,18,0.62);--line:rgba(18,18,18,0.14);--bg:#faf9f7;--card:#ffffff;--danger:#b00020;--ok:#1b5e20}html{font-size:16px}body{font-family:Helvetica,Helvetica Neue,Arial,sans-serif;background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased}a,body{color:var(--ink)}.wrap{max-width:760px;margin:0 auto;padding:48px 20px 80px}.kicker{font-size:.72rem;letter-spacing:.16em;font-weight:700}.kicker,h1.title{margin-bottom:12px}h1.title{font-size:clamp(1.8rem,5vw,2.6rem);letter-spacing:-.02em;line-height:1.12}.sub{font-size:1rem;color:var(--muted);margin-bottom:24px}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:22px 20px}.h2{font-size:.78rem;letter-spacing:.16em;font-weight:700;border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:16px}.btn{display:inline-block;font:inherit;font-weight:700;font-size:.92rem;padding:13px 22px;border-radius:8px;border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;text-decoration:none;text-align:center}.btn:hover{opacity:.85}.btn--ghost{background:transparent;color:var(--ink)}.btn--danger{background:transparent;color:var(--danger);border-color:var(--danger)}.btn--danger:hover{background:var(--danger);color:#fff;opacity:1}.btn--full{width:100%}.btn[disabled]{opacity:.5;cursor:default}.label{display:block;font-size:.7rem;letter-spacing:.16em;font-weight:700;margin:16px 0 6px}.label:first-child{margin-top:0}.input{width:100%;font:inherit;padding:13px 14px;border:1px solid rgba(18,18,18,.3);border-radius:8px;background:#fff;color:var(--ink)}.input:focus{outline:2px solid var(--ink);outline-offset:-1px}textarea.input{resize:vertical}.badge{display:inline-block;font-size:.66rem;letter-spacing:.08em;font-weight:700;background:#f0efec;border-radius:6px;padding:5px 10px}.badge--ok{background:#e7f0e7;color:var(--ok)}.badge--warn{background:#fdf3e3;color:#8a5a00}.badge--off{color:var(--muted)}.badge--danger{background:#fdeeee;color:var(--danger)}.alert{padding:13px 15px;font-size:.92rem;border-radius:8px;margin-bottom:16px}.alert--ok{background:#eef5ee;border:1px solid var(--ok);color:var(--ok)}.alert--err{background:#fdeeee;border:1px solid var(--danger);color:var(--danger)}.hint{font-size:.8rem;margin-top:10px}.hint,.muted{color:var(--muted)}@media (max-width:560px){.wrap{padding-top:32px}}