:root{color-scheme:light;--ink:#162637;--muted:#526577;--line:#d9e2e9;--blue:#175f7a;--paper:#f3f6f8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,sans-serif}header{display:flex;align-items:center;justify-content:space-between;padding:22px max(20px,calc((100vw - 1040px)/2));background:white;border-bottom:1px solid var(--line);gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand small{display:block;font-size:12px;color:var(--muted)}.mark{background:var(--blue);color:white;border-radius:12px;width:42px;height:42px;display:grid;place-items:center;font-weight:750}main{max-width:1040px;margin:auto;padding:36px 20px}.intro{margin-bottom:28px;max-width:680px}h1{font-size:clamp(30px,5vw,42px);line-height:1.12;letter-spacing:-1.2px;margin:10px 0 14px}h2{font-size:21px;line-height:1.3;margin:4px 0 14px}h3{font-size:17px}.eyebrow,.step{letter-spacing:1.5px;font-size:11px;font-weight:750;color:var(--blue);margin:0 0 8px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:26px;margin:20px 0;box-shadow:0 3px 12px #14263804}.section-head{display:flex;justify-content:space-between;align-items:start;gap:18px}.badge{font-size:12px;border-radius:20px;background:#e7f0f3;padding:7px 12px;white-space:normal}p{margin:10px 0 18px}.muted,footer{color:var(--muted);font-size:14px}button,input,select,textarea{font:inherit}button{min-height:44px;padding:10px 18px;border-radius:9px;border:1px solid transparent;background:var(--blue);color:white;font-weight:650;cursor:pointer}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:default}.secondary{background:white;border-color:#9ab1bf;color:var(--ink)}.quiet{background:transparent;color:var(--muted);padding:8px 12px}input,select,textarea{border:1px solid #9ab1bf;border-radius:8px;background:white;color:var(--ink);padding:10px;max-width:100%;min-height:44px}label{display:block;font-size:14px;font-weight:600}textarea{width:100%;resize:vertical;margin:8px 0 14px}input[type=password]{display:block;width:100%;max-width:400px;margin:8px 0 16px}input[type=checkbox]{min-height:20px;width:18px;accent-color:var(--blue)}.features{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.features label{display:flex;align-items:center;gap:10px;padding:12px;background:#f4f7f9;border-radius:8px}.assets{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.asset{padding:16px;background:#f4f7f9;border:1px solid var(--line);border-radius:10px}.asset strong,.asset small{display:block;overflow-wrap:anywhere}.asset button{margin-top:12px}nav,.actions{display:flex;gap:10px;flex-wrap:wrap}.event{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;gap:20px}.event p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.event-main{min-width:0;flex:1}.event button{align-self:center}.event small{color:var(--muted)}.empty{text-align:center;padding:34px 14px;color:var(--muted)}#error{background:#fff0ec;color:#8c3017;padding:16px;border-radius:10px}#notice{background:#e4f2eb;color:#23533d;padding:16px;border-radius:10px}.rehearsal{background:#fff8df;border-color:#e5cf84}dialog{border:1px solid var(--line);border-radius:18px;max-width:620px;width:calc(100% - 24px);max-height:90vh;padding:26px;color:var(--ink);overflow:auto}dialog::backdrop{background:#122b4266}.close{float:right;font-size:25px;line-height:1}blockquote,.preview{margin:16px 0;padding:16px;border-left:3px solid #b1c9d6;background:#f3f6f8;white-space:pre-wrap;overflow-wrap:anywhere}#blocked{background:#fff4d9;padding:12px;border-radius:8px}.reply-record{padding:10px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}footer{display:flex;gap:20px;flex-wrap:wrap;margin:30px 0}a{color:var(--blue)}[hidden]{display:none!important}:focus-visible{outline:3px solid #e5b44c;outline-offset:3px}@media(max-width:600px){header{padding:16px}.brand small{max-width:150px}.badge{max-width:120px}main{padding:26px 16px}.card{padding:20px}.features,.assets{grid-template-columns:1fr}.section-head{display:block}.section-head .badge{display:inline-block;margin-bottom:10px}.event{display:block}.event button{width:100%;margin-top:10px}.actions button{flex:1}nav button{flex:1}.close{width:auto}dialog{padding:20px}footer{gap:12px}}