.login-wrapper{background:var(--color-dark);justify-content:center;align-items:center;min-height:100dvh;padding:1.5rem;display:flex}.login-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-md);flex-direction:column;gap:1.1rem;padding:2.75rem 2.5rem;display:flex}.login-card h1{color:var(--color-primary);text-align:center;letter-spacing:-.02em;font-size:1.6rem;font-weight:700}.login-card h2{color:var(--color-text-secondary);text-align:center;margin-top:-.5rem;margin-bottom:.5rem;font-size:1rem;font-weight:400}.login-card label{color:var(--color-text-secondary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:-.6rem;font-size:.8rem;font-weight:600}.login-card input{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);background:var(--color-surface);outline:none;padding:.75rem 1rem;font-size:.95rem;transition:border-color .18s,box-shadow .18s}.login-card input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);background:var(--color-surface-3)}.login-card button[type=submit]{background:var(--color-primary);color:var(--color-dark);border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:.5rem;padding:.85rem;font-size:1rem;font-weight:600;transition:background .18s,transform .1s}.login-card button[type=submit]:hover:not(:disabled){background:var(--color-primary-hover)}.login-card button[type=submit]:active:not(:disabled){transform:scale(.99)}.login-card button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.login-2fa-title{color:var(--color-text);text-align:center;margin-top:-.5rem;font-size:1rem;font-weight:600}.login-2fa-hint{color:var(--color-text-secondary);text-align:center;margin-top:-.4rem;margin-bottom:.2rem;font-size:.83rem;line-height:1.5}.login-totp-input{letter-spacing:.4em;text-align:center;padding:.9rem 1rem!important;font-size:1.75rem!important;font-weight:700!important}.login-back-btn{border:1.5px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.65rem;font-size:.9rem;font-weight:500;transition:border-color .18s,color .18s}.login-back-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.login-error{color:var(--color-error);border-radius:var(--radius-sm);text-align:center;background:#f8717114;border:1px solid #f8717140;padding:.6rem .9rem;font-size:.85rem}.dashboard{background:var(--color-dark);flex-direction:column;align-items:center;min-height:100dvh;padding:0 1.5rem 2rem;display:flex}.dashboard__nav{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;width:100%;max-width:900px;margin-bottom:2rem;padding:1.25rem 0;display:flex}.dashboard__brand{color:var(--color-primary);letter-spacing:.02em;font-size:.9rem;font-weight:600}.dashboard__logout{color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition), border-color var(--transition);background:0 0;padding:.4rem .9rem;font-size:.8rem;font-weight:500}.dashboard__logout:hover{color:var(--color-error);border-color:var(--color-error)}.dashboard__welcome{color:var(--color-primary);margin-bottom:.35rem;font-size:.95rem;font-weight:500}.dashboard__header{text-align:center;margin-bottom:3rem}.dashboard__title{color:var(--color-primary);letter-spacing:-.02em;margin-bottom:.5rem;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700}.dashboard__subtitle{color:var(--color-text-secondary);font-size:1rem}.dashboard__grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;width:100%;max-width:900px;display:grid}.feature-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);flex-direction:column;gap:.5rem;padding:1.75rem 1.5rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.feature-card:before{content:"";opacity:0;transition:opacity var(--transition);position:absolute;inset:0}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.feature-card:hover:before{opacity:1}.feature-card:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:3px}.feature-card--blue{border-color:#a8c7fa40}.feature-card--blue:hover{border-color:#a8c7fa80}.feature-card--blue:before{background:linear-gradient(135deg,#a8c7fa0f,#0000)}.feature-card--green{border-color:#34d39933}.feature-card--green:hover{border-color:#34d39973}.feature-card--green:before{background:linear-gradient(135deg,#34d3990f,#0000)}.feature-card--purple{border-color:#a78bfa33}.feature-card--purple:hover{border-color:#a78bfa73}.feature-card--purple:before{background:linear-gradient(135deg,#a78bfa0f,#0000)}.feature-card__icon{font-size:2rem;line-height:1}.feature-card__title{color:var(--color-text);margin-top:.25rem;font-size:1.125rem;font-weight:600}.feature-card__desc{color:var(--color-text-secondary);flex:1;font-size:.875rem;line-height:1.5}.feature-card__arrow{color:var(--color-text-muted);transition:transform var(--transition), color var(--transition);align-self:flex-end;font-size:1.125rem}.feature-card:hover .feature-card__arrow{color:var(--color-primary);transform:translate(4px)}.dashboard__2fa{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;width:100%;max-width:900px;margin-top:2.5rem;padding:1.75rem}.dashboard__2fa-title{color:var(--color-text);margin-bottom:1.25rem;font-size:1.1rem;font-weight:600}.dashboard__2fa-actions{flex-wrap:wrap;gap:.75rem;display:flex}.dashboard__2fa-btn{background:var(--color-primary);color:#fff;cursor:pointer;transition:opacity var(--transition);border:none;border-radius:8px;padding:.6rem 1.4rem;font-size:.9rem;font-weight:600}.dashboard__2fa-btn--danger{color:var(--color-error);border:1.5px solid var(--color-error);background:0 0}.dashboard__2fa-btn--danger:hover:not(:disabled){background:#f8717114}.dashboard__2fa-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard__2fa-setup{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.dashboard__2fa-instructions{color:var(--color-text-secondary);max-width:420px;font-size:.9rem}.dashboard__2fa-secret{color:var(--color-text-secondary);font-size:.85rem}.dashboard__2fa-secret code{background:var(--color-dark);border:1px solid var(--color-border);color:var(--color-primary);word-break:break-all;border-radius:4px;padding:.15rem .4rem;font-family:monospace}.board{background:var(--color-dark);height:100dvh;color:var(--color-text);font-family:var(--font-sans);border-inline:1px solid var(--color-border);flex-direction:column;width:100%;max-width:720px;margin:0 auto;display:flex}.board__header{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex;position:sticky;top:0}.board__header-left{flex-direction:column;gap:2px;display:flex}.board__title{color:var(--color-primary);letter-spacing:-.01em;font-size:1.1rem;font-weight:700;line-height:1.2}.board__subtitle{color:var(--color-text-muted);font-size:.75rem}.board__badge{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.board__badge-dot{background:var(--color-success);border-radius:50%;flex-shrink:0;width:7px;height:7px}.board__feed{overscroll-behavior:contain;flex-direction:column;flex:1;gap:12px;padding:20px 16px;display:flex;overflow-y:auto}@media (width>=480px){.board__feed{padding:24px 20px}}.board__state{text-align:center;color:var(--color-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:48px 24px;font-size:.9rem;display:flex}.board__state-icon{opacity:.5;font-size:2rem}.board__error{border-radius:var(--radius-md);color:var(--color-error);background:#f8717114;border:1px solid #f8717140;align-items:flex-start;gap:10px;padding:12px 16px;font-size:.85rem;line-height:1.5;display:flex}.tx-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:16px;animation:.2s both card-in}.tx-card:hover{box-shadow:var(--shadow-sm);border-color:#a8c7fa4d}@keyframes card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tx-card__body{color:var(--color-text);white-space:pre-wrap;word-break:break-word;margin-bottom:12px;font-size:.95rem;line-height:1.6}.tx-card__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.tx-card__meta{align-items:center;gap:8px;display:flex}.tx-card__author{background:var(--color-surface-3);width:22px;height:22px;color:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex}.tx-card__date{color:var(--color-text-muted);font-size:.72rem}.tx-card__status{border-radius:var(--radius-full);align-items:center;gap:5px;padding:3px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.tx-card__status--read{color:var(--color-success);background:#34d3991a}.tx-card__status--unread{color:var(--color-primary);background:#a8c7fa1a}.tx-card__status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.board__composer{border-top:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;padding:14px 16px}@media (width>=480px){.board__composer{padding:16px 20px}}.board__form{align-items:flex-end;gap:10px;display:flex}.board__textarea{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);resize:none;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;flex:1;min-height:52px;max-height:160px;padding:12px 14px;font-family:inherit;font-size:.9rem;line-height:1.5;overflow-y:auto}.board__textarea::placeholder{color:var(--color-text-muted)}.board__textarea:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.board__textarea:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-dark);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-height:46px;padding:12px 18px;font-family:inherit;font-size:.875rem;font-weight:700;display:inline-flex}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 4px 12px #a8c7fa40}.btn-primary:active:not(:disabled){background:var(--color-primary-active);transform:scale(.97)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-spinner{border:2px solid #1012184d;border-top-color:var(--color-dark);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=768px){.board{border-inline:1px solid var(--color-border)}.board__title{font-size:1.2rem}.btn-primary{padding:12px 22px}}.transmissions-layout{flex-direction:column;height:100dvh;display:flex}.transmissions-topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:20;flex-shrink:0;align-items:center;height:44px;padding:0 1.25rem;display:flex;position:sticky;top:0}.transmissions-back{color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.transmissions-back:hover{color:var(--color-primary);background:var(--color-surface-3)}.transmissions-back:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.transmissions-layout .board{flex:1;height:auto;min-height:0}:root{--color-primary:#a8c7fa;--color-primary-hover:#82adef;--color-primary-active:#6b9de0;--color-secondary:#c4c7c5;--color-dark:#101218;--color-surface:#13161e;--color-surface-2:#1a1f2e;--color-surface-3:#212636;--color-border:#1e2330;--color-border-focus:var(--color-primary);--color-text:#e8eaf0;--color-text-secondary:#c4c7c5;--color-text-muted:#6b7280;--color-success:#34d399;--color-error:#f87171;--color-warning:#fbbf24;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #0006;--shadow-focus:0 0 0 3px #a8c7fa40;--transition-fast:.12s ease;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-dark);color:var(--color-text);min-height:100dvh;line-height:1.5}#root{flex-direction:column;min-height:100dvh;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}