.skip-link{background:var(--accent);color:var(--on-accent);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);z-index:9999;transition:top var(--anim-normal) ease;text-decoration:none;position:absolute;top:-100%;left:50%;transform:translate(-50%)}.skip-link:focus-visible{outline:var(--border-width-heavy) solid var(--warning);outline-offset:var(--outline-offset);top:1rem}:root,[data-theme=midnight]{--rail:#0f0a1a;--sidebar:#1a1333;--app-bg:#12101f;--panel:#1a1733;--line:#2a2545;--text:#e2e0f0;--muted:#9590b8;--accent:#6c5ce7;--accent-strong:#5a48d6;--on-accent:#fff;--accent-soft:#6c5ce71f;--accent-glow:#6c5ce759;--surface-glass:#1a1333d9;--danger:#e05252;--success:#4ecf73;--warning:#f0c040;--on-rail:#ffffffb3;--on-sidebar:#ffffffd9;--header-bg:#1a1733;--input-bg:#1e1b35;--btn-bg:#6c5ce726;--btn-hover-bg:#6c5ce740;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 12px 40px #00000073;--rail-gradient-end:#08051a;--sidebar-gradient-end:#120e28;--auth-page-bg:radial-gradient(circle at 10% 0%, #1a1333 0%, #12101f 50%, #0f0a1a 100%);--bubble-mine:color-mix(in srgb, var(--accent) 20%, var(--panel));--bubble-mine-text:var(--text);--bubble-theirs:color-mix(in srgb, var(--panel) 84%, var(--text) 16%);--bubble-theirs-text:var(--text);--bubble-radius:var(--space-2);--bubble-tail-radius:4px;--anim-fast:.15s;--anim-normal:.2s;--anim-slow:.3s;--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:ease-out;--anim-ultra-fast:.1s;--anim-moderate:.25s;--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--text-xs:10px;--text-2xs:11px;--text-sm:12px;--text-base:14px;--text-lg:16px;--text-xl:18px;--text-2xl:20px;--text-3xl:24px;--text-4xl:32px;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:800;--leading-none:1;--leading-tight-105:1.05;--leading-tight-110:1.1;--leading-120:1.2;--leading-135:1.35;--leading-normal:1.4;--leading-145:1.45;--leading-relaxed:1.5;--leading-155:1.55;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--tracking-wider:.08em;--tracking-widest:.18em;--tracking-002:.02em;--tracking-003:.03em;--tracking-005:.05em;--tracking-006:.06em;--tracking-2px:2px;--space-0_25:1px;--space-0_5:2px;--space-0_75:3px;--space-1:4px;--space-1_25:5px;--space-1_5:6px;--space-1_75:7px;--space-2:8px;--space-2_25:9px;--space-2_5:10px;--space-2_75:11px;--space-3:12px;--space-3_5:14px;--space-4:16px;--space-4_5:18px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-10:80px;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-md-lg:var(--space-2);--radius-lg:10px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:18px;--radius-full:999px;--outline-offset:2px;--border-width-thin:1px;--border-width-medium:1.5px;--border-width-thick:2px;--border-width-heavy:3px;--panel-width-xs:300px;--panel-width-sm:320px;--panel-width-md:340px;--panel-width-lg:360px;--panel-width-xl:400px;--panel-width-2xl:420px;--panel-width-3xl:480px;--breakpoint-xs:360px;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1400px;--breakpoint-3xl:1920px;--touch-target-min:44px;--touch-target-sm:36px;--touch-target-icon:32px;--overlay-bg:#00000073;--overlay-bg-light:#0006;--surface-hover:#0000000f;--story-default-bg:var(--panel);--gradient-pink:#ff80c0;--on-warning:#1b1300;--on-danger:#fff;--success-strong:#15803d;--info-strong:#1e40af;--overlay-bg-90:#000000e6;--overlay-bg-60:#0009;--overlay-bg-30:#0000004d;--overlay-text:#fff;--call-bg-top:#1d2b3a;--call-bg-bottom:#0f1722;--call-accept:#36c56e;--call-accept-strong:#1f9d52;--call-accept-hover:#2fb061;--call-decline:#e0455a;--call-decline-hover:#cf3a4e;--error-bg:color-mix(in srgb, var(--danger) 8%, var(--panel) 92%);--error-border:color-mix(in srgb, var(--danger) 25%, transparent);--error-text:color-mix(in srgb, var(--danger) 80%, black 20%);--warning-soft:color-mix(in srgb, var(--warning) 20%, var(--panel) 80%);--warning-strong:color-mix(in srgb, var(--warning) 70%, black 30%);--info-soft:color-mix(in srgb, var(--accent) 15%, var(--panel) 85%);--danger-strong:color-mix(in srgb, var(--danger) 85%, black 15%);--danger-soft:color-mix(in srgb, var(--danger) 12%, transparent);--attention-bg:color-mix(in srgb, var(--warning) 14%, var(--panel) 86%);--attention-text:color-mix(in srgb, var(--warning) 72%, black 28%)}[data-theme=cotton-candy]{--rail:#fce4f0;--sidebar:#fff0f6;--app-bg:#fffafc;--panel:#fff;--line:#f0d4e4;--text:#3d2033;--muted:#8a6578;--accent:#c42a6e;--accent-strong:#a8245e;--on-accent:#fff;--accent-soft:#c42a6e2e;--accent-glow:#c42a6e4d;--surface-glass:#fff0f6d9;--danger:#d43030;--success:#3aaa5a;--warning:#d4a020;--on-rail:#5a2040;--on-sidebar:#5a2040;--header-bg:#fff;--input-bg:#fdf5f9;--btn-bg:#c42a6e2e;--btn-hover-bg:#c42a6e47;--shadow-sm:0 1px 3px #64284614;--shadow-md:0 4px 12px #6428461a;--shadow-lg:0 12px 40px #6428461f;--rail-gradient-end:#f5d0e0;--sidebar-gradient-end:#fde8f2;--auth-page-bg:radial-gradient(circle at 10% 0%, #fff0f6 0%, #fffafc 50%, #fce4f0 100%);--bubble-mine:color-mix(in srgb, var(--accent) 20%, var(--panel));--bubble-mine-text:var(--text);--bubble-theirs:color-mix(in srgb, var(--panel) 84%, var(--text) 16%);--bubble-theirs-text:var(--text);--bubble-radius:var(--space-2);--bubble-tail-radius:4px}[data-theme=matcha]{--rail:#e8f0e4;--sidebar:#f0f5ed;--app-bg:#fafcf9;--panel:#fff;--line:#d0deca;--text:#1e2d1e;--muted:#5c7a5c;--accent:#4a7c59;--accent-strong:#3a6a48;--on-accent:#fff;--accent-soft:#4a7c591a;--accent-glow:#4a7c5940;--surface-glass:#f0f5edd9;--danger:#c44030;--success:#3a8a4a;--warning:#c49830;--on-rail:#2d4a2d;--on-sidebar:#2d4a2d;--header-bg:#fff;--input-bg:#fff;--btn-bg:#4a7c591a;--btn-hover-bg:#4a7c592e;--shadow-sm:0 1px 3px #1e3c1e0f;--shadow-md:0 4px 12px #1e3c1e14;--shadow-lg:0 12px 40px #1e3c1e1a;--rail-gradient-end:#d8e8d0;--sidebar-gradient-end:#e8f0e4;--auth-page-bg:radial-gradient(circle at 10% 0%, #f0f5ed 0%, #fafcf9 50%, #e8f0e4 100%);--bubble-mine:color-mix(in srgb, var(--accent) 20%, var(--panel));--bubble-mine-text:var(--text);--bubble-theirs:color-mix(in srgb, var(--panel) 84%, var(--text) 16%);--bubble-theirs-text:var(--text);--bubble-radius:var(--space-2);--bubble-tail-radius:4px}[data-theme=sunset]{--rail:#1a0f0a;--sidebar:#231510;--app-bg:#1c1210;--panel:#231510;--line:#3a2820;--text:#f0ddd5;--muted:#b09080;--accent:#f07040;--accent-strong:#e05a2a;--on-accent:#1a0f0a;--accent-soft:#f070401f;--accent-glow:#f0704059;--surface-glass:#231510d9;--danger:#e04040;--success:#50b060;--warning:#e0a830;--on-rail:#ffffffb3;--on-sidebar:#ffffffd9;--header-bg:#231510;--input-bg:#2a1a14;--btn-bg:#f0704026;--btn-hover-bg:#f0704040;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 12px 40px #00000073;--rail-gradient-end:#120a06;--sidebar-gradient-end:#1a100c;--auth-page-bg:radial-gradient(circle at 10% 0%, #231510 0%, #1c1210 50%, #1a0f0a 100%);--bubble-mine:color-mix(in srgb, var(--accent) 20%, var(--panel));--bubble-mine-text:var(--text);--bubble-theirs:color-mix(in srgb, var(--panel) 84%, var(--text) 16%);--bubble-theirs-text:var(--text);--bubble-radius:var(--space-2);--bubble-tail-radius:4px}[data-theme=ocean]{--rail:#0a1520;--sidebar:#0f1c2d;--app-bg:#0c1825;--panel:#0f1c2d;--line:#1a3045;--text:#d5e8f5;--muted:#7aa0c0;--accent:#0fbcf9;--accent-strong:#0a9fd4;--on-accent:#0a1520;--accent-soft:#0fbcf91f;--accent-glow:#0fbcf959;--surface-glass:#0f1c2dd9;--danger:#e05252;--success:#40c880;--warning:#e0b830;--on-rail:#ffffffb3;--on-sidebar:#ffffffd9;--header-bg:#0f1c2d;--input-bg:#132538;--btn-bg:#0fbcf91f;--btn-hover-bg:#0fbcf938;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 12px 40px #00000073;--rail-gradient-end:#060e18;--sidebar-gradient-end:#0a1520;--auth-page-bg:radial-gradient(circle at 10% 0%, #0f1c2d 0%, #0c1825 50%, #0a1520 100%);--bubble-mine:color-mix(in srgb, var(--accent) 20%, var(--panel));--bubble-mine-text:var(--text);--bubble-theirs:color-mix(in srgb, var(--panel) 84%, var(--text) 16%);--bubble-theirs-text:var(--text);--bubble-radius:var(--space-2);--bubble-tail-radius:4px}[data-theme=lavender-dream]{--rail:#ede4f5;--sidebar:#f3eef8;--app-bg:#faf8fc;--panel:#fff;--line:#ddd0ec;--text:#2d2040;--muted:#7a6898;--accent:#7c5cbf;--accent-strong:#6a48ab;--on-accent:#fff;--accent-soft:#7c5cbf1a;--accent-glow:#7c5cbf47;--surface-glass:#f3eef8d9;--danger:#d4385a;--success:#3aaa5a;--warning:#c49830;--on-rail:#3a2858;--on-sidebar:#3a2858;--header-bg:#fff;--input-bg:#fff;--btn-bg:#7c5cbf1a;--btn-hover-bg:#7c5cbf2e;--shadow-sm:0 1px 3px #321e500f;--shadow-md:0 4px 12px #321e5014;--shadow-lg:0 12px 40px #321e501a;--rail-gradient-end:#e0d4ee;--sidebar-gradient-end:#ebe4f4;--auth-page-bg:radial-gradient(circle at 10% 0%, #f3eef8 0%, #faf8fc 50%, #ede4f5 100%);--bubble-mine:color-mix(in srgb, var(--accent) 20%, var(--panel));--bubble-mine-text:var(--text);--bubble-theirs:color-mix(in srgb, var(--panel) 84%, var(--text) 16%);--bubble-theirs-text:var(--text);--bubble-radius:var(--space-2);--bubble-tail-radius:4px}[data-theme=rose-gold]{--rail:#f0e4dc;--sidebar:#f7f0ea;--app-bg:#fcf9f7;--panel:#fff;--line:#e0d0c4;--text:#3a2a20;--muted:#856b5c;--accent:#c47d5a;--accent-strong:#b06a48;--on-accent:#1a0f0a;--accent-soft:#c47d5a1a;--accent-glow:#c47d5a47;--surface-glass:#f7f0ead9;--danger:#c44030;--success:#4a9a50;--warning:#c49830;--on-rail:#4a3528;--on-sidebar:#4a3528;--header-bg:#fff;--input-bg:#fff;--btn-bg:#c47d5a1a;--btn-hover-bg:#c47d5a2e;--shadow-sm:0 1px 3px #3c281e0f;--shadow-md:0 4px 12px #3c281e14;--shadow-lg:0 12px 40px #3c281e1a;--rail-gradient-end:#e8d8cc;--sidebar-gradient-end:#f0e6dc;--auth-page-bg:radial-gradient(circle at 10% 0%, #f7f0ea 0%, #fcf9f7 50%, #f0e4dc 100%);--bubble-mine:color-mix(in srgb, var(--accent) 20%, var(--panel));--bubble-mine-text:var(--text);--bubble-theirs:color-mix(in srgb, var(--panel) 84%, var(--text) 16%);--bubble-theirs-text:var(--text);--bubble-radius:var(--space-2);--bubble-tail-radius:4px}[data-theme=arctic]{--rail:#e4eef5;--sidebar:#eef4f9;--app-bg:#f8fbfd;--panel:#fff;--line:#ccdde8;--text:#1a2a3a;--muted:#557492;--accent:#3a8fd4;--accent-strong:#2a7ac0;--on-accent:#07111c;--accent-soft:#3a8fd41a;--accent-glow:#3a8fd447;--surface-glass:#eef4f9d9;--danger:#d43838;--success:#3a9a5a;--warning:#c49830;--on-rail:#2a4560;--on-sidebar:#2a4560;--header-bg:#fff;--input-bg:#fff;--btn-bg:#3a8fd41a;--btn-hover-bg:#3a8fd42e;--shadow-sm:0 1px 3px #14283c0f;--shadow-md:0 4px 12px #14283c14;--shadow-lg:0 12px 40px #14283c1a;--rail-gradient-end:#d4e4f0;--sidebar-gradient-end:#e4eef5;--auth-page-bg:radial-gradient(circle at 10% 0%, #eef4f9 0%, #f8fbfd 50%, #e4eef5 100%);--bubble-mine:color-mix(in srgb, var(--accent) 20%, var(--panel));--bubble-mine-text:var(--text);--bubble-theirs:color-mix(in srgb, var(--panel) 84%, var(--text) 16%);--bubble-theirs-text:var(--text);--bubble-radius:var(--space-2);--bubble-tail-radius:4px}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--muted) 40%, transparent) transparent}body{color:var(--text);background:var(--app-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color var(--anim-slow) ease, color var(--anim-slow) ease;margin:0;font-family:Inter,system-ui,-apple-system,Helvetica Neue,Segoe UI,sans-serif}.icon-inline{vertical-align:text-bottom;margin-right:var(--space-1)}label{gap:var(--space-1);color:var(--muted);font-size:var(--text-base);flex-direction:column;display:flex}::selection{background:var(--accent);color:var(--on-accent)}::-webkit-scrollbar{width:var(--space-1_5);height:var(--space-1_5)}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 40%, transparent);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--muted) 60%, transparent)}input,textarea{border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-2_5);min-width:180px;color:var(--text);background:var(--input-bg);font-family:inherit;font-size:inherit;transition:border-color var(--anim-fast), box-shadow var(--anim-fast)}textarea{min-width:0}input:focus-visible,textarea:focus-visible{outline:var(--border-width-thick) solid var(--accent);outline-offset:0}select{border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-6) var(--space-2) var(--space-2_5);color:var(--text);background-color:var(--input-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center;font-family:inherit;font-size:inherit;cursor:pointer;appearance:none;transition:border-color var(--anim-fast), box-shadow var(--anim-fast)}select:focus-visible{outline:var(--border-width-thick) solid var(--accent);outline-offset:0}input[type=checkbox],input[type=radio]{width:auto;min-width:0;accent-color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0}button{border:var(--border-width-thin) solid transparent;border-radius:var(--radius-xl);padding:var(--space-2) var(--space-3);cursor:pointer;background:var(--btn-bg);color:var(--text);font-family:inherit;font-size:inherit;transition:transform var(--anim-normal) cubic-bezier(.34, 1.56, .64, 1), background var(--anim-fast) ease, box-shadow var(--anim-fast) ease, border-color var(--anim-fast) ease, opacity var(--anim-fast) ease}button:hover{background:var(--btn-hover-bg)}button:active{box-shadow:none;transition-duration:var(--anim-ultra-fast);transform:translateY(0)scale(.97)}button.active{background:var(--accent);color:var(--on-accent);box-shadow:0 2px var(--space-2) var(--accent-glow)}.btn-primary{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);color:var(--on-accent);font-weight:var(--font-weight-semibold);box-shadow:0 2px var(--space-2) var(--accent-glow);border:none}.btn-primary:hover{box-shadow:0 4px 16px var(--accent-glow);background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%)}.btn-icon:hover{color:var(--accent);background:var(--accent-soft);box-shadow:none;transform:translateY(0)}.btn-danger{color:var(--danger);border:var(--border-width-thin) solid color-mix(in srgb, var(--danger) 40%, transparent);background:0 0}.btn-danger:hover{background:color-mix(in srgb, var(--danger) 10%, transparent);border-color:var(--danger)}.btn-icon{border-radius:var(--radius-lg);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--muted);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes reaction-pop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 12px 4px var(--accent-glow)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-up{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slide-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes modal-scale-down{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}@keyframes slide-out-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes overlay-fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(var(--space-5))}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg, var(--panel) 25%, var(--accent-soft) 50%, var(--panel) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@supports (view-transition-name:none){::view-transition-old(root){animation-duration:var(--anim-moderate);animation-timing-function:var(--ease-smooth)}::view-transition-new(root){animation-duration:var(--anim-moderate);animation-timing-function:var(--ease-smooth)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}.settings-panel-sheet,.home-pane{will-change:auto}.skeleton{background:var(--accent-soft);animation:none}.call-recording-pulse,.guardian-recording-icon .recording-pulse{opacity:1;animation:none;transform:scale(1)}.invite-landing-spinner{animation:none;transform:rotate(45deg)}}@media (forced-colors:active){.auth-hero h1{-webkit-text-fill-color:CanvasText;background:0 0}.primary-pill{color:buttontext;background:buttonface;border:2px solid buttontext;animation:none}.recent-item-card.notification-unread{border-color:highlight}}:focus-visible{outline:var(--border-width-thick) solid var(--accent);outline-offset:var(--outline-offset)}.sr-only{width:var(--space-0_25);height:var(--space-0_25);margin:-var(--space-0_25);clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}.app-loading-inline{min-height:96px;padding:var(--space-6);color:var(--muted);font-size:var(--text-base);font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;display:flex}.status{color:var(--muted);margin:0}.error{color:var(--danger);margin:0}.inline-form{gap:var(--space-2);display:flex}.auth-page{gap:var(--space-6);min-height:100vh;padding:var(--space-8);background:var(--auth-page-bg);grid-template-columns:1fr minmax(340px,460px);align-items:center;display:grid}.auth-hero{color:var(--text);gap:var(--space-4);flex-direction:column;display:flex}.auth-hero-logo{border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);animation:brand-logo-in var(--anim-slow) var(--ease-smooth) both}@keyframes brand-logo-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.loading-logo-pulse{animation:brand-logo-in var(--anim-slow) var(--ease-smooth) both, brand-logo-pulse 2.2s ease-in-out .4s infinite}@keyframes brand-logo-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.auth-hero-logo,.loading-logo-pulse{animation:none}}.auth-eyebrow{font-size:var(--text-sm);font-weight:var(--font-weight-black);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:color-mix(in srgb, var(--accent) 68%, black 32%)}.auth-hero h1{font-size:clamp(2rem,4vw,3.4rem);line-height:var(--leading-tight-105);background:linear-gradient(135deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 60%, #ff80c0 40%) 50%, var(--accent-strong) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0}.auth-hero p{color:var(--muted);font-size:var(--text-lg);max-width:50ch;margin:0}.auth-hero ul{padding-left:var(--space-4_5);color:var(--muted);gap:var(--space-2);margin:0;display:grid}.panel{background:color-mix(in oklab, var(--panel) 96%, white 4%);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-2xl);box-shadow:0 12px 40px #1d1c1d1f}.auth-card{gap:var(--space-2_5);padding:var(--space-5);animation:auth-slide-in var(--anim-moderate) ease-out;max-height:calc(100vh - var(--space-8) * 2);flex-direction:column;display:flex;overflow-y:auto}.auth-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.auth-card-header h2{margin:var(--space-1) 0 0}.auth-section-kicker{color:var(--muted);font-size:var(--text-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase}.auth-field-hint{color:var(--muted);font-size:var(--text-sm);margin:calc(-1 * var(--space-1)) 0 var(--space-2);line-height:1.35}.auth-method-pill{border:var(--border-width-thin) solid color-mix(in srgb, var(--line) 78%, var(--accent) 22%);border-radius:var(--radius-full);color:color-mix(in srgb, var(--accent) 72%, black 28%);font-size:var(--text-sm);font-weight:var(--font-weight-bold);padding:var(--space-1_75) var(--space-2_75);text-transform:uppercase;white-space:nowrap}@keyframes auth-slide-in{0%{opacity:0;transform:translateY(var(--space-2_5))}to{opacity:1;transform:translateY(0)}}.recovery-banner{justify-content:space-between;align-items:center;gap:var(--space-3);border-radius:var(--radius-2xl);padding:var(--space-3) var(--space-3_5);background:color-mix(in srgb, var(--warning) 18%, var(--panel) 82%);border:var(--border-width-thin) solid color-mix(in srgb, var(--warning) 38%, var(--line) 62%);color:var(--text);animation:slide-up-fade var(--anim-normal) var(--ease-smooth);display:flex}.recovery-banner span{line-height:var(--leading-normal);flex:1;min-width:0}.recovery-banner .auth-link-button{white-space:nowrap;flex-shrink:0}.offline-banner{background:color-mix(in srgb, var(--warning) 12%, var(--panel) 88%);border:var(--border-width-thin) solid color-mix(in srgb, var(--warning) 35%, var(--line) 65%);border-radius:var(--radius-2xl);color:var(--text);text-align:left;padding:var(--space-1_5) var(--space-3_5);font-size:var(--text-sm);font-weight:var(--font-weight-medium);animation:slide-up-fade var(--anim-normal) var(--ease-smooth)}.back-online-banner{background:color-mix(in srgb, var(--success) 12%, var(--panel) 88%);border-color:color-mix(in srgb, var(--success) 35%, var(--line) 65%);color:var(--text)}.offline-queue-notice{text-align:center;font-size:var(--text-2xs);color:var(--warning-strong);padding:var(--space-0_5) var(--space-4);animation:fade-in var(--anim-fast) var(--ease-smooth)}.auth-checklist{gap:var(--space-2);margin-top:var(--space-1);display:grid}.auth-checklist-item{background:color-mix(in oklab, var(--panel) 92%, white 8%);border:var(--border-width-thin) solid color-mix(in srgb, var(--line) 90%, white 10%);border-radius:var(--radius-2xl);align-items:center;gap:var(--space-2_5);padding:var(--space-2_5) var(--space-3);grid-template-columns:32px 1fr;display:grid}.auth-checklist-item strong{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);border-radius:var(--radius-full);color:var(--on-accent);height:calc(2 * var(--space-2));width:calc(2 * var(--space-2));justify-content:center;align-items:center;display:inline-flex}.auth-checklist-item span{color:var(--muted);line-height:var(--leading-135)}.primary-pill{border-radius:var(--radius-full);border:var(--border-width-thin) solid transparent;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);color:var(--on-accent);font-weight:var(--font-weight-bold);padding:var(--space-2_75) var(--space-5);box-shadow:0 4px 20px var(--accent-glow);letter-spacing:var(--tracking-002);transition:transform var(--anim-normal) ease-out, box-shadow var(--anim-normal) var(--ease-smooth)}.primary-pill:hover{transform:translateY(calc(-1 * var(--space-0_5)));box-shadow:0 var(--space-2) calc(2 * var(--space-2)) var(--accent-glow)}.secondary-pill{border-radius:var(--radius-full);border:var(--border-width-thin) solid var(--line);color:var(--muted);font-weight:var(--font-weight-semibold);padding:var(--space-2_25) var(--space-4_5);transition:border-color var(--anim-fast), color var(--anim-fast), background var(--anim-fast);background:0 0}.secondary-pill:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.auth-link-button{padding:var(--space-2) var(--space-3);color:var(--accent);font-weight:var(--font-weight-semibold);min-height:var(--touch-target-min);background:0 0;border:none;align-items:center;text-decoration:underline;display:inline-flex}.auth-link-button:hover{opacity:.8}.app-shell{background:var(--app-bg);height:100vh;color:var(--text);transition:background-color var(--anim-slow) ease, color var(--anim-slow) ease;overflow:hidden}.workspace-shell{--conv-list-width:380px;--thread-panel-width:var(--panel-width-lg);grid-template-columns:64px var(--conv-list-width) 1fr;grid-template-rows:auto 1fr;height:100%;display:grid;position:relative;overflow:hidden}.workspace-shell>[data-testid=conversations-nav],.workspace-shell>.home-pane{grid-row:2}.workspace-shell>[data-testid=conversations-nav]{flex-direction:column;min-height:0;display:flex;position:relative}@media (width>=769px){.workspace-shell.siderail-takeover{grid-template-columns:64px 1fr}}@media (width>=1100px){.workspace-shell.thread-open{grid-template-columns:64px var(--conv-list-width) minmax(0, 1fr) var(--thread-panel-width)}.workspace-shell.thread-open .thread-panel{z-index:auto;width:auto;height:100%;min-height:0;box-shadow:none;will-change:auto;border-radius:0;grid-area:2/4;animation:none;position:relative;inset:auto}}.workspace-shell>.error-boundary-wrapper{z-index:540;background:var(--app-bg);position:absolute;inset:0}.shell-banners{gap:var(--space-2);margin:var(--space-3) var(--space-3) 0;z-index:80;pointer-events:none;flex-direction:column;grid-area:1/2/auto/-1;min-width:0;display:flex;position:relative}.shell-banners>*{pointer-events:auto}.workspace-shell,.conversation-pane{transition:background-color var(--anim-slow) ease, color var(--anim-slow) ease, border-color var(--anim-slow) ease}.btn-primary-sm{background:var(--accent);color:var(--on-accent);border-radius:var(--radius-md);padding:var(--space-1_25) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--anim-fast) ease;border:none}.btn-primary-sm:hover{background:var(--accent-strong)}.btn-ghost-sm{color:var(--muted);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-md);padding:var(--space-1_25) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:color var(--anim-fast) ease, border-color var(--anim-fast) ease;background:0 0}.btn-ghost-sm:hover{color:var(--text);border-color:var(--muted)}.conversation-pane-main{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.conversation-pane{background:var(--app-bg);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.home-pane{min-width:0;transition:grid-template-columns var(--anim-moderate) var(--ease-smooth);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) 280px;display:grid;position:relative;overflow:hidden}.home-pane.no-recents,.home-pane.context-rail-expanded,.home-pane.context-rail-collapsed{grid-template-columns:minmax(0,1fr)}.home-pane.no-recents .home-tabs{grid-column:1/2}.home-tabs{gap:var(--space-2);width:100%;max-width:100%;padding:var(--space-2) var(--space-3);background:var(--header-bg);border-bottom:var(--border-width-thin) solid var(--line);box-sizing:border-box;grid-column:1/-1;min-width:0;display:flex}.home-tabs button{border:var(--border-width-thin) solid var(--line);color:var(--muted);border-radius:var(--radius-full);font-size:var(--text-base);padding:var(--space-1_25) var(--space-3);align-items:center;gap:var(--space-1_5);transition:background var(--anim-fast), border-color var(--anim-fast), color var(--anim-fast);background:0 0;display:inline-flex}.home-tabs button.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.home-tab-count{min-width:var(--space-4);height:var(--space-4);padding:0 var(--space-1_5);border-radius:var(--radius-full);background:var(--danger);color:#fff;font-size:var(--text-xs);font-weight:var(--font-weight-bold);line-height:var(--space-4);text-align:center}.home-tabs button.active .home-tab-count{background:var(--panel);color:var(--accent)}.recents-pane{min-width:0}.recents-pane .conversation-header,.recents-pane .message-list{width:100%;max-width:960px;margin-left:auto;margin-right:auto}.recents-pane .message-list{justify-content:flex-start}.recents-pane .message-list .empty-state-center{margin:auto}.recents-rail{width:var(--panel-width-lg);z-index:90;border-left:var(--border-width-thin) solid var(--line);background:var(--header-bg);border-radius:var(--radius-3xl) 0 0 var(--radius-3xl);max-width:100vw;animation:slide-in-right var(--anim-moderate) var(--ease-smooth);gap:var(--space-2);padding:var(--space-2_5);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-4px 0 12px #0000001a}.conversation-context-rail{min-width:0;overflow-x:hidden}.conversation-context-rail.is-collapsed{align-items:stretch;gap:var(--space-2);padding:var(--space-2)}.conversation-context-rail.is-backgrounded{opacity:.72}.conversation-context-rail-header{justify-content:flex-end;min-width:0;display:flex}.context-rail-toggle{background:color-mix(in srgb, var(--accent) 9%, var(--panel));border:var(--border-width-thin) solid color-mix(in srgb, var(--accent) 24%, var(--line));border-radius:var(--radius-full);color:var(--accent);cursor:pointer;font-size:var(--text-sm);align-items:center;gap:var(--space-1);min-height:var(--space-8);padding:var(--space-1) var(--space-2);transition:background-color var(--anim-fast), border-color var(--anim-fast), color var(--anim-fast);justify-content:center;font-weight:800;display:inline-flex}.context-rail-toggle:hover{background:color-mix(in srgb, var(--accent) 16%, var(--panel))}.conversation-context-rail.is-collapsed .conversation-context-rail-header{justify-content:center}.conversation-context-rail.is-collapsed .context-rail-toggle{border-radius:var(--radius-lg);min-width:100%;padding:var(--space-2) var(--space-1)}.conversation-context-rail.is-collapsed .context-rail-toggle-label{writing-mode:vertical-rl}.context-rail-tabs{gap:var(--space-1);grid-template-columns:1fr 1fr;display:grid}.context-rail-tabs button{border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-full);color:var(--muted);cursor:pointer;font-size:var(--text-sm);justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-1_25) var(--space-2);background:0 0;font-weight:800;display:inline-flex}.context-rail-tabs button.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.context-rail-tabs button:disabled{cursor:not-allowed;opacity:.5}.context-rail-tabs button span,.context-rail-collapsed-btn strong{border-radius:var(--radius-full);font-size:var(--text-xs);min-width:var(--space-5);justify-content:center;align-items:center;display:inline-flex}.context-rail-collapsed-actions{gap:var(--space-2);display:grid}.context-rail-collapsed-btn{background:var(--header-bg);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-lg);color:var(--text);cursor:pointer;align-items:center;gap:var(--space-0_5);min-height:58px;padding:var(--space-1);justify-items:center;display:grid}.context-rail-collapsed-btn span{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;writing-mode:vertical-rl;font-size:.65rem;font-weight:800}.recents-rail h3{color:var(--text);font-size:var(--text-sm);letter-spacing:.01em;justify-content:space-between;align-items:center;margin:0;font-weight:800;display:flex}.recents-rail h3 span{background:color-mix(in srgb, var(--accent) 10%, var(--panel));border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));border-radius:var(--radius-full);color:var(--accent);font-size:var(--text-xs);min-width:var(--space-6);text-align:center;padding:.1rem .4rem;font-weight:800}.recents-rail-section{gap:var(--space-2);min-width:0;display:grid}.recent-rail-item,.recent-item-card{border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-lg);background:var(--header-bg);text-align:left;gap:var(--space-0_5);min-width:0;padding:var(--space-1_5) var(--space-2);flex-direction:column;display:flex}.recent-rail-item strong,.recent-rail-item span,.recent-rail-item em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.saved-rail-item{border-color:color-mix(in srgb, var(--accent) 40%, var(--line))}.saved-rail-item-header{align-items:center;gap:var(--space-1);min-width:0;display:flex}.saved-rail-thread-pill{background:color-mix(in srgb, var(--accent) 12%, var(--panel));border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));border-radius:var(--radius-full);color:var(--accent);font-size:var(--text-xs);text-transform:uppercase;flex:none;padding:.15rem .35rem;font-weight:800;line-height:1}.recent-rail-view-all{background:color-mix(in srgb, var(--accent) 8%, var(--panel));color:var(--accent);padding:var(--space-2) var(--space-2_5);border-radius:var(--radius-lg);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--anim-fast);margin-top:var(--space-1);border:none;font-weight:500}.recent-rail-view-all:hover{background:color-mix(in srgb, var(--accent) 16%, var(--panel))}.recent-item-card{margin:0 var(--space-4) var(--space-2);animation:fade-in var(--anim-normal) var(--ease-smooth)}.recent-rail-item strong,.recent-item-card strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-rail-item span,.recent-item-card span,.recent-rail-item em,.recent-item-card em{color:var(--muted);font-size:var(--text-sm);font-style:normal}.empty-state-pane{justify-content:center;align-items:center;display:flex}.empty-state-center{text-align:center;max-width:var(--panel-width-lg);padding:var(--space-8) var(--space-6);animation:fade-in var(--anim-slow) var(--ease-smooth)}.empty-state-icon{color:var(--accent);opacity:.6;margin-bottom:var(--space-4)}.empty-state-center h2{margin:0 0 var(--space-2);font-size:var(--text-2xl);color:var(--text)}.empty-state-center p{margin:0 0 var(--space-3);color:var(--muted);font-size:var(--text-base);line-height:var(--leading-relaxed)}.empty-state-hint{padding:var(--space-2_5) var(--space-3_5);background:var(--accent-soft);border-radius:var(--radius-md-lg);font-size:var(--text-base)}.home-tabs .mobile-hamburger{border:var(--border-width-thin) solid var(--line);color:var(--muted);border-radius:var(--radius-full);padding:var(--space-1_25) var(--space-2_5);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:none;position:relative}.mobile-space-chip-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mobile-space-chip-otherdot{width:8px;height:8px;margin-left:var(--space-1);background:var(--accent);border-radius:50%;flex:none}.mobile-back-btn{color:var(--accent);padding:var(--space-1) var(--space-2);font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;align-items:center;gap:var(--space-1);border-radius:var(--radius-md-lg);transition:background var(--anim-fast);background:0 0;border:none;flex-shrink:0;display:none}.mobile-back-btn:hover{background:var(--accent-soft)}.home-tabs-row{align-items:center;gap:var(--space-1_5);min-width:0;display:flex}.home-tabs-tablist{align-items:center;gap:var(--space-1);scrollbar-width:none;min-width:0;-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--space-4)), transparent 100%);mask-image:linear-gradient(to right, #000 calc(100% - var(--space-4)), transparent 100%);flex:auto;display:flex;overflow-x:auto}.home-tabs-tablist::-webkit-scrollbar{display:none}.mobile-space-chip{width:100%;min-width:0;padding:var(--space-0_5) var(--space-1);color:var(--muted);text-align:left;cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;transition:color var(--anim-fast);background:0 0;border:none;align-items:center;display:none;overflow:hidden}.mobile-space-chip:hover{color:var(--accent)}.mobile-sidebar-backdrop{display:none}.guardian-header-badge{background:var(--accent-soft);color:var(--accent);border:1.5px solid color-mix(in srgb, var(--accent) 40%, transparent);border-radius:var(--radius-full);padding:var(--space-1_25) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-weight-bold);cursor:pointer}.sidebar-shield-icon{margin-right:var(--space-1);vertical-align:middle;display:inline}.sidebar-community-heading{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4) var(--space-1);flex-wrap:wrap;display:flex}.community-badge{padding:var(--space-0_5) var(--space-1_5);border-radius:var(--radius-sm,4px);white-space:nowrap;cursor:help;font-size:.65rem;font-weight:600;line-height:1}.community-badge-quiet,.community-badge-approval{background:var(--input-bg);color:var(--muted)}.conversation-header{padding:var(--space-3) var(--space-4);border-bottom:var(--border-width-thin) solid var(--line);align-items:center;gap:var(--space-1_5);background:var(--header-bg);flex-shrink:0;min-height:49px;display:flex}.conversation-header h2{font-size:var(--text-base);font-weight:var(--font-weight-bold);white-space:nowrap;text-overflow:ellipsis;flex:0 55%;min-width:6ch;margin:0;overflow:hidden}.conversation-header-meta{align-items:center;gap:var(--space-1_5);flex:1;min-width:0;display:flex;overflow:hidden}.conversation-header-subtitle{font-size:var(--text-base);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.conversation-header-channel-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.message-list{padding:var(--space-2) 0 var(--space-1);scrollbar-gutter:stable;z-index:1;overflow-anchor:none;flex-direction:column;flex:1;min-height:min(180px,38vh);display:flex;position:relative;overflow-y:auto}.virtuoso-message-list{flex:auto;height:100%;min-height:0}.compact-message-list{gap:var(--space-1);flex-direction:column;flex:none;min-height:0;display:flex}.older-messages-hint{text-align:center;padding:var(--space-2) var(--space-4);font-size:var(--text-base);color:var(--muted)}.empty-message{color:var(--muted);text-align:center;padding:var(--space-8) var(--space-4);font-size:var(--text-base)}.presence-dot{transition:background-color var(--anim-normal) var(--ease-smooth), opacity var(--anim-normal) var(--ease-smooth);width:var(--space-2_5);height:var(--space-2_5);border:var(--border-width-thick) solid var(--panel);pointer-events:none;z-index:1;border-radius:50%;position:absolute;bottom:0;right:0}.presence-dot--online{background:var(--success)}.presence-dot--away{background:var(--warning)}.presence-dot--offline{background:var(--muted);opacity:.5}.member-presence-dot{width:var(--space-2);height:var(--space-2);transition:background-color var(--anim-normal) var(--ease-smooth), opacity var(--anim-normal) var(--ease-smooth);border-radius:50%;flex-shrink:0;display:inline-block}.member-presence-dot--online{background:var(--success)}.member-presence-dot--away{background:var(--warning)}.member-presence-dot--offline{background:var(--muted);opacity:.5}.modal-backdrop.closing{animation:overlay-fade-out var(--anim-normal) var(--ease-smooth) forwards}.modal-backdrop.closing .forward-modal{animation:modal-scale-down var(--anim-moderate) ease-out forwards}.modal-backdrop{background:var(--overlay-bg);-webkit-backdrop-filter:blur(2px);z-index:999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.forward-modal{background:var(--header-bg);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);min-width:280px;max-width:380px;max-height:400px;box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.forward-modal h3{font-size:var(--text-base);margin:0}.forward-channel-list{gap:var(--space-1);flex-direction:column;max-height:280px;display:flex;overflow-y:auto}.forward-channel-item{text-align:left;border:1px solid var(--input-bg);border-radius:var(--radius-md-lg);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text);cursor:pointer;transition:background var(--anim-fast), border-color var(--anim-fast);background:0 0}.forward-channel-item:hover{background:var(--accent-soft);border-color:var(--accent)}.forward-cancel{border:1px solid var(--input-bg);border-radius:var(--radius-md-lg);padding:var(--space-2);font-size:var(--text-sm);color:var(--muted);cursor:pointer;background:0 0}@media (width<=1024px){.workspace-shell{grid-template-columns:64px 280px 1fr}.home-pane{grid-template-columns:180px minmax(0,1fr)}.home-pane.no-recents{grid-template-columns:1fr}}@media (width>=769px) and (width<=1024px){.home-pane.context-rail-collapsed,.home-pane.context-rail-expanded{grid-template-columns:minmax(0,1fr)}}@media (width<=1024px) and (height<=700px){.message-list{min-height:min(120px,24vh)}}@media (width<=1024px) and (height<=640px){.message-list{min-height:min(72px,16vh)}}@media (width<=1024px) and (height<=560px){.home-tabs{padding:var(--space-1) var(--space-2);gap:var(--space-1)}.home-tabs button{min-height:36px;padding:0 var(--space-2);font-size:var(--text-2xs)}.home-tabs-actions{gap:var(--space-0_5)}.home-tabs-actions .header-action-btn{min-height:36px;padding:var(--space-0_5) var(--space-1_25)}.message-list{min-height:min(24px,6vh)}}@media (width<=768px){.workspace-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr;position:relative;overflow:clip}.workspace-shell>.shell-banners,.workspace-shell>[data-testid=conversations-nav],.workspace-shell>.home-pane{grid-column:1}.home-pane,.home-pane.no-recents{z-index:11;width:100vw;max-width:100vw;transition:transform var(--anim-moderate) cubic-bezier(.32, .72, 0, 1);pointer-events:auto;will-change:transform;grid-template-rows:auto 1fr;grid-template-columns:1fr;position:absolute;inset:0;overflow:hidden;transform:translate(100%)}.home-pane.context-rail-expanded,.home-pane.context-rail-collapsed{grid-template-columns:1fr}.home-pane .conversation-pane-main,.home-pane .conversation-pane,.home-pane .conversation-header,.home-pane .home-tabs,.workspace-shell.mobile-chat-open .home-pane,.workspace-shell.mobile-chat-open .home-pane.no-recents{pointer-events:auto;transform:translate(0)}.mobile-back-btn{display:flex}.home-tabs .mobile-hamburger{display:none}.home-tabs{align-items:stretch;gap:var(--space-1);flex-direction:column;grid-column:1/2}.mobile-space-chip{display:flex}.home-tabs-actions{flex-wrap:nowrap}.mobile-theme-btn{display:inline-flex}.recents-rail{border-radius:0;width:auto;max-width:none;animation:none;left:0;right:0;transform:none}.mobile-sidebar-backdrop{z-index:499;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:overlay-fade var(--anim-normal) var(--ease-smooth);background:#00000080;display:block;position:fixed;inset:0}.mobile-sidebar-backdrop.hidden{animation:overlay-fade-out var(--anim-normal) var(--ease-smooth) forwards}.conversation-header{align-items:flex-start;gap:var(--space-1);padding:var(--space-2) var(--space-3);flex-direction:column;min-height:auto}.conversation-header-meta{width:100%}.conversation-header h2{font-size:var(--text-lg)}.conversation-header-actions{gap:var(--space-1);scrollbar-width:none;z-index:2;flex-wrap:nowrap;flex-shrink:1;width:100%;position:relative;overflow-x:auto}.conversation-header-actions::-webkit-scrollbar{display:none}.conversation-header-actions .header-action-btn{font-size:var(--text-2xs);padding:var(--space-0_5) var(--space-1_5);z-index:3;flex-shrink:1;position:relative}.guardian-today-stats,.guardian-ai-stats-row{gap:var(--space-2);flex-direction:column}.header-action-btn{align-items:center;min-height:44px;display:inline-flex}.mobile-back-btn,.home-tabs button,.auth-link-button{min-height:44px}.home-tabs-actions .header-action-btn{flex:0 0 44px;justify-content:center;width:44px;padding:0}.mobile-space-chip{min-height:44px}.btn-icon{min-width:44px;min-height:44px}input{min-width:0}}@media (width<=480px){.conversation-header-actions{gap:var(--space-1);row-gap:var(--space-1_5);flex-wrap:nowrap}.conversation-header-actions .header-action-btn{font-size:var(--text-2xs);padding:var(--space-0_5) var(--space-1_25)}}@supports (padding:env(safe-area-inset-top)){.home-tabs{padding-top:env(safe-area-inset-top)}}.guardian-header-badge-count{min-width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--danger);color:#fff;font-size:var(--text-2xs);font-weight:var(--font-weight-black);margin-left:var(--space-1_5);padding:0 var(--space-1);animation:reaction-pop var(--anim-normal) var(--ease-bounce);justify-content:center;align-items:center;display:inline-flex}.tab-description{font-size:var(--text-base);color:var(--muted);line-height:var(--leading-normal);margin:0}.header-action-btn:disabled{opacity:.5;cursor:not-allowed}.conversation-header-actions{gap:var(--space-2);flex-shrink:0;align-items:center;min-width:0;max-width:100%;margin-left:auto;display:flex}.conversation-header-call-btn{gap:var(--space-1_5)}.conversation-header-call-label{white-space:nowrap}@media (width<=720px){.conversation-header-call-label{font-size:var(--text-2xs)}}.conversation-header-overflow{display:inline-flex;position:relative}.conversation-header-overflow-btn{padding:var(--space-1_5)!important}.conversation-header-overflow-menu{top:calc(100% + var(--space-2));z-index:200;min-width:230px;padding:var(--space-1);border-radius:var(--radius-lg);border:var(--border-width-thin) solid var(--line);background:var(--header-bg);animation:modal-scale-up var(--anim-fast) var(--ease-spring);transform-origin:100% 0;flex-direction:column;display:flex;position:absolute;right:0;box-shadow:0 14px 32px #00000038}.conversation-overflow-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-2_5);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-sm);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;display:inline-flex}.conversation-overflow-item:hover,.conversation-overflow-item:focus-visible{background:var(--accent-soft);color:var(--accent)}.conversation-overflow-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.conversation-overflow-item--active{color:var(--accent)}.conversation-overflow-item[aria-disabled=true]{color:var(--muted);cursor:default}.conversation-overflow-item[aria-disabled=true]:hover,.conversation-overflow-item[aria-disabled=true]:focus-visible{background:var(--input-bg);color:var(--muted)}.conversation-overflow-sub{flex-direction:column;display:flex;position:relative}.conversation-overflow-sub .jump-to-date-dropdown,.conversation-overflow-sub .disappearing-dropdown{margin:var(--space-0_5) 0 var(--space-1) var(--space-6);box-shadow:none;background:0 0;border:none;padding:0;position:static}.conversation-overflow-pref{padding:var(--space-1) var(--space-2_5) var(--space-1_5)}.conversation-overflow-pref-label{gap:var(--space-1);font-size:var(--text-xs);color:var(--muted);flex-direction:column;display:flex}.conversation-overflow-pref-label .header-action-select{width:100%}.home-nav-overflow{display:inline-flex;position:relative}.conversation-header-lock-badge{align-items:center;gap:var(--space-1);height:22px;padding:0 var(--space-2);border-radius:var(--radius-full);color:var(--muted);background:var(--accent-soft);cursor:help;flex-shrink:0;display:inline-flex}.conversation-header-lock-badge-text{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}@media (width<=900px){.conversation-header-lock-badge{justify-content:center;width:22px;padding:0}.conversation-header-lock-badge-text{display:none}}.conversation-header-icon-btn{justify-content:center;align-items:center;display:inline-flex;padding:var(--space-1_5)!important}.header-action-btn--active{color:var(--accent);border-color:var(--accent)}.conversation-header-actions--active-call{justify-content:flex-end;row-gap:var(--space-1);flex-wrap:wrap;max-height:none;overflow:visible}.conversation-header-actions--active-call .header-action-btn,.conversation-header-actions--active-call .header-action-select,.conversation-header-actions--active-call .call-participant-count{flex-shrink:1}.channel-notification-pref{align-items:flex-end;gap:var(--space-0_5);flex-direction:column;min-width:150px;max-width:250px;display:flex}.channel-notification-pref .header-action-select{align-self:flex-end}.channel-notification-trust-copy{color:var(--muted);font-size:var(--text-2xs);text-align:right;line-height:1.25}.header-action-btn{background:var(--input-bg);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-full);color:var(--muted);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-3);transition:border-color var(--anim-fast) ease, color var(--anim-fast) ease, background var(--anim-fast) ease, transform var(--anim-normal) cubic-bezier(.34, 1.56, .64, 1), box-shadow var(--anim-fast) ease;white-space:nowrap;align-items:center;gap:var(--space-1_25);flex-shrink:0;display:inline-flex}.header-action-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);transform:translateY(calc(-1 * var(--space-0_5))) scale(1.04);box-shadow:0 3px 10px var(--accent-glow)}.header-action-btn:active{box-shadow:none;transition-duration:var(--anim-ultra-fast);transform:translateY(0)scale(.97)}.header-action-select{background:var(--input-bg);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-full);color:var(--muted);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-3);transition:border-color var(--anim-fast) ease, color var(--anim-fast) ease, background var(--anim-fast) ease;white-space:nowrap;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center;padding-right:var(--space-6);flex-shrink:0}.header-action-select:hover,.header-action-select:focus-visible{border-color:var(--accent);color:var(--accent);background-color:var(--accent-soft);outline:none}@media (width<=1024px){.conversation-header-actions{gap:var(--space-1_5);flex-wrap:wrap}.header-action-btn{font-size:var(--text-2xs);padding:var(--space-0_75) var(--space-2_5)}}@media (width>=768px) and (width<=1023px){.header-action-btn{align-items:center;min-height:44px;display:inline-flex}.btn-icon{min-width:44px;min-height:44px}.home-tabs button{min-height:44px}.mention-option{min-height:44px;padding:var(--space-2_5) var(--space-3)}}@media (width<=900px){.auth-page{padding:var(--space-7) var(--space-5);grid-template-columns:1fr}.auth-card-header{flex-direction:column}}@media (width>=769px) and (width<=900px){.call-controls-secondary{display:none!important}.call-controls-overflow{display:inline-flex!important}}.call-controls-overflow{display:none}[data-theme=cotton-candy] .guardian-header-badge{color:#b03070;border:1.5px solid color-mix(in srgb, var(--accent) 40%, transparent);background:#e052972e}[data-theme=cotton-candy] select{border:1.5px solid var(--line);background-color:var(--input-bg);color:var(--text)}.error-boundary-root{color:#333;flex-direction:column;justify-content:center;align-items:center;height:100vh;font-family:system-ui,sans-serif;display:flex}.error-boundary-root h2{margin-bottom:var(--space-2)}.error-boundary-root p{margin-bottom:var(--space-4);color:#666}.error-boundary-root button{padding:var(--space-2) var(--space-5);color:#fff;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);min-height:var(--touch-target-min);background:#4f8ef7;border:none}.error-boundary-wrapper{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-8);text-align:center;flex-direction:column;min-height:200px;display:flex}.error-boundary-card{background:var(--panel,#fff);border:var(--border-width-thin) solid var(--line,#e0e0e0);border-radius:var(--radius-2xl);padding:var(--space-7) var(--space-8);align-items:center;gap:var(--space-3);max-width:var(--panel-width-xl);flex-direction:column;display:flex;box-shadow:0 12px 40px #1d1c1d1f}.error-boundary-card .error-boundary-icon{font-size:var(--text-4xl)}.error-boundary-card h2{font-size:var(--text-xl);color:var(--text,#333);margin:0}.error-boundary-card p{color:var(--muted,#888);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}.error-boundary-card button{margin-top:var(--space-2);padding:var(--space-2) var(--space-5);cursor:pointer;background:linear-gradient(135deg, var(--accent,#6c5ce7), var(--accent-strong,#5a48d6));color:var(--on-accent);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);font-size:var(--text-base);min-height:var(--touch-target-min);border:none;align-items:center;display:inline-flex}.focus-trap-container{outline:none;display:contents}.error-fallback{padding:var(--space-4);color:var(--text)}.skeleton-24{width:100%;height:24px}.skeleton-32{width:100%;height:32px}.skeleton-48{height:calc(4 * var(--space-2));width:100%}.skeleton-64{height:64px}.welcome-banner{background:#0f766e1a;border-color:#0f766e4d}.invite-approval-pending-banner{background:color-mix(in srgb, var(--warning) 14%, var(--panel) 86%);border-color:color-mix(in srgb, var(--warning) 46%, var(--line) 54%)}.invite-approval-approved-banner{background:#0f766e1a;border-color:#0f766e57}.invite-approval-rejected-banner{background:color-mix(in srgb, var(--danger) 10%, var(--panel) 90%);border-color:color-mix(in srgb, var(--danger) 34%, var(--line) 66%)}@media (width<=560px){.shell-banners{margin:var(--space-2) var(--space-2) 0}.recovery-banner{align-items:stretch;gap:var(--space-2);padding:var(--space-2_5);flex-direction:column}.recovery-banner .auth-link-button{align-self:flex-start}}.home-tabs-actions{align-items:center;gap:var(--space-1);flex-shrink:0;min-width:0;margin-left:auto;display:flex;position:relative}.home-tabs-actions .header-action-btn.dnd-inactive{opacity:.5}.notification-bell-btn{position:relative}.notification-unread-badge{top:calc(-1 * var(--space-2));right:calc(-1 * var(--space-2));min-width:var(--space-2);height:var(--space-2);padding:0 var(--space-1_25);border-radius:var(--radius-full);background:var(--accent);color:var(--on-accent);font-size:var(--text-2xs);font-weight:var(--font-weight-bold);animation:reaction-pop var(--anim-normal) var(--ease-bounce);justify-content:center;align-items:center;display:flex;position:absolute}.call-toast-container{top:var(--space-6);gap:var(--space-2);z-index:1000;display:grid;position:fixed;right:24px}.call-toast-item{min-width:220px;padding:var(--space-3) var(--space-3_5);border-radius:var(--radius-2xl);background:var(--panel);color:var(--text);border:var(--border-width-thin) solid var(--line);box-shadow:var(--shadow-lg);animation:toast-enter var(--anim-moderate) var(--ease-spring);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}@keyframes toast-enter{0%{opacity:0;transform:translateX(var(--space-8)) scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toast-exit{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translateX(var(--space-8)) scale(.95)}}.call-toast-item.exiting{animation:toast-exit var(--anim-normal) var(--ease-smooth) forwards}.call-dismiss-btn{color:var(--danger);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;min-width:44px;min-height:var(--touch-target-min);margin-left:var(--space-2);transition:background var(--anim-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.call-dismiss-btn:hover{background:color-mix(in srgb, var(--danger) 10%, transparent)}.call-toast-dismiss-btn{color:var(--muted);cursor:pointer;border-radius:var(--radius-md);min-width:28px;min-height:28px;margin-left:var(--space-2);font-size:var(--text-base);transition:background var(--anim-fast), color var(--anim-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.call-toast-dismiss-btn:hover{background:var(--accent-soft);color:var(--accent)}.empty-state-actions{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.empty-state-open-recent{margin-top:var(--space-5)}.drag-drop-overlay{z-index:100;background:color-mix(in srgb, var(--accent) 12%, var(--app-bg) 88%);border:var(--border-width-heavy) dashed var(--accent);border-radius:var(--radius-3xl);color:var(--accent);font-size:var(--text-lg);font-weight:var(--font-weight-bold);pointer-events:none;animation:fade-in var(--anim-fast) var(--ease-smooth), pulse-glow 2s ease-in-out 3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.date-separator{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-1);display:flex}.date-separator:before,.date-separator:after{content:"";height:var(--border-width-thin);background:var(--line);flex:1}.date-separator span{font-size:var(--text-2xs);font-weight:var(--font-weight-semibold);color:var(--muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:var(--space-0_5) var(--space-2_5);background:var(--bubble-theirs);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-full);flex-shrink:0}.unread-divider{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);display:flex}.unread-divider:before{content:"";height:var(--border-width-thin);background:var(--accent);flex:1}.unread-divider span{font-size:var(--text-2xs);font-weight:var(--font-weight-bold);color:var(--accent-strong);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:var(--space-0_5) var(--space-2);background:color-mix(in srgb, var(--accent) 14%, var(--panel));border-radius:var(--radius-full);flex-shrink:0}.stories-pane-header{padding:var(--space-4) var(--space-4) var(--space-2)}.stories-feed{gap:var(--space-3);padding:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));align-content:start;display:grid;overflow-y:auto}@media (width<=480px){.stories-feed{grid-template-columns:repeat(2,1fr)}}.stories-empty-hint{color:var(--muted);text-align:center;padding:var(--space-4) var(--space-2);grid-column:1/-1}.story-card{aspect-ratio:9/16;background:var(--panel);border-radius:var(--radius-xl);cursor:pointer;text-align:left;width:100%;transition:transform var(--anim-fast) ease;border:none;flex-direction:column;justify-content:flex-end;padding:0;display:flex;position:relative;overflow:hidden}.story-card:hover{transform:scale(1.02)}.story-card:focus-visible{outline:var(--border-width-thick) solid var(--accent);outline-offset:var(--outline-offset)}.story-card .story-media-wrap,.story-card .story-text-thumbnail{width:100%;height:100%;position:absolute;inset:0}.story-card .story-media{object-fit:cover;background:var(--app-bg);border:none;border-radius:0;width:100%;height:100%;display:block;position:absolute;inset:0}.story-video-badge{top:var(--space-2);right:var(--space-2);z-index:2;color:var(--overlay-text);font-size:var(--text-sm);text-shadow:0 1px 3px var(--overlay-bg-60);position:absolute}.story-text-thumbnail{padding:var(--space-4);text-align:center;justify-content:center;align-items:center;display:flex}.story-text-thumbnail-text{color:var(--overlay-text);font-weight:var(--font-weight-semibold);line-height:var(--leading-135);-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.story-card-scrim{z-index:1;pointer-events:none;position:absolute;left:0;right:0}.story-card-scrim--top{background:linear-gradient(to bottom, var(--overlay-bg-60) 0%, transparent 100%);height:42%;top:0}.story-card-scrim--bottom{background:linear-gradient(to top, var(--overlay-bg-90) 0%, transparent 100%);height:55%;bottom:0}.story-card-identity{z-index:2;align-items:center;gap:var(--space-1_5);padding:var(--space-2);display:flex;position:absolute;top:0;left:0;right:0}.story-card-avatar-ring{padding:var(--space-0_5);border-radius:var(--radius-full);flex:none;display:inline-flex}.story-card--unseen .story-card-avatar-ring{background:linear-gradient(135deg, var(--accent), var(--accent-strong))}.story-card--seen .story-card-avatar-ring{background:color-mix(in srgb, var(--overlay-text) 45%, transparent)}.story-card-avatar{border-radius:var(--radius-full);background:var(--accent);width:24px;height:24px;color:var(--on-accent);font-size:var(--text-xs);font-weight:var(--font-weight-bold);border:var(--border-width-medium) solid var(--panel);justify-content:center;align-items:center;display:flex}.story-meta{gap:var(--space-0_25);flex-direction:column;min-width:0;display:flex}.story-author{font-weight:var(--font-weight-semibold);color:var(--overlay-text);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.story-card--unseen .story-author{font-weight:var(--font-weight-bold)}.story-timestamp{font-size:var(--text-2xs);color:color-mix(in srgb, var(--overlay-text) 75%, transparent)}.story-caption{z-index:2;padding:0 var(--space-2) var(--space-2);color:var(--overlay-text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;position:relative;overflow:hidden}.story-unseen-dot{top:var(--space-2);right:var(--space-2);z-index:2;border-radius:var(--radius-full);background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 2px var(--overlay-bg-60);position:absolute}.story-post-card{justify-content:center;align-items:center;gap:var(--space-2);background:var(--panel);border:var(--border-width-thick) dashed var(--line)}.story-post-card:hover{background:var(--accent-soft);border-color:var(--accent)}.story-post-card-icon{border-radius:var(--radius-full);background:var(--accent);width:40px;height:40px;color:var(--on-accent);font-size:var(--text-xl);font-weight:var(--font-weight-bold);justify-content:center;align-items:center;line-height:1;display:flex}.story-post-card-label{color:var(--text);font-weight:var(--font-weight-semibold);font-size:var(--text-sm)}.story-viewer-overlay{z-index:200;background:var(--overlay-bg-90);padding:var(--space-4);animation:fade-in var(--anim-fast) var(--ease-smooth);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.story-viewer-stage{aspect-ratio:9/16;background:var(--panel);border-radius:var(--radius-2xl);width:min(51.75vh,480px,100%);max-height:92vh;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}@media (width<=480px){.story-viewer-overlay{padding:0}.story-viewer-stage{aspect-ratio:auto;border-radius:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh}}.story-viewer-progress{top:var(--space-2);left:var(--space-2);right:var(--space-2);z-index:3;gap:var(--space-1);display:flex;position:absolute}.story-viewer-progress-segment{border-radius:var(--radius-full);background:color-mix(in srgb, var(--overlay-text) 35%, transparent);flex:1;height:3px;overflow:hidden}.story-viewer-progress-segment--active:after{content:"";background:var(--overlay-text);width:100%;height:100%;display:block}.story-viewer-header{z-index:2;align-items:center;gap:var(--space-2);padding:calc(var(--space-3) + 6px) var(--space-3) var(--space-5);background:linear-gradient(to bottom, var(--overlay-bg-60) 0%, transparent 100%);display:flex;position:absolute;top:0;left:0;right:0}.story-viewer-avatar{border-radius:var(--radius-full);background:var(--accent);width:28px;height:28px;color:var(--on-accent);font-size:var(--text-2xs);font-weight:var(--font-weight-bold);flex:none;justify-content:center;align-items:center;display:flex}.story-viewer-header-meta{flex-direction:column;min-width:0;margin-right:auto;display:flex}.story-viewer-author{font-weight:var(--font-weight-semibold);color:var(--overlay-text);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.story-viewer-timestamp{font-size:var(--text-2xs);color:color-mix(in srgb, var(--overlay-text) 70%, transparent)}.story-viewer-header .btn-icon{color:var(--overlay-text);background:color-mix(in srgb, var(--overlay-text) 15%, transparent)}.story-viewer-header .btn-icon:hover{color:var(--overlay-text);background:color-mix(in srgb, var(--overlay-text) 26%, transparent)}.story-viewer-count{font-size:var(--text-2xs);margin-left:var(--space-1)}.story-viewer-body{background:var(--app-bg);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.story-viewer-body>p{color:color-mix(in srgb, var(--overlay-text) 75%, transparent);font-size:var(--text-sm);padding:0 var(--space-5);text-align:center}.story-viewer-media{object-fit:cover;background:var(--app-bg);border-radius:0;width:100%;height:100%;position:absolute;inset:0}.story-viewer-video-wrap{position:absolute;inset:0}.story-viewer-mute-btn{bottom:var(--space-3);right:var(--space-3);z-index:2;width:var(--touch-target-icon);height:var(--touch-target-icon);min-width:var(--touch-target-icon);min-height:var(--touch-target-icon);border-radius:var(--radius-full);background:color-mix(in srgb, var(--overlay-text) 20%, transparent);color:var(--overlay-text);cursor:pointer;transition:background var(--anim-fast) ease;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.story-viewer-mute-btn:hover{background:color-mix(in srgb, var(--overlay-text) 32%, transparent)}.story-viewer-text-card{padding:var(--space-7);text-align:center;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.story-viewer-text-content{color:var(--overlay-text);font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);line-height:var(--leading-135);white-space:pre-wrap;overflow-wrap:break-word}.story-viewer-bottombar{z-index:3;gap:var(--space-2);padding:var(--space-5) var(--space-3) var(--space-3);background:linear-gradient(to top, var(--overlay-bg-90) 0%, transparent 100%);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.story-viewer-caption{color:var(--overlay-text);font-size:var(--text-sm);line-height:var(--leading-normal)}.story-viewer-reactions{align-items:center;gap:var(--space-1_5);flex-wrap:wrap;display:flex}.story-viewer-reaction-btn{width:var(--touch-target-icon);height:var(--touch-target-icon);min-width:var(--touch-target-icon);min-height:var(--touch-target-icon);font-size:var(--text-lg);background:color-mix(in srgb, var(--overlay-text) 14%, transparent);border:var(--border-width-thin) solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:background var(--anim-fast) ease, transform var(--anim-fast) ease;justify-content:center;align-items:center;display:flex}.story-viewer-reaction-btn:hover{background:color-mix(in srgb, var(--overlay-text) 24%, transparent);transform:translateY(-2px)}.story-viewer-reaction-btn--active{background:var(--accent);border-color:var(--accent-strong)}.story-viewer-reaction-btn:disabled{opacity:.6;cursor:not-allowed}.story-viewer-reply-row{align-items:center;gap:var(--space-2);display:flex}.story-viewer-reply-input{min-width:0;min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:var(--border-width-thin) solid color-mix(in srgb, var(--overlay-text) 30%, transparent);background:color-mix(in srgb, var(--overlay-text) 12%, transparent);color:var(--overlay-text);font-size:var(--text-sm);flex:1}.story-viewer-reply-input::placeholder{color:color-mix(in srgb, var(--overlay-text) 60%, transparent)}.story-viewer-reply-input:focus-visible{outline:var(--border-width-thick) solid var(--accent);outline-offset:var(--outline-offset)}.story-viewer-reply-send{background:var(--accent);color:var(--on-accent)}.story-viewer-reply-send:hover:not(:disabled){background:var(--accent-strong);color:var(--on-accent)}.story-viewer-reply-send:disabled{opacity:.5;cursor:not-allowed}.story-viewer-reply-error{color:var(--danger);font-weight:var(--font-weight-semibold);font-size:var(--text-sm)}.story-viewer-viewers-panel{top:calc(var(--touch-target-min) + var(--space-3));right:var(--space-3);z-index:4;width:min(260px, calc(100% - var(--space-6)));background:var(--panel);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-lg);max-height:50vh;box-shadow:var(--shadow-lg);padding:var(--space-3);color:var(--text);position:absolute;overflow-y:auto}.story-viewer-viewers-heading{font-weight:var(--font-weight-semibold);font-size:var(--text-sm);color:var(--text);margin:0 0 var(--space-2)}.story-viewer-viewers-loading,.story-viewer-viewers-empty{color:var(--muted);font-size:var(--text-sm)}.story-viewer-viewers-list{gap:var(--space-1_5);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.story-viewer-viewers-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text);display:flex}.story-viewer-viewers-user{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.story-viewer-viewers-reaction{font-size:var(--text-base)}.story-viewer-viewers-time{color:var(--muted);font-size:var(--text-2xs);flex:none}.story-viewer-body .story-viewer-viewers-loading{color:color-mix(in srgb, var(--overlay-text) 75%, transparent)}.state-retry-btn{margin-left:var(--space-2);padding:var(--space-1) var(--space-3);border:var(--border-width-thin) solid var(--accent);border-radius:var(--radius-sm);color:var(--accent);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;min-height:var(--touch-target-min);background:0 0;align-items:center;display:inline-flex}.state-retry-btn:hover{background:var(--accent);color:var(--on-accent)}.state-retry-btn:disabled{opacity:.6;cursor:not-allowed}.issue-report-fab{background:var(--accent);width:52px;height:52px;color:var(--on-accent,#fff);cursor:pointer;box-shadow:0 4px 16px var(--accent-glow,#0000004d);z-index:190;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:24px;line-height:1;transition:transform .12s,box-shadow .12s;display:flex;position:fixed;bottom:96px;right:16px}@media (width<=768px){.issue-report-fab{width:48px;height:48px;font-size:20px;bottom:230px;right:12px}}.issue-report-fab:hover{box-shadow:0 6px 20px var(--accent-glow,#0006);transform:translateY(-2px)scale(1.05)}.issue-report-fab:focus-visible{outline:2px solid var(--accent-strong,var(--accent));outline-offset:2px}.issue-report-textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:110px;padding:var(--space-2_5) var(--space-3);border:1px solid var(--line);background:var(--input-bg);color:inherit;font:inherit;margin-top:var(--space-1_5);border-radius:8px}.issue-report-textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.issue-report-meta{gap:var(--space-1) var(--space-4);margin-top:var(--space-3);opacity:.7;flex-wrap:wrap;font-size:12px;display:flex}.issue-report-error{margin-top:var(--space-2_5);color:var(--danger);font-size:13px}.issue-report-modal-overlay .btn-secondary,.issue-fixed-dialog-overlay .btn-secondary{border:1px solid var(--line);color:inherit;padding:var(--space-2) var(--space-4);cursor:pointer;background:0 0;border-radius:8px}.issue-report-modal-overlay .btn-secondary:hover,.issue-fixed-dialog-overlay .btn-secondary:hover{background:var(--surface-glass,#ffffff0f)}.issue-report-modal-overlay .btn-secondary:disabled,.issue-fixed-dialog-overlay .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.guardian-section-toggle{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2_5) var(--space-3_5);background:var(--input-bg);cursor:pointer;color:var(--text);font-size:var(--text-base);font-weight:var(--font-weight-bold);text-align:left;transition:background var(--anim-fast);border:none;display:flex}.guardian-section-toggle:hover{background:color-mix(in srgb, var(--input-bg) 85%, var(--accent) 15%)}.guardian-section-toggle:focus-visible{outline:var(--border-width-thick) solid var(--accent);outline-offset:var(--outline-offset)}.guardian-community-row{border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-md-lg);background:var(--input-bg);padding:var(--space-2_5) var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.guardian-community-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.guardian-community-name{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.guardian-community-actions{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.guardian-community-channels{gap:var(--space-1_5);flex-direction:column;display:flex}.guardian-community-channel-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.guardian-community-channel-item{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text);display:flex}.guardian-community-add-channel{align-items:center;gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.guardian-community-create-form{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.guardian-community-edit-form{gap:var(--space-2);padding:var(--space-2_5) var(--space-3);border:var(--border-width-thin) solid color-mix(in srgb, var(--accent) 30%, var(--line));border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent) 4%, var(--input-bg));flex-direction:column;display:flex}.guardian-community-edit-label{gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--muted);flex-direction:column;display:flex}.guardian-community-edit-row{gap:var(--space-1);flex-direction:column;display:flex}.guardian-community-edit-time-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.guardian-community-edit-sep{font-size:var(--text-sm);color:var(--muted)}.guardian-community-edit-check-label{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text);cursor:pointer;display:flex}.guardian-community-edit-actions{align-items:center;gap:var(--space-2);margin-top:var(--space-1);display:flex}.message-deleted-revealed{opacity:.9;font-style:normal}.message-deleted-revealed em{font-style:normal;font-weight:var(--font-weight-bold);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.06em;margin-right:var(--space-1);opacity:.7}.thin-nav-rail{align-items:center;gap:var(--space-1);width:100%;height:100%;padding:var(--space-2) var(--space-1_5);background:var(--sidebar-gradient-end,var(--sidebar));border-right:var(--border-width-thin) solid var(--line);box-sizing:border-box;z-index:2;flex-direction:column;grid-area:1/1/-1;display:flex;overflow:visible}.thin-nav-workspace{width:40px;height:40px;margin-bottom:var(--space-1);border-radius:var(--radius-lg);border:var(--border-width-thin) solid color-mix(in oklab, var(--accent) 40%, transparent);background:color-mix(in oklab, var(--accent) 22%, transparent);color:var(--text);font-size:var(--text-lg);font-weight:var(--font-weight-bold);cursor:pointer;transition:background var(--anim-fast), border-color var(--anim-fast), transform var(--anim-fast);flex-shrink:0;position:relative}.thin-nav-workspace-dot{background:var(--accent);border:var(--border-width-thin) solid var(--panel);border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-2px}.thin-nav-workspace:hover{background:color-mix(in oklab, var(--accent) 34%, transparent);border-color:var(--accent);transform:translateY(-1px)}.thin-nav-items{align-items:stretch;gap:var(--space-1_5);flex-direction:column;flex:auto;width:100%;display:flex}.thin-nav-bottom{align-items:stretch;gap:var(--space-1_5);width:100%;margin-top:var(--space-1);flex-direction:column;display:flex;position:relative}.thin-nav-tab{justify-content:center;align-items:center;gap:var(--space-0_5);width:100%;padding:var(--space-2) var(--space-1);border-radius:var(--radius-lg);color:var(--muted);cursor:pointer;transition:background var(--anim-fast), color var(--anim-fast);background:0 0;border:none;flex-direction:column;font-family:inherit;display:flex}.thin-nav-tab:hover{background:color-mix(in oklab, var(--accent) 12%, transparent);color:var(--text)}.thin-nav-tab.active{background:color-mix(in oklab, var(--accent) 20%, transparent);color:var(--accent)}.thin-nav-tab:focus-visible{outline:var(--border-width-thick) solid var(--accent);outline-offset:var(--outline-offset)}.thin-nav-icon{justify-content:center;align-items:center;line-height:0;display:inline-flex;position:relative}.thin-nav-label{font-size:var(--text-2xs);font-weight:var(--font-weight-semibold);letter-spacing:.01em}.thin-nav-badge{min-width:16px;height:16px;padding:0 var(--space-1);border-radius:var(--radius-full);background:var(--danger);color:var(--on-danger);font-size:var(--text-2xs);font-weight:var(--font-weight-bold);text-align:center;box-sizing:border-box;line-height:16px;position:absolute;top:-6px;right:-8px}.thin-nav-gear{width:100%;position:relative}.thin-nav-gear-menu{top:auto;right:auto;left:calc(100% + var(--space-1));z-index:600;position:absolute;bottom:0}.col-resize-handle{z-index:5;cursor:col-resize;width:10px;transition:background-color var(--anim-fast) ease;touch-action:none;background:0 0;position:absolute;top:0;bottom:0;transform:translate(-50%)}.col-resize-handle--right{transform:translate(50%)}.col-resize-handle:after{content:"";width:2px;transition:background-color var(--anim-fast) ease;background:0 0;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.col-resize-handle:hover:after,.col-resize-handle:focus-visible:after,body.is-col-resizing .col-resize-handle:after{background:var(--accent,var(--line))}.col-resize-handle:focus-visible{outline:none}body.is-col-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}@media (width<=768px){.col-resize-handle{display:none}}