:root{--bg: #15202b;--panel: #1c2733;--panel-2: #22303c;--text: #f7f9f9;--muted: #8b98a5;--accent: #1d9bf0;--accent-hover: #1a8cd8;--danger: #f4212e;--danger-hover: #d61f2a;--success: #00ba7c;--warn: #ffd400;--border: #38444d;--radius: 14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.4}.app{max-width:600px;margin:0 auto;padding:24px 16px 64px}.app__header{margin-bottom:20px}.app__masthead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.app__title{font-size:28px;margin:0}.app__subtitle{color:var(--muted);margin:0;font-size:15px}.app__main{display:flex;flex-direction:column;gap:16px}.app__footer{margin-top:24px;color:var(--muted);text-align:center}.composer{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.composer__label{display:block;font-weight:700;margin-bottom:8px}.composer__input{width:100%;resize:vertical;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:12px;font-size:16px;font-family:inherit}.composer__input:focus{outline:2px solid var(--accent);border-color:var(--accent)}.composer__footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:12px}.composer__counter{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.composer__counter--warn{color:var(--warn);font-weight:700}.composer__counter--over{color:var(--danger);font-weight:700}.composer__hint{color:var(--muted);font-size:12px;margin-right:auto}.composer__error{color:var(--danger);margin:10px 0 0;font-size:14px}.delay-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 4px}.delay-picker__label{font-size:14px;font-weight:700}.delay-picker__options{display:flex;gap:4px;background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:3px}.delay-picker__option{border:none;background:transparent;color:var(--muted);font-family:inherit;font-size:13px;font-weight:700;padding:5px 14px;border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease}.delay-picker__option:hover{color:var(--text)}.delay-picker__option--active{background:var(--accent);color:#fff}.delay-picker__hint{color:var(--muted);font-size:12px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel__header .panel__title{margin:0}.panel__title{font-size:18px;margin:0 0 12px}.panel__empty{color:var(--muted);margin:0;font-size:14px}.pending-list,.sent-log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.pending-item{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:12px}.pending-item--sending{opacity:.7}.pending-item__text{margin:0 0 10px;white-space:pre-wrap;word-break:break-word}.pending-item__bar{height:6px;background:var(--panel);border-radius:999px;overflow:hidden;margin-bottom:10px}.pending-item__bar-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .25s linear}.pending-item__controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pending-item__countdown{color:var(--warn);font-variant-numeric:tabular-nums;font-weight:700;font-size:14px;margin-right:auto}.pending-item__retry{color:var(--danger);font-size:12px}.sent-item{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.sent-item__row{display:flex;align-items:center;gap:10px}.sent-item__text{margin:0;flex:1;white-space:pre-wrap;word-break:break-word}.sent-item__error{margin:6px 0 0;color:var(--danger);font-size:13px}.sent-item__meta{margin:6px 0 0;color:var(--muted);font-size:12px}.badge{font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap}.badge--sent{background:#00ba7c26;color:var(--success)}.badge--cancelled{background:#8b98a526;color:var(--muted)}.badge--failed{background:#f4212e26;color:var(--danger)}.btn{border:none;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s ease,opacity .15s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff}.btn--primary:not(:disabled):hover{background:var(--accent-hover)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover{background:var(--danger-hover)}.btn--ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn--ghost:hover{background:var(--panel-2)}.btn--sm{padding:4px 10px;font-size:12px}.btn:focus-visible,.delay-picker__option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.btn,.delay-picker__option,.pending-item__bar-fill{transition:none}}@media (max-width: 480px){.app{padding:16px 12px 48px}.app__title{font-size:24px}.composer__hint{display:none}.composer__footer{flex-wrap:wrap}.btn{padding:8px 14px}}