:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0b1635;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,textarea,input{font:inherit}.page-shell{min-height:100vh;padding:72px 24px 28px}.workspace{width:min(100%,940px);margin:0 auto}.intro{text-align:center;margin-bottom:40px}.intro h1{margin:0;font-size:clamp(2rem,4vw,2.65rem);line-height:1.08;letter-spacing:-.04em;font-weight:760}.intro p{margin:14px 0 0;color:#5b6986;font-size:1.06rem}.reply-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.reply{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;color:#0b1635;background:#fff;border:1px solid #c9d2e2;border-radius:9px;cursor:pointer;font-size:.9rem;font-weight:620;line-height:1.3;text-align:left;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.reply span:first-child{min-width:0;overflow-wrap:anywhere}.reply svg{width:15px;height:15px;flex:0 0 auto;color:#7c89a2;opacity:0;transition:opacity .15s ease}.reply:hover{border-color:#7890bb;background:#f8faff;transform:translateY(-1px)}.reply:hover svg,.reply:focus-visible svg,.reply.copied svg{opacity:1}.reply.copied{color:#075bd8;border-color:#8ab8ff;background:#f1f7ff}.reply:focus-visible,.copy-note:focus-visible,.utility-button:focus-visible,textarea:focus-visible,.preset-editor input:focus-visible{outline:3px solid rgba(13,101,231,.18);outline-offset:2px;border-color:#0d65e7}.note-block{margin-top:0}.note-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.note-heading label{font-size:1rem;font-weight:700}.save-status{display:inline-flex;align-items:center;gap:7px;color:#52617e;font-size:.85rem;font-weight:570}.status-dot{width:7px;height:7px;border-radius:50%;background:#18a66b}.save-status.saving .status-dot{background:#eaa72b}.save-status.offline .status-dot{background:#d44a4a}textarea{display:block;width:100%;min-height:230px;resize:vertical;padding:20px 22px;color:#0b1635;background:#fff;border:1px solid #bdc9dc;border-radius:10px;font-size:1.04rem;line-height:1.6;box-shadow:0 1px 2px #0e1e3f0a}textarea::placeholder{color:#8994a8}textarea:disabled{background:#f7f8fa;cursor:wait}.note-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:9px}.note-help{margin:0 2px;color:#73809a;font-size:.82rem}.copy-note{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 12px;color:#31517f;background:#fff;border:1px solid #c9d2e2;border-radius:8px;cursor:pointer;font-size:.84rem;font-weight:650;white-space:nowrap;transition:border-color .15s ease,background .15s ease,color .15s ease}.copy-note svg{width:15px;height:15px}.copy-note:hover{color:#075bd8;border-color:#8ab8ff;background:#f8faff}.copy-note.copied{color:#075bd8;border-color:#8ab8ff;background:#f1f7ff}.copy-note:disabled{color:#9aa5b6;background:#f7f8fa;border-color:#dde3ed;cursor:not-allowed}.presets-block{margin-top:48px}.presets-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.presets-heading h2{margin:0;font-size:1.12rem;line-height:1.2;letter-spacing:-.01em}.presets-heading p{margin:6px 0 0;color:#73809a;font-size:.84rem}.preset-controls{display:flex;gap:8px;flex:0 0 auto}.utility-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 12px;color:#31517f;background:#fff;border:1px solid #c9d2e2;border-radius:8px;cursor:pointer;font-size:.84rem;font-weight:650;white-space:nowrap}.utility-button:hover{color:#075bd8;border-color:#8ab8ff;background:#f8faff}.utility-button.primary{color:#fff;background:#0d65e7;border-color:#0d65e7}.utility-button.primary:hover{background:#0957c9}.utility-button:disabled{opacity:.55;cursor:not-allowed}.utility-button svg{width:15px;height:15px}.preset-editor{min-width:0}.preset-editor input{width:100%;min-height:54px;padding:11px 13px;color:#0b1635;background:#fff;border:1px solid #8ab8ff;border-radius:9px;font-size:.9rem;line-height:1.3}.preset-editor input:invalid{border-color:#d44a4a}footer{margin-top:54px;padding-top:22px;border-top:1px solid #dde3ed;color:#75829a;text-align:center;font-size:.85rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 760px){.page-shell{padding:44px 18px 24px}.intro{margin-bottom:30px}.reply-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.reply{min-height:52px;padding:10px 11px;font-size:.84rem}.presets-block{margin-top:40px}textarea{min-height:220px;padding:16px}footer{margin-top:40px}}@media (max-width: 460px){.page-shell{padding-inline:14px}.reply-grid{grid-template-columns:1fr}.reply{min-height:50px}.reply svg{opacity:.65}.note-actions,.presets-heading{align-items:flex-start}.presets-heading p{max-width:180px}.preset-controls{flex-wrap:wrap;justify-content:flex-end}}@media (prefers-reduced-motion: reduce){.reply,.reply svg{transition:none}}