:root{--sidebar-width:72px;--panel-width:260px;--header-height:48px;--content-max:800px;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-pill:9999px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"SF Mono", "Fira Code", "Roboto Mono", monospace;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--bg:#f7f4fa;--bg-raised:#fff;--bg-sunken:#ece8f3;--bg-hover:#e7e2ee;--fg:#211a2e;--fg-2:#66587e;--fg-3:#968da5;--border:#d4cddf;--border-2:#e7e4ec;--accent:#6724db;--accent-hover:#571eb8;--accent-bg:#f0e9fb;--accent-fg:#fcfcfd;--accent-muted:#b599e6;--success:#1b9849;--success-bg:#eefcf3;--success-fg:#15793a;--success-border:#b3e6c5;--error:#db2424;--error-bg:#fdf2f2;--error-fg:#a71b1b;--error-border:#ebc2c2;--warning:#e9980c;--warning-bg:#fef7ec;--warning-fg:#915f08;--warning-border:#f0d6a8;--info:#1d73ed;--info-bg:#ecf3fd;--info-fg:#0e4faa;--info-border:#b6cded;--online:#27b95d;--danger:#db2424;--danger-hover:#af1d1d;--danger-bg:#fceded;--shadow-sm:0 1px 2px #1712210d;--shadow:0 2px 8px #17122114, 0 1px 3px #1712210d;--shadow-lg:0 8px 20px #1712211a, 0 3px 8px #1712210f;--shadow-xl:0 20px 40px #1712211f, 0 8px 16px #17122112;--transition:.15s ease;--transition-slow:.3s ease}@media (prefers-color-scheme:dark){:root{--bg:#110e16;--bg-raised:#1b1622;--bg-sunken:#0c0a10;--bg-hover:#272130;--fg:#eae7ee;--fg-2:#968da5;--fg-3:#5a5463;--border:#362f41;--border-2:#221f29;--accent:#ab89e6;--accent-hover:#c9b3ef;--accent-bg:#1b0c37;--accent-fg:#131018;--accent-muted:#6339ac;--success:#3bce71;--success-bg:#0a1f12;--success-fg:#7cdea0;--success-border:#224f32;--error:#e14747;--error-bg:#1f0a0a;--error-fg:#eb8484;--error-border:#4f2222;--warning:#f4ae34;--warning-bg:#211808;--warning-fg:#f8c977;--warning-border:#54401c;--info:#4c90f0;--info-bg:#0a131f;--info-fg:#7badf4;--info-border:#22344f;--online:#3bce71;--danger:#e14747;--danger-hover:#e87373;--danger-bg:#260d0d;--shadow-sm:0 1px 2px #00000059;--shadow:0 2px 8px #00000073, 0 1px 3px #00000059;--shadow-lg:0 8px 20px #0000008c, 0 3px 8px #00000073;--shadow-xl:0 20px 40px #000000a6, 0 8px 16px #0000008c}}body.palette-ocean{--bg:#f4f7fa;--bg-raised:#fff;--bg-sunken:#e8edf3;--bg-hover:#e2e8ee;--fg:#1a242e;--fg-2:#586b7e;--fg-3:#8d99a5;--border:#cdd6df;--border-2:#e4e8ec;--accent:#1282ba;--accent-hover:#0f6895;--accent-bg:#e8f6fd;--accent-fg:#fcfdfd;--accent-muted:#5ab5e2}@media (prefers-color-scheme:dark){body.palette-ocean{--bg:#0e1216;--bg-raised:#161c22;--bg-sunken:#0a0d10;--bg-hover:#212930;--fg:#e7ebee;--fg-2:#8d99a5;--fg-3:#545c63;--border:#2f3841;--border-2:#1f2429;--accent:#55b6e7;--accent-hover:#82c9ed;--accent-bg:#072331;--accent-fg:#101618;--accent-muted:#2e799e}}body.palette-ember{--bg:#faf7f4;--bg-raised:#fff;--bg-sunken:#f3ede8;--bg-hover:#eee8e2;--fg:#281e15;--fg-2:#7a6552;--fg-3:#a19387;--border:#e0d6cc;--border-2:#ede8e3;--accent:#d5550b;--accent-hover:#ae4609;--accent-bg:#feefe7;--accent-fg:#fdfcfc;--accent-muted:#ed935e}@media (prefers-color-scheme:dark){body.palette-ember{--bg:#15120e;--bg-raised:#211c17;--bg-sunken:#100d0a;--bg-hover:#2f2822;--fg:#eeeae7;--fg-2:#a5988d;--fg-3:#635b54;--border:#41382f;--border-2:#29231f;--accent:#f38749;--accent-hover:#f6a779;--accent-bg:#2e1405;--accent-fg:#181410;--accent-muted:#a35629}}body.palette-forest{--bg:#f5faf7;--bg-raised:#fff;--bg-sunken:#e9f2ed;--bg-hover:#e3ede8;--fg:#16271e;--fg-2:#517060;--fg-3:#849a8e;--border:#c8dad0;--border-2:#e4ece8;--accent:#218c53;--accent-hover:#1a7042;--accent-bg:#eafaf2;--accent-fg:#fcfdfc;--accent-muted:#53c688}@media (prefers-color-scheme:dark){body.palette-forest{--bg:#0f1512;--bg-raised:#18211c;--bg-sunken:#0a0f0d;--bg-hover:#232f28;--fg:#e8eeea;--fg-2:#8fa398;--fg-3:#56615b;--border:#304038;--border-2:#1f2823;--accent:#46ce85;--accent-hover:#6ed8a0;--accent-bg:#0a2416;--accent-fg:#0e1512;--accent-muted:#378159}}body.palette-rose{--bg:#faf4f7;--bg-raised:#fff;--bg-sunken:#f3e8ec;--bg-hover:#eee2e7;--fg:#2e1a22;--fg-2:#7e5868;--fg-3:#a58d97;--border:#dfcdd5;--border-2:#ece4e7;--accent:#d3226c;--accent-hover:#af1d5a;--accent-bg:#fcedf4;--accent-fg:#fdfcfc;--accent-muted:#e28db0}@media (prefers-color-scheme:dark){body.palette-rose{--bg:#150e11;--bg-raised:#21171b;--bg-sunken:#100a0c;--bg-hover:#2f2228;--fg:#eee7ea;--fg-2:#a38f97;--fg-3:#61565b;--border:#413037;--border-2:#281f23;--accent:#e576a4;--accent-hover:#eda1c1;--accent-bg:#2a0917;--accent-fg:#181014;--accent-muted:#9b3b63}}body.palette-slate{--bg:#f6f7f9;--bg-raised:#fff;--bg-sunken:#eaedf0;--bg-hover:#e4e7ec;--fg:#1c222c;--fg-2:#586374;--fg-3:#8b929c;--border:#cdd2db;--border-2:#e5e7eb;--accent:#3264ae;--accent-hover:#29528e;--accent-bg:#ebf1f9;--accent-fg:#fcfcfd;--accent-muted:#7e9ece}@media (prefers-color-scheme:dark){body.palette-slate{--bg:#121417;--bg-raised:#1b1e22;--bg-sunken:#0d0f12;--bg-hover:#262a31;--fg:#e2e5e9;--fg-2:#8b929c;--fg-3:#55585e;--border:#31373f;--border-2:#202327;--accent:#739ad3;--accent-hover:#9ab6df;--accent-bg:#0d1726;--accent-fg:#111417;--accent-muted:#3f5e8d}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;height:100%}body{-webkit-font-smoothing:antialiased;min-height:100%;line-height:1.5}img,video,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none}#app{flex-direction:column;height:100dvh;display:flex}body{font-family:var(--font-sans);font-size:var(--text-base);background-color:var(--bg);color:var(--fg);transition:background-color var(--transition-slow), color var(--transition-slow)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}a{color:var(--accent);transition:opacity var(--transition)}a:hover{opacity:.8}hr{border:none;border-top:1px solid var(--border);margin:1.5rem 0}code{font-family:var(--font-mono);background:var(--bg-sunken);color:var(--accent);border-radius:var(--r-sm);padding:.1em .35em;font-size:.85em}pre{font-family:var(--font-mono);background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--r-md);padding:1rem;overflow-x:auto}pre code{color:var(--fg-2);background:0 0;padding:0}small,.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-muted{color:var(--fg-3)}.text-accent{color:var(--accent)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-layout{height:100dvh;display:flex;position:relative;overflow:hidden}.lock-scroll{overflow:hidden!important}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90;opacity:0;pointer-events:none;transition:opacity var(--transition);background:#00000080;position:fixed;inset:0}.sidebar-open .sidebar-overlay{opacity:1;pointer-events:auto}.app-sidebar{width:var(--sidebar-width);background:var(--bg-sunken);border-right:1px solid var(--border);scrollbar-width:none;z-index:100;transition:transform var(--transition);flex-direction:column;flex-shrink:0;align-items:center;gap:.5rem;padding:.75rem 0;display:flex;overflow:hidden auto}.app-sidebar::-webkit-scrollbar{display:none}.app-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.app-header{height:var(--header-height);background:var(--bg-raised);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:0 1rem;display:flex}.app-header__left{align-items:center;gap:.75rem;min-width:0;display:flex}.app-header__left .btn-icon{margin-left:-.5rem}.app-header__title{font-weight:700;font-size:var(--text-lg);color:var(--fg-2);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.5rem;display:flex;overflow:hidden}.app-header__logo{width:1.5rem;height:1.5rem;color:var(--accent);flex-shrink:0}.app-header__nav{align-items:center;gap:1rem;display:flex}.app-header__nav a{font-size:var(--text-sm);color:var(--fg-2)}.app-header__nav a:hover{color:var(--accent);opacity:1}.app-header__logout{font-size:var(--text-sm);color:var(--error);cursor:pointer}.app-header__logout:hover{text-decoration:underline}.app-content{background:var(--bg);flex:1;overflow-y:auto}.home-dashboard{max-width:1100px;margin:0 auto;padding:2rem}.home-dashboard__header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.circles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}@media (width<=600px){.home-dashboard{padding:1rem}.circles-grid{grid-template-columns:1fr}}.circle-layout{height:100%;display:flex;overflow:hidden}.circle-sidebar{width:var(--panel-width);background:var(--bg-raised);border-right:1px solid var(--border);z-index:100;transition:transform var(--transition);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.circle-sidebar__header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.875rem 1rem;display:flex}.circle-sidebar__header h2{font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.circle-sidebar__body{flex-direction:column;flex:1;gap:1.25rem;padding:.75rem;display:flex;overflow-y:auto}.circle-sidebar__members{flex-direction:column;gap:.25rem;margin-top:.375rem;display:flex}.circle-sidebar__footer{border-top:1px solid var(--border);flex-shrink:0;padding:.75rem 1rem}.circle-sidebar__footer a{font-size:var(--text-sm);color:var(--fg-3);align-items:center;gap:.5rem;display:flex}.circle-sidebar__footer a:hover{color:var(--fg);opacity:1}.circle-content{flex:1;padding:1.25rem;overflow-y:auto}.mobile-only{display:none}@media (width<=768px){.mobile-only{display:flex}.circle-icon .tooltip{display:none}.app-sidebar{transition:transform var(--transition);border-right:none;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.circle-sidebar{width:calc(100vw - 48px);max-width:var(--panel-width);transform:translateX(calc(-100% - var(--sidebar-width)));border-right:1px solid var(--border);margin-left:var(--sidebar-width);transition:transform var(--transition), box-shadow var(--transition);z-index:100;position:fixed;top:0;bottom:0;left:0}.sidebar-open .app-sidebar{transform:translate(0)}.sidebar-open .circle-sidebar{transform:translate(0);box-shadow:10px 0 30px #0003}.circle-layout{flex-direction:row}.circle-sidebar__body{max-height:none}}.auth-page{background:var(--bg-sunken);justify-content:center;align-items:center;min-height:100dvh;padding:1rem;display:flex}.auth-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-xl);width:100%;max-width:400px;box-shadow:var(--shadow-xl);padding:2.5rem 2rem}.auth-card h1{font-size:var(--text-2xl);text-align:center;margin-bottom:1.75rem}.auth-footer{text-align:center;font-size:var(--text-sm);color:var(--fg-2);flex-direction:column;gap:.5rem;margin-top:1.25rem;display:flex}.settings-page{max-width:560px;margin:2.5rem auto;padding:0 1rem 4rem}.settings-section{margin-bottom:2rem}.circle-settings{flex-direction:column;gap:2rem;max-width:680px;margin:0 auto;display:flex}.container-new-thread{max-width:var(--content-max);width:100%;margin:0 auto}.thread-list{flex-direction:column;gap:.875rem;display:flex}.thread-list__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}@media (width<=600px){.thread-list__header{flex-direction:column;align-items:stretch}}.thread-list__header-meta{font-size:var(--text-sm);color:var(--fg-3);margin-top:.25rem}.error-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;height:100%;padding:3rem 1rem;display:flex}.error-state__icon{opacity:.4;font-size:4rem;line-height:1}.error-state p{color:var(--fg-2);max-width:36rem}.field{flex-direction:column;gap:.375rem;display:flex}.field+.field{margin-top:1rem}.field-row .field+.field{margin-top:0}.field-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=480px){.field-row{grid-template-columns:1fr}}label{font-size:var(--text-sm);color:var(--fg-2);font-weight:500}.label-meta{justify-content:space-between;align-items:center;display:flex}.label-uppercase{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-3);font-weight:700}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=color]):not([type=file]),textarea,select{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--fg);font-size:var(--text-base);transition:border-color var(--transition);appearance:none;padding:.5rem .75rem;line-height:1.5}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=color]):not([type=file]):focus,textarea:focus,select:focus{border-color:var(--accent);outline:none}input::placeholder,textarea::placeholder{color:var(--fg-3)}textarea{resize:vertical;min-height:80px;line-height:1.6}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2rem}input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent);cursor:pointer}.checkbox-row{cursor:pointer;align-items:center;gap:.5rem;display:flex}.input-code{text-align:center;font-size:var(--text-2xl);letter-spacing:.5em;padding:.75rem}.search-field{position:relative}.search-field .search-icon{color:var(--fg-3);pointer-events:none;line-height:1;position:absolute;top:50%;left:.625rem;transform:translateY(-50%)}.search-field input{font-size:var(--text-sm);padding-left:2rem}.btn{border-radius:var(--r-md);font-size:var(--text-base);cursor:pointer;transition:background-color var(--transition), color var(--transition), border-color var(--transition), opacity var(--transition);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.375rem;padding:.5rem 1.125rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);opacity:1}.btn-secondary{background:var(--bg-sunken);color:var(--fg-2);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);color:var(--fg);opacity:1}.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:var(--error-border)}.btn-danger:hover:not(:disabled){background:var(--danger);color:var(--accent-fg);border-color:var(--danger);opacity:1}.btn-ghost{color:var(--fg-2);background:0 0;border-color:#0000;padding-left:.5rem;padding-right:.5rem}.btn-ghost:hover:not(:disabled){color:var(--fg);background:var(--bg-hover);opacity:1}.btn-full{width:100%}.btn-sm{font-size:var(--text-sm);border-radius:var(--r-sm);padding:.3rem .75rem}.btn-icon{border-radius:var(--r-sm);color:var(--fg-3);padding:.375rem}.btn-icon:hover{color:var(--fg);background:var(--bg-hover)}.btn-icon svg{width:1.25rem;height:1.25rem}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;display:flex}.form-actions--between{justify-content:space-between}.circle-icon{border-radius:var(--r-xl);width:48px;height:48px;font-weight:700;font-size:var(--text-lg);cursor:pointer;background:var(--bg-hover);color:var(--fg-2);transition:border-radius var(--transition), background-color var(--transition), color var(--transition);border:none;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.circle-icon:hover,.circle-icon:hover:not(.circle-icon--add){border-radius:var(--r-lg);background:var(--accent-bg);color:var(--accent);opacity:1}.circle-icon.active{border-radius:var(--r-lg);background:var(--accent);color:var(--accent-fg)}.circle-icon--add{color:var(--success);font-size:var(--text-xl)}.circle-icon--add:hover{background:var(--success-bg);color:var(--success)}.circle-icon--join{color:var(--info);font-size:var(--text-lg);font-weight:700}.circle-icon--join:hover{background:var(--info-bg);color:var(--info)}.circle-icon .tooltip{background:var(--bg-raised);border:1px solid var(--border);color:var(--fg);font-size:var(--text-xs);border-radius:var(--r-sm);white-space:nowrap;box-shadow:var(--shadow-lg);pointer-events:none;opacity:0;z-index:50;transition:opacity var(--transition);padding:.25rem .5rem;position:absolute;top:50%;left:calc(100% + .75rem);transform:translateY(-50%)}.circle-icon:hover .tooltip{opacity:1}.circle-icon .badge{background:var(--error);color:#fff;border-radius:var(--r-pill);border:2px solid var(--bg-sunken);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 3px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-xl);padding:1.5rem}.circle-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-xl);cursor:pointer;transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);padding:1.5rem}.circle-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg)}.circle-card__avatar{background:var(--accent);width:48px;height:48px;color:var(--accent-fg);border-radius:var(--r-lg);font-weight:700;font-size:var(--text-xl);transition:transform var(--transition);flex-shrink:0;justify-content:center;align-items:center;display:flex}.circle-card:hover .circle-card__avatar{transform:scale(1.08)}.circle-card__header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.circle-card__meta{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.circle-card h2{font-size:var(--text-xl);transition:color var(--transition);margin-bottom:.375rem}.circle-card:hover h2{color:var(--accent)}.circle-card__desc{color:var(--fg-2);font-size:var(--text-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.5em;margin-bottom:1.25rem;line-height:1.5;display:-webkit-box;overflow:hidden}.circle-card__stats{border-top:1px solid var(--border-2);flex-direction:column;gap:.5rem;padding-top:1rem;display:flex}.circle-card__stat-row{align-items:center;gap:1rem;display:flex}.circle-card__stat{align-items:center;gap:.375rem;display:flex}.circle-card__stat-count{font-size:var(--text-xs);color:var(--fg-3);font-weight:700}.circle-card__stat-count.has-unread{color:var(--accent)}.circle-card__activity-label{text-transform:uppercase;letter-spacing:.05em;color:var(--fg-3);font-size:10px;font-weight:700}.circle-card__activity-row{justify-content:space-between;align-items:center;display:flex}.circle-card__activity-title{font-size:var(--text-xs);color:var(--fg);text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.circle-card__activity-time{color:var(--fg-3);font-size:10px;font-style:italic}.badge{font-size:var(--text-xs);border-radius:var(--r-pill);justify-content:center;align-items:center;padding:.15em .5em;font-weight:700;line-height:1.4;display:inline-flex}.badge-accent{background:var(--accent-bg);color:var(--accent);border:1px solid #0000}.badge-error{background:var(--error-bg);color:var(--error-fg);border:1px solid var(--error-border)}.badge-success{background:var(--success-bg);color:var(--success-fg);border:1px solid var(--success-border)}.badge-warning{background:var(--warning-bg);color:var(--warning-fg);border:1px solid var(--warning-border)}.badge-neutral{background:var(--bg-sunken);color:var(--fg-2);border:1px solid var(--border)}.unread-pill{background:var(--accent);color:var(--accent-fg);border-radius:var(--r-pill);flex-shrink:0;margin-left:auto;padding:.1em .45em;font-size:10px;font-weight:700;line-height:1.4}.new-pill{background:var(--error);color:#fff;font-size:var(--text-xs);border-radius:var(--r-pill);padding:.1em .5em;font-weight:700}.role-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--r-sm);background:var(--bg-sunken);color:var(--fg-3);border:1px solid var(--border);padding:.15em .5em;font-size:10px;font-weight:700}.tag-chip{font-size:var(--text-xs);border-radius:var(--r-pill);background:var(--bg-sunken);color:var(--fg-2);border:1px solid var(--border);cursor:pointer;transition:background-color var(--transition), color var(--transition), border-color var(--transition);align-items:center;gap:.25rem;padding:.2em .55em;display:inline-flex}.tag-chip:hover,.tag-chip.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.tag-chip-selected{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-muted)}.tag-chip-selected .tag-remove{color:var(--accent-muted);cursor:pointer}.tag-chip-selected .tag-remove:hover{color:var(--accent)}.tag-chip-container{flex-wrap:wrap;gap:.5rem;margin-top:.375rem;display:flex}.tag-chip-container-selected{flex-wrap:wrap;gap:.375rem;margin-top:.5rem;display:flex}.tag-input{width:140px!important;font-size:var(--text-xs)!important;border-radius:var(--r-pill)!important;padding:.2em .625em!important}.circle-nav{flex-direction:column;gap:.25rem;display:flex}.circle-nav a,.circle-nav .nav-item{border-radius:var(--r-md);font-size:var(--text-sm);color:var(--fg-2);transition:background-color var(--transition), color var(--transition);align-items:center;gap:.625rem;width:100%;padding:.5rem .625rem;font-weight:500;text-decoration:none;display:flex}.circle-nav a:hover,.circle-nav .nav-item:hover{background:var(--bg-hover);color:var(--fg);opacity:1}.circle-nav a.active,.circle-nav .nav-item.active{background:var(--accent);color:var(--accent-fg)}.circle-nav__new-thread{border-radius:var(--r-md);background:var(--accent);color:var(--accent-fg);font-size:var(--text-sm);transition:background-color var(--transition);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:.5rem;margin-bottom:.375rem;padding:.5rem .625rem;font-weight:700;text-decoration:none;display:flex}.circle-nav__new-thread:hover{background:var(--accent-hover);opacity:1}.circle-nav a.router-link-tag-active{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-muted)}.tag-section-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);padding:0 .5rem;font-weight:700}.tag-list-item{align-items:center;gap:.25rem;display:flex}.tag-list-item .tag-pin-btn{font-size:var(--text-xs);color:var(--fg-3);opacity:0;transition:opacity var(--transition);padding:.25rem}.tag-list-item:hover .tag-pin-btn{opacity:1}.tag-list-item .tag-pin-btn.pinned{opacity:1;color:var(--accent)}.member-section-header{cursor:pointer;justify-content:space-between;align-items:center;padding:0 .5rem;display:flex}.member-section-header h3{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);transition:color var(--transition);font-weight:700}.member-section-header:hover h3{color:var(--fg)}.member-section-header .chevron{font-size:var(--text-xs);color:var(--fg-3);transition:transform var(--transition)}.member-section-header .chevron.open{transform:rotate(180deg)}.member-list{flex-direction:column;gap:.125rem;max-height:200px;display:flex;overflow-y:auto}.member-item{border-radius:var(--r-sm);transition:background-color var(--transition);align-items:center;gap:.5rem;padding:.375rem .5rem;display:flex}.member-item:hover{background:var(--bg-hover)}.presence-dot{border-radius:var(--r-pill);flex-shrink:0;width:8px;height:8px}.presence-dot.online{background:var(--online)}.presence-dot.offline{background:var(--fg-3);opacity:.4}.member-item .member-name{font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;color:var(--fg-3);overflow:hidden}.member-item.online .member-name{color:var(--fg);font-weight:500}.invite-btn{border-radius:var(--r-md);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--accent);width:100%;transition:background-color var(--transition);align-items:center;gap:.5rem;padding:.5rem .625rem;font-weight:700;display:flex}.invite-btn:hover{background:var(--accent-bg)}.thread-item{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;transition:border-color var(--transition), box-shadow var(--transition-slow);padding:1rem}.thread-item:hover{border-color:var(--accent);box-shadow:var(--shadow)}.thread-item.unread{border-left:3px solid var(--accent);background:var(--accent-bg)}.thread-item__header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.375rem;display:flex}.thread-item__header-left{align-items:baseline;gap:.5rem;min-width:0;display:flex}.thread-item__header-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.thread-item__author{font-weight:700;font-size:var(--text-sm);color:var(--accent)}.thread-item__date{font-size:var(--text-xs);color:var(--fg-3);margin-left:.5rem}.thread-item__title-row{align-items:baseline;gap:.5rem;min-width:0;margin-bottom:.375rem;display:flex}.thread-item h3,.thread-item__title{font-size:var(--text-base);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:70%;margin-bottom:0;font-weight:700;overflow:hidden}.thread-item__divider{color:var(--fg-3);flex-shrink:0}.thread-item__preview-inline{color:var(--fg-3);font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.tag-chip--sm{padding:.1em .45em;font-size:10px}.thread-item__tags{flex-wrap:wrap;justify-content:flex-end;gap:.25rem;display:flex}.thread-item__footer{border-top:1px solid var(--border-2);font-size:var(--text-xs);color:var(--fg-3);justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.625rem;display:flex}.thread-node{flex-direction:column;gap:1rem;display:flex}.thread-node.is-reply{border-left:2px solid var(--border);margin-left:.75rem;padding-left:1rem}@media (width>=640px){.thread-node.is-reply{margin-left:1.5rem}}.thread-post{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--transition-slow);padding:1rem}.thread-post.is-root{border-color:var(--accent-muted);padding:1.5rem}.thread-post.unread{border-left:3px solid var(--accent);background:var(--accent-bg)}.thread-post.is-deleted{opacity:.5;filter:grayscale(.5)}.thread-post__header{justify-content:space-between;align-items:center;margin-bottom:.625rem;display:flex}.thread-post__author-row{align-items:center;gap:.5rem;display:flex}.thread-post__avatar{border-radius:var(--r-pill);background:var(--accent-bg);width:24px;height:24px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.thread-post__author-name{font-weight:700;font-size:var(--text-sm);color:var(--accent)}.thread-post__date{font-size:var(--text-xs);color:var(--fg-3)}.thread-post__edited{font-size:var(--text-xs);color:var(--fg-3);font-style:italic}.thread-post__actions{align-items:center;gap:.5rem;display:flex}.thread-post__action-btn{font-size:var(--text-xs);color:var(--fg-3);cursor:pointer;transition:color var(--transition);font-weight:600}.thread-post__action-btn:hover{color:var(--fg)}.thread-post__action-btn.reply{color:var(--accent-muted)}.thread-post__action-btn.reply:hover{color:var(--accent)}.thread-post__action-btn.delete{color:var(--error-fg)}.thread-post__title{font-size:var(--text-xl);margin-bottom:.75rem;font-weight:700}.thread-post__body{font-size:var(--text-sm);color:var(--fg-2);line-height:1.7}.thread-post__body.is-deleted{color:var(--fg-3);font-style:italic}.thread-post__edit{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.thread-post__edit-header{justify-content:space-between;align-items:center;display:flex}.thread-post__edit-actions{justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.reply-box{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.reply-box__header{justify-content:space-between;align-items:center;display:flex}.reply-box__actions{justify-content:flex-end;margin-top:.5rem;display:flex}.chat-view{flex-direction:column;height:100%;display:flex}.chat-messages{flex-direction:column;flex:1;gap:.125rem;padding:.5rem;display:flex;overflow-y:auto}.chat-message{border-radius:var(--r-sm);font-size:var(--text-sm);transition:background-color var(--transition-slow), border-color var(--transition-slow);border-left:2px solid #0000;padding:.25rem .5rem}.chat-message.is-own{background:var(--bg-hover)}.chat-message.is-unread{background:var(--accent-bg);border-left-color:var(--accent)}.chat-message__author{font-weight:700}.chat-message__author.is-own{color:var(--accent-muted)}.chat-message__author:not(.is-own){color:var(--accent)}.chat-message__content{color:var(--fg-2);margin-left:.375rem;display:inline}.chat-message__time{color:var(--fg-3);margin-left:.5rem;font-size:10px}.chat-input-row{gap:.5rem;margin-top:.75rem;display:flex}.chat-input-row input{flex:1}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-xl);width:100%;max-width:460px;box-shadow:var(--shadow-xl);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.modal__header{justify-content:space-between;align-items:center;display:flex}.modal__header h2{font-size:var(--text-xl)}.section-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-xl);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.section-card__header{justify-content:space-between;align-items:center;display:flex}.section-card__title{font-size:var(--text-xl);border-bottom:1px solid var(--border);padding-bottom:.75rem;font-weight:700}.section-card.danger{border-color:var(--error-border)}.section-card.danger .section-card__title{color:var(--danger);border-bottom-color:var(--error-border)}.invite-row{background:var(--bg-sunken);border-radius:var(--r-md);border:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem;display:flex}.invite-row.inactive{opacity:.55}.invite-code{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--accent-bg);color:var(--accent);border-radius:var(--r-sm);padding:.15em .5em;font-weight:700}.invite-code.inactive{background:var(--bg-hover);color:var(--fg-3)}.toast-container{z-index:100;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1rem;right:1rem}.toast{pointer-events:auto;border-radius:var(--r-lg);min-width:250px;max-width:420px;box-shadow:var(--shadow-lg);border:1px solid;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;display:flex}.toast p{font-size:var(--text-sm);font-weight:500;line-height:1.4}.toast--success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-fg)}.toast--error{background:var(--error-bg);border-color:var(--error-border);color:var(--error-fg)}.toast--info{background:var(--info-bg);border-color:var(--info-border);color:var(--info-fg)}.toast--warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-fg)}.toast__close{opacity:.5;transition:opacity var(--transition);flex-shrink:0}.toast__close:hover{opacity:1}.toast__close svg{width:1rem;height:1rem}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;margin:0 auto;animation:.8s linear infinite spin}.spinner-sm{border-width:2px;width:24px;height:24px}.empty-state{text-align:center;background:var(--bg-raised);border:1px dashed var(--border);border-radius:var(--r-xl);flex-direction:column;align-items:center;gap:.625rem;padding:4rem 1rem;display:flex}.empty-state__icon{margin-bottom:.5rem;font-size:2.5rem;line-height:1}.empty-state h3{font-size:var(--text-lg);color:var(--fg);font-weight:700}.empty-state p{font-size:var(--text-sm);color:var(--fg-3)}.tag-manage-row{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--r-md);transition:background-color var(--transition);justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.tag-manage-row:hover{background:var(--bg-hover)}.tag-manage-row__actions{opacity:0;transition:opacity var(--transition);align-items:center;gap:.125rem;display:flex}.tag-manage-row:hover .tag-manage-row__actions{opacity:1}.mfa-setup{background:var(--bg-sunken);border:1px solid var(--accent-muted);border-radius:var(--r-lg);text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;display:flex}.mfa-qr-wrapper{border-radius:var(--r-md);background:#fff;padding:.5rem;display:inline-block}.mfa-secret{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-3);word-break:break-all}.setting-panel{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--r-lg);padding:1rem}.setting-panel p{font-size:var(--text-sm);color:var(--fg-2);margin-bottom:1rem}.palette-picker{flex-wrap:wrap;gap:.5rem;display:flex}.palette-swatch{border-radius:var(--r-pill);cursor:pointer;width:36px;height:36px;transition:transform var(--transition), border-color var(--transition);border:3px solid #0000}.palette-swatch:hover{transform:scale(1.12)}.palette-swatch.active{border-color:var(--fg);transform:scale(1.12)}.palette-swatch.violet{background:#6724db}.palette-swatch.ocean{background:#1282ba}.palette-swatch.ember{background:#d5550b}.palette-swatch.forest{background:#218c53}.palette-swatch.rose{background:#d3226c}.palette-swatch.slate{background:#3264ae}.markdown-content{word-break:break-words;color:var(--fg-2);line-height:1.7}.markdown-content--preview{background:var(--bg-sunken);border-radius:var(--r-md);border:1px solid var(--border);min-height:200px;padding:.75rem}.markdown-content h1{font-size:var(--text-2xl);border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.5rem;font-weight:700}.markdown-content h2{font-size:var(--text-xl);border-bottom:1px solid var(--border);margin-bottom:.75rem;padding-bottom:.25rem;font-weight:700}.markdown-content h3{font-size:var(--text-lg);margin-bottom:.5rem;font-weight:700}.markdown-content p{margin-bottom:1rem}.markdown-content p:last-child{margin-bottom:0}.markdown-content ul{margin-bottom:1rem;padding-left:1.5rem;list-style:outside}.markdown-content ol{margin-bottom:1rem;padding-left:1.5rem;list-style:decimal}.markdown-content li{margin-bottom:.25rem}.markdown-content blockquote{border-left:3px solid var(--border);color:var(--fg-3);margin-bottom:1rem;padding-left:1rem;font-style:italic}.markdown-content pre{margin-bottom:1rem}.markdown-content code{font-size:.85em}.markdown-content pre code{color:var(--fg-2);font-size:var(--text-sm);background:0 0;padding:0}.markdown-content a{color:var(--accent);opacity:1;text-decoration:underline}.markdown-content a:hover{opacity:.75}.markdown-content img{border-radius:var(--r-md);max-width:100%;margin:1rem 0}.markdown-content table{border-collapse:collapse;width:100%;margin-bottom:1rem}.markdown-content th,.markdown-content td{border:1px solid var(--border);text-align:left;padding:.5rem .75rem}.markdown-content th{background:var(--bg-sunken);font-weight:700}.markdown-content hr{border:none;border-top:1px solid var(--border);margin:1.5rem 0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-enter-from{opacity:0;transform:translate(100%)}.toast-enter-to,.toast-leave-from{opacity:1;transform:translate(0)}.toast-leave-to{opacity:0;transform:translate(100%)}.toast-enter-active,.toast-leave-active{transition:opacity .25s,transform .25s}.toast-move{transition:transform .25s}