:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#102a43;background:#f2f6fa;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{min-height:82px;padding:14px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:#102a43;color:#fff;box-shadow:0 8px 30px #102a4324}.brand-row,.account-area{display:flex;align-items:center;gap:14px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#f58220;color:#fff;font-weight:800;font-size:1.35rem;box-shadow:inset 0 0 0 1px #ffffff38}.eyebrow,.step-label{margin:0;font-weight:750;letter-spacing:.13em;font-size:.75rem}.topbar .eyebrow{color:#b9cad8}.product-name{display:block;margin-top:3px;font-weight:650}.account-area{font-size:.92rem;color:#d9e4ec}.text-button{border:0;padding:8px 0;background:none;color:#ffb36f;font-weight:700}.workspace{width:min(760px,calc(100% - 32px));margin:0 auto;padding:clamp(48px,8vw,88px) 0}.heading-block{margin-bottom:26px}.heading-block.compact{margin-bottom:16px}.heading-block.compact h2{margin:8px 0 10px;font-size:1.35rem;letter-spacing:-.03em}.step-label{color:#d86100}h1{margin:8px 0 10px;font-size:clamp(2rem,5vw,3.25rem);line-height:1.05;letter-spacing:-.045em}.heading-block>p:last-child,.intro{margin:0;max-width:620px;color:#526b7f;line-height:1.6;font-size:1.05rem}.message-card{padding:clamp(20px,4vw,32px);border:1px solid #d6e2ea;border-top:4px solid #f58220;border-radius:16px;background:#fff;box-shadow:0 22px 60px #102a4317}label{display:block;margin-bottom:10px;font-weight:750;font-size:.95rem}textarea{width:100%;min-height:178px;resize:vertical;padding:16px;border:1px solid #bcccdc;border-radius:10px;color:#102a43;background:#fbfdff;line-height:1.55;font-size:1rem;outline:none;transition:border-color .18s,box-shadow .18s}textarea:focus{border-color:#1976a3;box-shadow:0 0 0 4px #1976a321;background:#fff}textarea::placeholder{color:#829ab1}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.count{color:#71879a;font-size:.84rem}.count.low{color:#b54708}.primary-button{border:0;border-radius:9px;padding:13px 20px;background:#f58220;color:#fff;font-weight:750;box-shadow:0 8px 20px #f5822038;transition:transform .15s,background .15s}.primary-button:hover:not(:disabled){background:#dd6f0c;transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.result-panel,.error-panel{margin-top:18px;padding:18px 20px;border-radius:12px}.result-panel{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid}.result-panel.success{color:#175c3a;background:#edf9f2;border-color:#a8d8bd}.result-panel.warning{color:#7a4300;background:#fff7e6;border-color:#f2c879}.result-panel strong{font-size:1rem}.result-panel p{margin:4px 0 0;font-size:.9rem}.channel-results{display:flex;flex-direction:column;gap:5px;font-size:.88rem;font-weight:700;max-width:360px}.failed{color:#a62b1f}.error-panel{color:#8e1c13;background:#fff0ef;border:1px solid #efb6b2}.delivery-note{margin:18px 4px 0;color:#71879a;font-size:.85rem}.history-panel{margin-top:46px}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.history-card{position:relative;display:flex;align-items:stretch;gap:10px;padding:6px;border:1px solid #d6e2ea;border-left:4px solid #d6e2ea;border-radius:14px;background:#fff;box-shadow:0 4px 14px #102a430d;transition:border-color .15s,box-shadow .15s,transform .15s}.history-card:hover{border-color:#9fb8c9;box-shadow:0 10px 26px #102a431a;transform:translateY(-1px)}.history-card.selected{border-color:#f58220;box-shadow:0 0 0 3px #f5822024}.history-load{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:12px 14px;border:0;border-radius:10px;background:transparent;color:inherit;text-align:left}.history-load:hover{background:#f7fafc}.history-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.history-time{color:#71879a;font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums}.history-selected-tag{padding:2px 9px;border-radius:999px;background:#fff1e3;color:#b35400;font-size:.72rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.history-message{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:pre-wrap;word-break:break-word;font-weight:650;line-height:1.45}.history-channels{display:flex;gap:8px;flex-wrap:wrap}.channel-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.74rem;font-weight:750}.channel-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentcolor}.channel-badge.ok{color:#175c3a;background:#edf9f2}.channel-badge.failed{color:#a62b1f;background:#fdf0ee}.secondary-button{border:1px solid #bcccdc;border-radius:9px;padding:10px 16px;background:#fff;color:#102a43;font-weight:750;white-space:nowrap;transition:border-color .15s,color .15s,background .15s}.history-card .secondary-button{flex-shrink:0;align-self:center;margin-right:8px}.secondary-button:hover:not(:disabled){border-color:#1976a3;color:#1976a3;background:#f5fbff}.secondary-button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,textarea:focus-visible{outline:3px solid rgb(25 118 163 / 55%);outline-offset:2px}.signin-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#eaf1f7,#f8fbfd 55%,#fff4ea)}.signin-card{width:min(460px,100%);padding:clamp(30px,6vw,52px);border-radius:20px;background:#fff;box-shadow:0 28px 80px #102a4324;border:1px solid #dce7ef}.signin-card .brand-mark{margin-bottom:26px}.signin-card .eyebrow{color:#d86100}.signin-card h1{font-size:2.5rem}.signin-card .primary-button{width:100%;margin-top:30px}.privacy-note{margin:14px 0 0;text-align:center;color:#829ab1;font-size:.82rem}@media(max-width:620px){.topbar{align-items:flex-start}.account-area{flex-direction:column;align-items:flex-end;gap:0;max-width:45%;text-align:right}.account-area>span{overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}.brand-row .brand-mark{width:40px;height:40px}.form-footer,.result-panel,.history-card{align-items:stretch;flex-direction:column}.send-button,.history-card .secondary-button{width:100%;margin:0}.channel-results{flex-direction:row;justify-content:space-between}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}