:root,[data-theme=dark]{--bg:#0e121b;--bg-subtle:#131721;--surface:#181b25;--surface-raised:#1e2232;--panel:#1e2232;--border:#ffffff12;--border-strong:#ffffff21;--text:#f0f4ff;--text-soft:#8892a4;--text-muted:#4b5563;--accent:#3b82f6;--accent-hover:#2563eb;--accent-soft:#3b82f61f;--accent-border:#3b82f64d;--green:#4ade80;--green-soft:#4ade801f;--red:#f87171;--red-soft:#f871711a;--amber:#fbbf24;--amber-soft:#fbbf241a;--blue:#60a5fa;--blue-soft:#60a5fa1f;--nav-bg:#0b0e16f5;--shadow-sm:0 1px 3px #00000080;--shadow:0 2px 8px #00000080, 0 8px 24px #00000059;--shadow-lg:0 8px 32px #000000b3, 0 20px 60px #00000080;--shadow-hover:0 4px 24px #3b82f624, 0 8px 32px #00000073, 0 0 0 1px #3b82f614;--radius-sm:6px;--radius:10px;--radius-lg:12px;--radius-xl:16px;--skel-a:#1a1f2e;--skel-b:#222840;--ease:cubic-bezier(.4, 0, .2, 1);--font-sans:"Inter", "Plus Jakarta Sans", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace}[data-theme=light]{--bg:#d4d8e2;--bg-subtle:#cdd1dc;--surface:#e1e5f0bf;--surface-raised:#d7dbe8cc;--panel:#cdd2e1b3;--border:#646e8c2e;--border-strong:#505a7847;--text:#0f172a;--text-soft:#334155;--text-muted:#64748b;--accent:#3b82f6;--accent-hover:#2563eb;--accent-soft:#3b82f624;--accent-border:#3b82f64d;--green:#16a34a;--green-soft:#16a34a1f;--red:#dc2626;--red-soft:#dc26261a;--amber:#d97706;--amber-soft:#d977061a;--blue:#2563eb;--blue-soft:#2563eb1f;--nav-bg:#c8cddce0;--shadow-sm:0 1px 3px #0000001f;--shadow:0 2px 8px #00000024, 0 8px 24px #00000014;--shadow-lg:0 8px 32px #0000002e, 0 20px 60px #0000001a;--shadow-hover:0 4px 20px #3b82f62e, 0 8px 24px #0000001a, 0 0 0 1px #3b82f61a;--skel-a:#b4b9c899;--skel-b:#a0a8bcb3}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background .2s var(--ease), color .2s var(--ease);line-height:1.5;overflow-x:hidden}.t-xs{font-size:.72rem;line-height:1.4}.t-sm{font-size:.8rem;line-height:1.5}.t-base{font-size:.875rem;line-height:1.6}.t-md{font-size:1rem;line-height:1.6}.t-lg{font-size:1.125rem;line-height:1.4}.t-xl{font-size:1.25rem;line-height:1.3}.t-2xl{font-size:1.5rem;line-height:1.25}.t-3xl{font-size:1.875rem;line-height:1.2}.t-4xl{font-size:2.25rem;line-height:1.15}.fw-medium{font-weight:500}.fw-semibold{font-weight:600}.fw-bold{font-weight:700}.text-muted{color:var(--text-muted)}.text-soft{color:var(--text-soft)}.text-accent{color:var(--accent)}.mono{font-family:var(--font-mono)}nav{z-index:200;background:var(--nav-bg);-webkit-backdrop-filter:blur(20px)saturate(160%);border-bottom:1px solid var(--border);align-items:center;gap:0;height:54px;padding:0 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:var(--font-sans);letter-spacing:-.03em;color:var(--text);white-space:nowrap;align-items:center;gap:.55rem;margin-right:auto;font-size:.95rem;font-weight:700;text-decoration:none;display:flex}.nav-logo-icon{background:var(--accent);color:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.nav-logo-dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.nav-tabs{align-items:center;gap:.25rem;margin-right:1rem;display:flex}.nav-tab{font-family:var(--font-sans);color:var(--text-soft);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:-.01em;background:0 0;border:none;padding:.35rem .75rem;font-size:.8rem;font-weight:500;transition:all .12s}.nav-tab:hover{color:var(--text);background:var(--panel)}.nav-tab.active{color:var(--text);background:var(--panel);box-shadow:var(--shadow-sm)}.nav-right{align-items:center;gap:.5rem;display:flex}.theme-toggle{border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--text-soft);background:0 0;justify-content:center;align-items:center;font-size:.85rem;transition:all .12s;display:flex}.theme-toggle:hover{background:var(--surface-raised);color:var(--text);border-color:var(--border-strong)}.nav-status{color:var(--green);font-size:.72rem;font-family:var(--font-mono);letter-spacing:.02em;align-items:center;gap:.4rem;display:flex}.nav-status-dot{background:var(--green);border-radius:50%;width:5px;height:5px;animation:2.5s infinite pulse}.nav-btn{font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:-.01em;border:1px solid var(--border);color:var(--text-soft);transition:background .14s var(--ease), color .14s var(--ease), border-color .14s var(--ease), transform .1s var(--ease);background:0 0;padding:.38rem .9rem;font-size:.8rem;font-weight:500}.nav-btn:hover{background:var(--surface-raised);color:var(--text);border-color:var(--border-strong)}.nav-btn:active{transform:scale(.96)}.nav-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.nav-btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 4px 16px #3b82f633}.nav-admin-btn{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.nav-admin-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.nav-signout-btn{color:var(--text-soft)}.nav-signout-btn:hover{color:var(--red);border-color:var(--red);background:var(--red-soft)}@keyframes nav-ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.nav-user-wrap{position:relative}.nav-user-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.7rem;font-weight:700;transition:all .12s;display:flex}.nav-user-btn:hover{background:var(--accent-hover)}.nav-profile-btn{cursor:pointer;border-radius:var(--radius);color:inherit;background:0 0;border:none;align-items:center;gap:.5rem;padding:.3rem .55rem;transition:background .12s;display:flex}.nav-profile-btn:hover{background:var(--surface-raised)}.nav-profile-avatar{background:var(--accent);color:#fff;width:30px;height:30px;box-shadow:0 0 0 2px var(--accent-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex;position:relative;overflow:hidden}@media (max-width:600px){.nav-profile-btn .home-identity-info,.nav-profile-btn .home-identity-role{display:none}}.nav-user-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:300;opacity:0;pointer-events:none;min-width:160px;transition:opacity .15s var(--ease), transform .15s var(--ease);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;transform:translateY(-6px)}.nav-user-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-user-item{width:100%;font-family:var(--font-sans);color:var(--text-soft);cursor:pointer;text-align:left;transition:all .1s var(--ease);background:0 0;border:none;padding:.6rem 1rem;font-size:.82rem;font-weight:500;text-decoration:none;display:block}.nav-user-item:hover{background:var(--surface-raised);color:var(--text)}.nav-user-item--admin{color:var(--accent)}.nav-user-item--admin:hover{background:var(--accent-soft);color:var(--accent)}.nav-user-item--danger{color:var(--red)}.nav-user-item--danger:hover{background:var(--red-soft);color:var(--red)}.nav-user-divider{background:var(--border);height:1px;margin:.25rem 0}.nav-user-status-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:.35rem 1rem .1rem;font-size:.65rem;font-weight:600}.nav-user-status-opt{align-items:center;gap:.5rem;display:flex}.nav-user-status-opt.active{color:var(--text);background:var(--surface-raised)}.nav-tab-icon{justify-content:center;align-items:center;width:32px;height:28px;padding:0;display:flex}.left-nav{background:var(--bg);border-right:1px solid var(--border);z-index:150;flex-direction:column;align-items:stretch;gap:.15rem;width:200px;padding:.75rem .5rem;display:flex;position:fixed;top:54px;bottom:0;left:0;overflow:visible}.left-nav-btn{border-radius:var(--radius);width:100%;min-height:40px;color:var(--text-muted);cursor:pointer;transition:color .15s var(--ease), background .15s var(--ease), transform .1s var(--ease);background:0 0;border:none;flex-direction:row;flex-shrink:0;align-items:center;gap:.65rem;padding:0 .85rem;text-decoration:none;display:flex;position:relative}.left-nav-btn:hover{color:var(--text-soft);background:var(--surface)}.left-nav-btn:active{transform:scale(.97)}.left-nav-btn.active{color:var(--accent);-webkit-backdrop-filter:blur(8px);background:linear-gradient(90deg,#3b82f61a 0%,#3b82f60a 100%)}.left-nav-btn.active:before{content:"";width:4px;height:14px;box-shadow:0 0 6px var(--accent), 0 0 12px #3b82f699, 0 0 20px #3b82f64d;background:#3b82f6b3;border:none;border-radius:2px;flex-shrink:0;order:-1;margin-right:.35rem;display:block}.left-nav-btn.active:after{display:none}.left-nav-label{letter-spacing:-.01em;pointer-events:none;font-size:.82rem;font-weight:500;line-height:1}.left-nav-btn:after{display:none}.left-nav-sep{background:var(--border);flex-shrink:0;width:100%;height:1px;margin:.4rem 0}.left-nav-group{position:relative}.left-nav-sub{min-height:36px;padding-left:1.25rem}.left-nav-sub .left-nav-label{font-size:.78rem}.nav-beta-badge{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border);text-transform:uppercase;letter-spacing:.04em;pointer-events:none;border-radius:999px;flex-shrink:0;margin-left:auto;padding:.1rem .35rem;font-size:.52rem;font-weight:700;line-height:1}.tools-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:500;min-width:180px;padding:.35rem;display:none;position:absolute;top:0;left:calc(100% + 8px)}.tools-dropdown.open{display:block}.tools-dropdown-header{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);pointer-events:none;padding:.3rem .6rem .2rem;font-size:.62rem;font-weight:700}.tools-dropdown-item{width:100%;color:var(--text-soft);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.55rem;padding:.5rem .65rem;font-size:.82rem;font-weight:500;transition:all .1s;display:flex}.tools-dropdown-item:hover{background:var(--accent-soft);color:var(--accent)}.page{min-height:100vh;padding-top:54px;padding-left:72px;display:none}.page.active{animation:.2s pageIn;display:block}#page-landing{padding-left:0}.page-inner{max-width:1100px;margin:0 auto;padding:2rem 2rem 3rem}.page-inner-wide{max-width:1320px;margin:0 auto;padding:2rem 2rem 3rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.75rem;display:flex}.page-title{letter-spacing:-.03em;color:var(--text);font-size:1.5rem;font-weight:700;line-height:1.2}.page-sub{color:var(--text-muted);margin-top:.3rem;font-size:.85rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color .2s var(--ease), box-shadow .2s var(--ease)}.card-hover:hover{border-color:var(--border-strong);box-shadow:var(--shadow-hover)}.card-hover:active{transform:scale(.995)}.btn{font-family:var(--font-sans);letter-spacing:-.01em;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s var(--ease);white-space:nowrap;border:none;align-items:center;gap:.4rem;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary,.btn.btn-primary{background:var(--accent);color:#fff;border:none;text-decoration:none}.btn-primary:hover:not(:disabled),.btn.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 20px #3b82f638,0 8px 32px #3b82f61a}.btn-primary:active:not(:disabled),.btn.btn-primary:active:not(:disabled){transform:scale(.97)translateY(0)}.btn-ghost,.btn.btn-ghost{color:var(--text-soft);border:1px solid var(--border);background:0 0;text-decoration:none}.btn-ghost:hover:not(:disabled),.btn.btn-ghost:hover:not(:disabled){background:var(--surface-raised);color:var(--text);border-color:var(--border-strong)}.btn-ghost:active:not(:disabled),.btn.btn-ghost:active:not(:disabled){transform:scale(.97)}.icon-btn{border-radius:var(--radius-sm);cursor:pointer;width:30px;height:30px;color:var(--text-muted);transition:all .12s var(--ease);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--surface-raised);color:var(--text);border-color:var(--border)}.icon-btn:active{transform:scale(.94)}.skeleton{background:linear-gradient(90deg, var(--skel-a) 25%, var(--skel-b) 50%, var(--skel-a) 75%);border-radius:var(--radius);border:1px solid var(--border);background-size:200% 100%;animation:1.8s infinite shimmer}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.empty-state p{font-size:.88rem}.landing{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:4rem 2rem;display:flex;position:relative;overflow:hidden}.landing-bg{pointer-events:none;background:radial-gradient(70% 55% at 20% -10%,#3b82f62e 0%,#0000 55%),radial-gradient(50% 45% at 80% 110%,#6366f11f 0%,#0000 55%),radial-gradient(40% 30% at 60%,#3b82f60f 0%,#0000 60%);position:absolute;inset:0}[data-theme=light] .landing-bg{background:radial-gradient(70% 55% at 20% -10%,#3b82f61a 0%,#0000 55%),radial-gradient(50% 45% at 80% 110%,#6366f112 0%,#0000 55%)}.landing-eyebrow{letter-spacing:.04em;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border);text-transform:uppercase;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.75rem;padding:.3rem .9rem;font-size:.75rem;font-weight:600;display:inline-flex}.landing-eyebrow-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;animation:2s infinite pulse}.landing-title{letter-spacing:-.04em;color:var(--text);margin-bottom:1.25rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.05}.landing-title-accent{color:var(--accent)}.landing-desc{color:var(--text-soft);max-width:520px;margin-bottom:2.5rem;font-size:1.05rem;font-weight:400;line-height:1.7}.landing-cta{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.landing-stats{border-top:1px solid var(--border);gap:3rem;margin-top:4rem;padding-top:2.5rem;display:flex}.landing-stat-val{letter-spacing:-.03em;color:var(--text);margin-bottom:.2rem;font-size:1.5rem;font-weight:700;display:block}.landing-stat-label{color:var(--text-muted);font-size:.78rem}.home-wrap{flex-direction:column;gap:1.5rem;max-width:1040px;min-height:calc(100vh - 54px);margin:0 auto;padding:1.75rem 2rem 2.5rem;display:flex}.status-panel{flex-direction:column;gap:.15rem;padding:.5rem .75rem;display:flex}.status-opt{border-radius:var(--radius-sm);width:100%;font-family:var(--font-sans);color:var(--text-soft);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:.6rem;padding:.5rem .6rem;font-size:.8rem;font-weight:500;transition:all .12s;display:flex}.status-opt:hover,.status-opt.active{background:var(--panel);color:var(--text);border-color:var(--border)}.sdot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.s-online{background:var(--green)}.s-away{background:var(--amber)}.s-dnd{background:var(--red)}.s-invisible{background:var(--text-muted)}.panel-cta-btn{background:var(--accent-soft);width:100%;color:var(--accent);border:1px solid var(--accent-border);border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;text-align:center;transition:all .15s var(--ease);margin-top:.5rem;padding:.45rem .75rem;font-size:.78rem;font-weight:600}.panel-cta-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 16px #3b82f633}.panel-cta-btn:active{transform:scale(.97)}.home-cmd-bar{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;width:100%;font-family:var(--font-sans);text-align:left;transition:border-color .15s var(--ease), box-shadow .15s var(--ease);align-items:center;gap:.625rem;padding:.65rem 1.1rem;display:flex}.home-cmd-bar:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), var(--shadow-sm)}.home-cmd-bar:active{transform:scale(.995)}.home-cmd-bar svg{color:var(--text-muted);flex-shrink:0}.home-cmd-placeholder{color:var(--text-muted);flex:1;font-size:.82rem}.home-cmd-kbd{background:var(--surface-raised);border:1px solid var(--border);color:var(--text-muted);font-size:.68rem;font-weight:600;font-family:var(--font-mono);border-radius:4px;flex-shrink:0;padding:.1rem .4rem}.hero-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-block:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#3b82f666,#0000);height:1px;position:absolute;top:0;left:0;right:0}.hero-top{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem 1.75rem 1rem;display:flex}.hero-greeting h2{letter-spacing:-.04em;color:var(--text);margin-bottom:.3rem;font-size:1.75rem;font-weight:700}.hero-date{color:var(--text-muted);margin-bottom:.2rem;font-size:.82rem}.hero-time{color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono);letter-spacing:.02em}.hero-clock-row{border-bottom:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:1rem 1.75rem .85rem;display:flex}.hero-clock{font-size:2.25rem;font-weight:700;font-family:var(--font-mono);letter-spacing:-.04em;color:var(--text);line-height:1}.hero-weather{align-items:center;gap:.35rem;display:flex}.hero-weather-temp{color:var(--text);font-size:.85rem;font-weight:600}.hero-weather-desc{color:var(--text-muted);font-size:.75rem}.hero-collapse-btn{border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;width:28px;height:28px;color:var(--text-muted);background:0 0;flex-shrink:0;justify-content:center;align-items:center;margin-left:.5rem;transition:all .12s;display:flex}.hero-collapse-btn:hover{background:var(--surface-raised);color:var(--text);border-color:var(--border-strong)}.hero-body-row{max-height:300px;transition:max-height .28s,opacity .2s;overflow:hidden}.hero-body-row.hero-stats-collapsed{opacity:0;pointer-events:none;max-height:0}.hero-stats{border-top:1px solid var(--border);flex-wrap:wrap;gap:0;display:flex}.hero-stat-item{cursor:pointer;border-right:1px solid var(--border);min-width:100px;color:inherit;transition:background .15s var(--ease);flex-direction:column;flex:1;align-items:center;gap:.3rem;padding:1rem;text-decoration:none;display:flex}.hero-stat-item:last-child{border-right:none}.hero-stat-item:hover{background:var(--surface-raised)}.hero-stat-num{letter-spacing:-.03em;color:var(--text);font-size:1.4rem;font-weight:700;line-height:1}.hero-stat-lbl{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.65rem;font-weight:600}.home-panels-row{gap:.75rem;margin-bottom:1rem;display:flex}.home-panels-row .home-upcoming-panel{flex:1;min-width:0;margin-bottom:0}.home-upcoming-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1rem;padding:.65rem 1rem}.home-upcoming-header{align-items:center;gap:.45rem;display:flex}.home-upcoming-collapse-btn{border-radius:var(--radius-sm);width:20px;height:20px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .1s;display:flex}.home-upcoming-collapse-btn:hover{background:var(--surface-raised)}#home-upcoming-chevron{transition:transform .2s}.home-upcoming-panel--collapsed #home-upcoming-chevron{transform:rotate(180deg)}.home-upcoming-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);flex:1;align-items:center;gap:.35rem;font-size:.68rem;font-weight:700;display:flex}.home-upcoming-controls{align-items:center;gap:.4rem;display:flex}.home-upcoming-limit-sel{color:var(--text-muted);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;outline:none;padding:.1rem .25rem;font-size:.68rem;font-weight:600}.home-upcoming-viewall{color:var(--accent);cursor:pointer;opacity:.8;white-space:nowrap;background:0 0;border:none;padding:0;font-size:.68rem;font-weight:600;transition:opacity .1s}.home-upcoming-viewall:hover{opacity:1}.home-friends-online-count{color:var(--text-muted);font-size:.68rem;font-weight:600}.home-upcoming-list{flex-direction:column;gap:.2rem;margin-top:.45rem;display:flex}.home-upcoming-panel--collapsed .home-upcoming-list{display:none}.home-upcoming-item{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.55rem;padding:.3rem .4rem;transition:background .1s;display:flex}.home-upcoming-item:hover{background:var(--surface-raised)}.home-upcoming-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.home-upcoming-info{flex:1;min-width:0}.home-upcoming-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;overflow:hidden}.home-upcoming-meta{color:var(--text-muted);font-size:.65rem}.home-upcoming-when{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.65rem;font-weight:600}.home-upcoming-empty{color:var(--text-muted);padding:.25rem .4rem;font-size:.73rem}.home-cards-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.7rem;font-weight:700}.home-cards-header{margin-bottom:.85rem}.home-identity{align-items:center;gap:.625rem;padding:0 .25rem;display:flex}.home-identity-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.65rem;font-weight:700;display:flex}.home-identity-info{min-width:0}.home-identity-name{color:var(--text);white-space:nowrap;font-size:.78rem;font-weight:600}.home-identity-handle{color:var(--text-muted);white-space:nowrap;font-size:.68rem}.home-identity-role{background:var(--surface-raised);color:var(--text-muted);border:1px solid var(--border);white-space:nowrap;border-radius:100px;flex-shrink:0;padding:.12rem .5rem;font-size:.6rem;font-weight:700}.home-identity-role[data-plan=premium]{color:#fbbf24;background:#fbbf241f;border-color:#fbbf244d}[data-theme=light] .home-identity-role[data-plan=premium]{color:#92400e;background:#fffbeb;border-color:#fcd34d}.home-identity-role[data-plan=standard]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.home-identity-role[data-plan=free]{background:var(--surface-raised);color:var(--text-muted);border-color:var(--border)}.greeting-weather{align-items:center;gap:.5rem;display:flex}.greeting-weather-icon{font-size:1.1rem}.greeting-weather-temp{color:var(--text);letter-spacing:-.02em;font-size:1rem;font-weight:600}.greeting-weather-desc{color:var(--text-muted);font-size:.78rem}.greeting-clock{font-family:var(--font-mono);color:var(--text-soft);letter-spacing:.05em;font-size:.875rem}.briefing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);grid-column:1/-1;overflow:hidden}.briefing-header{border-bottom:1px solid var(--border);background:0 0;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}.briefing-header-left{align-items:center;gap:.6rem;display:flex}.briefing-header h3{letter-spacing:-.01em;color:var(--text);font-size:.8rem;font-weight:600}.briefing-badge{color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:100px;padding:.1rem .5rem;font-size:.65rem;font-weight:600}.briefing-date{color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono)}.briefing-body{flex-wrap:wrap;gap:2rem;padding:1.25rem 1.5rem;display:flex}.briefing-stat{flex-direction:column;gap:.15rem;min-width:80px;display:flex}.briefing-stat-label{color:var(--text-muted);letter-spacing:.01em;font-size:.7rem;font-weight:500}.briefing-stat-val{color:var(--text);letter-spacing:-.03em;margin:.25rem 0;font-size:1.35rem;font-weight:700;line-height:1}.briefing-stat-sub{color:var(--text-muted);font-size:.72rem}.sidebar-left,.sidebar-right{flex-direction:column;gap:1rem;display:flex}.home-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.875rem;display:grid}.home-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .2s var(--ease), box-shadow .2s var(--ease), transform .15s var(--ease);box-shadow:var(--shadow-sm);min-height:140px;color:inherit;flex-direction:column;gap:.5rem;padding:1.25rem;text-decoration:none;display:flex;position:relative}.home-card:hover{border-color:#3b82f633;transform:translateY(-2px);box-shadow:0 4px 24px #3b82f61a,0 12px 32px #0006,0 0 0 1px #3b82f60f}.home-card:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.home-card--soon{cursor:default;opacity:.55}.home-card--soon:hover{box-shadow:var(--shadow-sm);border-color:var(--border);transform:none}.home-card-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:.25rem;display:flex}.hci--indigo{background:var(--accent-soft);color:var(--accent)}.hci--amber{background:var(--amber-soft);color:var(--amber)}.hci--blue{background:var(--blue-soft);color:var(--blue)}.hci--green{background:var(--green-soft);color:var(--green)}.hci--purple{color:#a78bfa;background:#8b5cf61f}.hci--slate{background:var(--surface-raised);color:var(--text-soft)}.hci--teal{color:#2dd4bf;background:#14b8a61f}[data-theme=light] .hci--indigo{color:#2563eb;background:#eff6ff}[data-theme=light] .hci--amber{color:#d97706;background:#fffbeb}[data-theme=light] .hci--blue{color:#2563eb;background:#eff6ff}[data-theme=light] .hci--green{color:#16a34a;background:#f0fdf4}[data-theme=light] .hci--purple{color:#7c3aed;background:#faf5ff}[data-theme=light] .hci--slate{color:#64748b;background:#f8fafc}[data-theme=light] .hci--teal{color:#0d9488;background:#f0fdfa}.home-card-title{color:var(--text);letter-spacing:-.01em;font-size:.9rem;font-weight:600}.home-card-desc{color:var(--text-muted);flex:1;font-size:.78rem;line-height:1.5}.home-card-action{color:var(--accent);font-size:.75rem;font-weight:600}.home-card--small{min-height:unset;flex-direction:row;align-items:center;gap:.65rem;padding:.75rem 1rem}.home-card--small .home-card-icon{flex-shrink:0;width:32px;height:32px;margin-bottom:0}.home-card--small .home-card-title{font-size:.82rem}.home-cards:has(.home-card--small){grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.home-card{position:relative}.home-card-fav-btn{border-radius:var(--radius-sm);cursor:pointer;width:22px;height:22px;color:var(--text-muted);opacity:.5;background:0 0;border:none;justify-content:center;align-items:center;font-size:.75rem;line-height:1;transition:opacity .15s,color .15s;display:flex;position:absolute;top:.45rem;right:.45rem}.home-card:hover .home-card-fav-btn{opacity:1}.home-card-fav-btn.active{opacity:1;color:#fbbf24}.home-card-remove-btn{border-radius:var(--radius-sm);width:20px;height:20px;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-size:.7rem;line-height:1;transition:all .12s;display:flex;position:absolute;top:.45rem;left:.45rem}.home-card:hover .home-card-remove-btn{opacity:1;border-color:var(--border);background:var(--surface-raised)}.home-card-remove-btn:hover{color:var(--red);background:var(--red-soft)!important;border-color:var(--red)!important;opacity:1!important}.home-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.4rem;margin-bottom:.5rem;padding:.25rem 0;font-size:.7rem;font-weight:700;display:flex}.home-cards--fav{margin-bottom:.5rem}.home-add-widget-wrap{position:relative}.home-add-widget-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:200;min-width:180px;padding:.3rem;display:none;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.home-add-widget-menu.open{flex-direction:column;display:flex}.home-add-widget-option{border-radius:var(--radius-sm);color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.45rem .65rem;font-size:.8rem;font-weight:500;transition:background .1s;display:flex}.home-add-widget-option:hover{background:var(--surface-raised)}.home-add-widget-empty{color:var(--text-muted);padding:.45rem .65rem;font-size:.75rem;display:block}.cal-widget-events{flex-direction:column;gap:.3rem;margin-top:.25rem;display:flex}.cal-widget-event{color:var(--text);border-radius:var(--radius-sm);background:var(--surface-raised);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.4rem;padding:.2rem .35rem;font-size:.72rem;display:flex;overflow:hidden}.cal-widget-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.cal-widget-time{color:var(--text-muted);font-family:var(--font-mono);flex-shrink:0;font-size:.65rem}.cal-widget-none{color:var(--text-muted);margin-top:.25rem;font-size:.72rem}.confirm-overlay{z-index:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.confirm-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;width:100%;max-width:380px;box-shadow:var(--shadow-lg);padding:1.75rem 1.5rem 1.5rem}.confirm-icon{margin-bottom:.75rem;font-size:2rem}.confirm-title{color:var(--text);margin-bottom:.5rem;font-size:1rem;font-weight:700}.confirm-msg{color:var(--text-muted);margin-bottom:1.25rem;font-size:.8rem;line-height:1.5}.confirm-actions{justify-content:center;gap:.6rem;display:flex}.confirm-btn-cancel{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-raised);color:var(--text);cursor:pointer;flex:1;padding:.55rem 1rem;font-size:.82rem;font-weight:600;transition:all .12s}.confirm-btn-cancel:hover{background:var(--panel)}.confirm-btn-danger{border-radius:var(--radius-sm);color:#fff;cursor:pointer;background:#ef4444;border:1px solid #ef4444;flex:1;padding:.55rem 1rem;font-size:.82rem;font-weight:600;transition:all .12s}.confirm-btn-danger:hover{background:#dc2626;border-color:#dc2626}.cal-add-event-modal{z-index:300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.cal-add-event-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-lg);padding:1.5rem}.cal-add-event-card h3{color:var(--text);margin:0 0 1rem;font-size:1rem;font-weight:700}.cal-event-form-row{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.cal-event-color-row{flex-wrap:wrap;gap:.4rem;margin-top:.25rem;display:flex}.cal-event-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;transition:border-color .12s}.cal-event-color-swatch.selected{border-color:var(--text)}.cal-add-event-actions{gap:.5rem;margin-top:1rem;display:flex}.cal-setup-tip{background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:var(--radius);color:var(--accent);text-align:left;max-width:480px;margin-top:1rem;padding:.75rem 1rem;font-size:.78rem}.cal-setup-tip strong{margin-bottom:.25rem;display:block}.cal-setup-tip ol{margin:.25rem 0 0 1.1rem;padding:0}.cal-setup-tip li{margin-bottom:.15rem}.cal-disconnect-btn{border-radius:var(--radius-sm);border:1px solid var(--red);color:var(--red);cursor:pointer;background:0 0;padding:.1rem .4rem;font-size:.62rem;font-weight:600;transition:all .12s}.cal-disconnect-btn:hover{background:var(--red-soft)}.home-stat-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:.375rem;margin-top:auto;padding:.625rem .875rem;display:flex}.home-stat-pill{background:var(--surface-raised);border:1px solid var(--border);border-radius:100px;align-items:center;gap:.4rem;padding:.3rem .65rem;display:flex}.home-stat-pill--btn{cursor:pointer;font-family:var(--font-sans);background:0 0;transition:all .12s}.home-stat-pill--btn:hover{background:var(--panel);border-color:var(--border-strong)}.home-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;font-weight:600}.home-stat-val{color:var(--text);font-size:.78rem;font-weight:700}.home-stat-sep{background:var(--border);flex-shrink:0;width:1px;height:18px}.home-bar-ticker{flex:1;min-width:0;margin-left:.25rem;overflow:hidden}.home-bar-ticker-track{white-space:nowrap;color:var(--text-muted);letter-spacing:.01em;font-size:.65rem;animation:36s linear infinite nav-ticker-scroll;display:inline-block}.status-panel-inline{align-items:center;gap:.3rem;display:flex}.status-opt-mini{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .12s;display:flex}.status-opt-mini:hover{border-color:var(--border-strong)}.status-opt-mini.active{border-color:var(--border-strong);background:var(--surface-raised)}.status-opt-mini .sdot{width:9px;height:9px}@media (max-width:700px){.home-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:460px){.home-cards{grid-template-columns:1fr}}.panel,.section-card,.profile-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.panel-header,.section-header{border-bottom:1px solid var(--border);background:0 0;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.panel-header h3,.section-header h3{letter-spacing:-.01em;color:var(--text);font-size:.78rem;font-weight:600}.panel-body,.section-body{padding:.875rem 1rem}.panel-icon{font-size:.85rem}.stat-chip{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.45rem 0;font-size:.78rem;display:flex}.stat-chip:last-child{border-bottom:none}.stat-chip .label{color:var(--text-soft)}.stat-chip .val{color:var(--text);font-weight:500}.stat-chip .val.done{color:var(--green)}.stat-chip .val.in-dev{color:var(--amber)}.stat-chip .val.planned{color:var(--text-muted)}.badge{white-space:nowrap;border:1px solid;border-radius:100px;padding:.1rem .5rem;font-size:.65rem;font-weight:600}.badge-soon{color:var(--amber);border-color:var(--amber);background:var(--amber-soft)}.badge-dev{color:var(--blue);border-color:var(--blue);background:var(--blue-soft)}.badge-beta{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}.badge-live{color:var(--green);border-color:var(--green);background:var(--green-soft)}.feed-main{flex-direction:column;gap:1rem;display:flex}.feed-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.feed-card-header{border-bottom:1px solid var(--border);background:0 0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.feed-card-header h3{letter-spacing:-.01em;color:var(--text);font-size:.8rem;font-weight:600}.feed-card-body{padding:1rem}.feed-card-footer{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;background:0 0;padding:.6rem 1rem;font-size:.7rem}.skel{background:linear-gradient(90deg, var(--skel-a) 25%, var(--skel-b) 50%, var(--skel-a) 75%);background-size:200% 100%;border-radius:4px;animation:1.6s infinite shimmer}.skel-avatar{border-radius:50%;flex-shrink:0;width:28px;height:28px}.skel-line{height:8px}.skel-block{height:48px}.skel-row{align-items:center;gap:.6rem;display:flex}.task-compose{gap:.5rem;margin-bottom:.75rem;display:flex}.task-compose-input{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-sans);color:var(--text);outline:none;flex:1;padding:.45rem .75rem;font-size:.8rem;transition:border-color .12s}.task-compose-input:focus{border-color:var(--accent);background:var(--surface)}.task-compose-input::placeholder{color:var(--text-muted)}.task-compose-btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;flex-shrink:0;padding:.45rem .7rem;font-size:.85rem;font-weight:600;line-height:1;transition:all .12s}.task-compose-btn:hover{background:var(--accent-hover)}.task-list{flex-direction:column;gap:.3rem;max-height:210px;display:flex;overflow-y:auto}.task-item{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:.6rem;padding:.5rem .65rem;transition:opacity .15s;display:flex}.task-item:hover{border-color:var(--border-strong)}.task-item.done{opacity:.45}.task-check{border:1.5px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;transition:all .12s;display:flex}.task-check:hover{border-color:var(--accent)}.task-check.checked{background:var(--accent);border-color:var(--accent)}.task-check.checked:after{content:"✓";color:#fff;font-size:.55rem;font-weight:700}.task-title{color:var(--text);flex:1;font-size:.8rem}.task-item.done .task-title{color:var(--text-muted);text-decoration:line-through}.task-del{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:3px;padding:.1rem .2rem;font-size:.7rem;transition:color .12s}.task-item:hover .task-del{opacity:1}.task-del:hover{color:var(--red)}.widget-empty{color:var(--text-muted);text-align:center;padding:1.25rem 0;font-size:.75rem;font-style:italic}.event-compose{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.event-compose-row{gap:.5rem;display:flex}.event-input{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-sans);color:var(--text);outline:none;width:100%;padding:.45rem .75rem;font-size:.8rem;transition:border-color .12s}.event-input:focus{border-color:var(--accent);background:var(--surface)}.event-input::placeholder{color:var(--text-muted)}input[type=date].event-input,input[type=time].event-input,input[type=datetime-local].event-input{font-family:var(--font-mono);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:.72rem}[data-theme=light] input[type=date].event-input,[data-theme=light] input[type=time].event-input,[data-theme=light] input[type=datetime-local].event-input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.event-list{flex-direction:column;gap:.3rem;max-height:260px;display:flex;overflow-y:auto}.event-item{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:flex-start;gap:.75rem;padding:.6rem .75rem;display:flex}.event-item:hover{border-color:var(--border-strong)}.event-indicator{background:var(--accent);border-radius:2px;flex-shrink:0;align-self:stretch;width:3px;height:100%;min-height:32px}.event-indicator.today{background:var(--amber)}.event-indicator.past{background:var(--text-muted)}.event-info{flex:1;min-width:0}.event-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.1rem;font-size:.8rem;font-weight:500;overflow:hidden}.event-meta{color:var(--text-muted);font-size:.7rem;font-family:var(--font-mono)}.event-del{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:3px;flex-shrink:0;font-size:.7rem;transition:color .12s}.event-item:hover .event-del{opacity:1}.event-del:hover{color:var(--red)}.event-section-divider{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);margin-bottom:.3rem;padding:.5rem 0 .25rem;font-size:.65rem;font-weight:600}.reminder-compose{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.reminder-compose-row{gap:.5rem;display:flex}.reminder-item{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:.65rem;margin-bottom:.3rem;padding:.55rem .75rem;transition:opacity .15s;display:flex}.reminder-item:hover{border-color:var(--border-strong)}.reminder-item.dismissed{opacity:.4}.reminder-icon{flex-shrink:0;font-size:.85rem}.reminder-info{flex:1;min-width:0}.reminder-title{color:var(--text);margin-bottom:.1rem;font-size:.8rem;font-weight:500}.reminder-time{color:var(--text-muted);font-size:.7rem;font-family:var(--font-mono)}.reminder-time.overdue{color:var(--red)}.reminder-del{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:3px;flex-shrink:0;font-size:.7rem;transition:color .12s}.reminder-item:hover .reminder-del{opacity:1}.reminder-del:hover{color:var(--red)}#page-messages{height:100vh;padding-top:0;padding-left:72px;overflow:hidden}.messages-layout{height:calc(100vh - 54px);margin-top:54px;display:flex}.conv-sidebar{border-right:1px solid var(--border);background:var(--bg-subtle);flex-direction:column;flex-shrink:0;width:260px;display:flex}.conv-sidebar-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:.875rem .875rem .625rem;display:flex}.conv-sidebar-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;font-size:.7rem;font-weight:700}.conv-header-actions{gap:.2rem;display:flex}.conv-action-btn{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:.9rem;transition:all .1s;display:flex}.conv-action-btn:hover{background:var(--border);color:var(--text)}.conv-list{flex:1;padding:.25rem .5rem;overflow-y:auto}.conv-item{cursor:pointer;border-radius:var(--radius-sm);align-items:center;gap:.625rem;margin-bottom:1px;padding:.5rem .625rem;transition:background .1s;display:flex;position:relative}.conv-item:hover{background:var(--surface)}.conv-item.active{background:var(--accent-soft)}.conv-item.active .conv-item-name{color:var(--accent)}.conv-item-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.65rem;font-weight:700;display:flex}.conv-item-avatar.group-avatar{border-radius:var(--radius-sm);background:var(--text-muted);color:#fff;font-size:.9rem}.conv-item-info{flex:1;min-width:0}.conv-item-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.conv-item-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.08rem;font-size:.7rem;overflow:hidden}.msg-thread{background:var(--bg);flex-direction:column;flex:1;display:flex;overflow:hidden}.msg-empty-state{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;display:flex}.msg-empty-icon{opacity:.4;font-size:2rem}.msg-empty-text{color:var(--text-muted);font-size:.82rem}.msg-thread-active{flex-direction:column;flex:1;display:flex;overflow:hidden}.msg-thread-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:.75rem;min-height:54px;padding:.75rem 1.5rem;display:flex}.msg-thread-meta{flex:1;min-width:0}.msg-thread-title{color:var(--text);letter-spacing:-.01em;font-size:.9rem;font-weight:600}.msg-thread-subtitle{color:var(--text-muted);margin-top:.05rem;font-size:.72rem}.msg-list{contain:layout style;flex-direction:column;flex:1;display:flex;overflow-y:auto;gap:0!important;padding:1.5rem 0 .75rem!important}.msg-day-divider{text-align:center;color:var(--text-muted);font-size:.68rem;font-family:var(--font-mono);letter-spacing:.03em;padding:.75rem 0}.msg-row{gap:.875rem;padding:.3rem 1.5rem;transition:background 80ms;display:flex}.msg-row:hover{background:var(--bg-subtle)}.msg-row--cont{padding-top:.05rem;padding-bottom:.05rem}.msg-row-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-top:.1rem;font-size:.62rem;font-weight:700;display:flex}.msg-row-avatar--me{background:var(--accent)}.msg-row-spacer{flex-shrink:0;width:34px}.msg-row-body{flex:1;min-width:0}.msg-row-meta{align-items:baseline;gap:.5rem;margin-bottom:.15rem;display:flex}.msg-row-name{color:var(--text);letter-spacing:-.01em;font-size:.82rem;font-weight:600}.msg-row-name--me{color:var(--accent)}.msg-row-time{color:var(--text-muted);font-size:.62rem;font-family:var(--font-mono)}.msg-row-text{color:var(--text-soft);word-break:break-word;font-size:.875rem;line-height:1.6}.msg-compose{border-top:1px solid var(--border);background:var(--bg);flex-shrink:0;align-items:center;gap:.625rem;padding:.75rem 1.5rem 1.25rem;display:flex}.msg-input{background:var(--surface);border:1px solid var(--border);font-family:var(--font-sans);color:var(--text);border-radius:24px;outline:none;flex:1;padding:.625rem 1.125rem;font-size:.875rem;transition:all .15s}.msg-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.msg-input::placeholder{color:var(--text-muted)}.msg-send-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .12s;display:flex}.msg-send-btn:hover{background:var(--accent-hover);transform:scale(1.06);box-shadow:0 4px 16px #3b82f633,0 8px 24px #3b82f614}.msg-send-btn:active{transform:scale(.96)}.msg-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:400;opacity:0;pointer-events:none;background:#0009;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:fixed;inset:0}.msg-overlay.active{opacity:1;pointer-events:auto}.msg-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:1.5rem}.msg-modal-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.msg-modal-header h3{color:var(--text);font-size:.95rem;font-weight:600}.conv-search-row{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.75rem;padding:.6rem .5rem;transition:background .1s;display:flex}.conv-search-row:hover{background:var(--surface-raised)}.conv-search-row--added{opacity:.6}.conv-search-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.65rem;font-weight:700;display:flex}.conv-search-name{color:var(--text);font-size:.82rem;font-weight:600}.conv-search-handle{color:var(--text-muted);font-size:.72rem}.conv-search-action{color:var(--accent);flex-shrink:0;margin-left:auto;font-size:.72rem;font-weight:600}.group-chips{flex-wrap:wrap;gap:.35rem;display:flex}.group-chip{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border);cursor:pointer;border-radius:100px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.72rem;font-weight:500;transition:all .12s;display:inline-flex}.group-chip:hover{background:var(--red-soft);color:var(--red);border-color:var(--red)}.admin-user-row{flex-wrap:wrap;gap:.5rem}.admin-action-btn{border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;border:1px solid;padding:.25rem .65rem;font-size:.72rem;font-weight:600;transition:all .12s}.admin-action-ban{color:var(--amber);border-color:var(--amber);background:var(--amber-soft)}.admin-action-ban:hover{background:var(--amber);color:#fff}.admin-action-delete{color:var(--red);border-color:var(--red);background:var(--red-soft)}.admin-action-delete:hover{background:var(--red);color:#fff}.admin-action-role-toggle{color:#a78bfa;background:#a78bfa1a;border-color:#a78bfa}.admin-action-role-toggle:hover{color:#fff;background:#7c3aed}.role-badge--banned{color:var(--red);background:var(--red-soft);border-color:var(--red)}.role-badge--free{color:var(--text-muted);border-color:var(--border);background:var(--surface-raised)}.role-badge--standard{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}.role-badge--premium{color:#fbbf24;background:#fbbf241a;border-color:#fbbf244d}[data-theme=light] .role-badge--standard{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}[data-theme=light] .role-badge--premium{color:#92400e;background:#fffbeb;border-color:#fcd34d}.integration-icon--youtube{color:red;background:#ff00001a}.integration-icon--x{color:var(--text);background:#ffffff0f}.integration-icon--instagram{color:#e1306c;background:#e1306c1a}.online-friend-row{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.6rem 0;display:flex}.online-friend-row:last-child{border-bottom:none}.online-friend-avatar{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border:1px solid var(--accent-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.68rem;font-weight:700;display:flex;position:relative}.online-friend-dot{background:var(--green);border:2px solid var(--surface);border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:0}.online-friend-info{flex:1;min-width:0}.online-friend-name{color:var(--text);font-size:.82rem;font-weight:600}.online-friend-handle{color:var(--text-muted);font-size:.72rem}.online-badge{color:var(--green);background:var(--green-soft);border:1px solid var(--green);border-radius:100px;flex-shrink:0;padding:.1rem .5rem;font-size:.65rem;font-weight:600}.integration-row{border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:1rem 0;display:flex}.integration-row:last-child{border-bottom:none}.integration-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.integration-info{flex:1;min-width:0}.integration-name{color:var(--text);margin-bottom:.2rem;font-size:.875rem;font-weight:600}.integration-desc{color:var(--text-muted);font-size:.78rem;line-height:1.4}.integration-btn{border-radius:var(--radius-sm);font-family:var(--font-sans);border:1px solid var(--border);background:var(--surface-raised);color:var(--text-soft);cursor:not-allowed;opacity:.7;flex-shrink:0;align-items:center;padding:.4rem .9rem;font-size:.8rem;font-weight:500;display:flex}.page-wrap{flex-direction:column;gap:1rem;max-width:760px;margin:0 auto;padding:2rem 1.5rem 4rem;display:flex}.profile-banner{background:linear-gradient(135deg, #3b82f62e 0%, #3b82f60a 60%, var(--surface) 100%);border-bottom:1px solid var(--border);height:100px;position:relative}.profile-avatar-wrap{position:absolute;bottom:-32px;left:1.5rem}.profile-avatar{background:var(--accent);border:3px solid var(--surface);color:#fff;letter-spacing:-.02em;cursor:pointer;border-radius:14px;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.1rem;font-weight:700;display:flex;position:relative;overflow:hidden}.avatar-upload-overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.profile-avatar:hover .avatar-upload-overlay{opacity:1}.profile-info{padding:2.5rem 1.5rem 1.5rem}.profile-name{letter-spacing:-.02em;color:var(--text);margin-bottom:.15rem;font-size:1rem;font-weight:700}.profile-handle{color:var(--accent);font-size:.78rem;font-family:var(--font-mono);margin-bottom:.75rem}.profile-bio-row{align-items:center;gap:.4rem;margin-bottom:.5rem;display:flex}.profile-bio{color:var(--text-soft);font-size:.82rem}.profile-bio-edit-btn{border-radius:var(--radius-sm);border:1px solid var(--border);width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .12s;display:flex}.profile-bio-edit-btn:hover{background:var(--surface-raised);color:var(--text)}.profile-bio-edit-form{margin-bottom:.75rem}.profile-bio-textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);width:100%;color:var(--text);font-size:.8rem;font-family:var(--font-sans);resize:vertical;min-height:56px;padding:.5rem .65rem;transition:border-color .12s}.profile-bio-textarea:focus{border-color:var(--accent);outline:none}.profile-bio-edit-actions{gap:.4rem;margin-top:.4rem;display:flex}.profile-bio-save-btn{border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;border:none;padding:.3rem .75rem;font-size:.75rem;font-weight:600;transition:opacity .12s}.profile-bio-save-btn:hover{opacity:.85}.profile-bio-cancel-btn{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;padding:.3rem .75rem;font-size:.75rem;font-weight:600;transition:all .12s}.profile-bio-cancel-btn:hover{background:var(--surface-raised)}.profile-friends-btn{color:var(--text-soft);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.3rem .75rem;font-size:.75rem;font-weight:500;transition:all .12s}.profile-friends-btn:hover{background:var(--surface-raised);border-color:var(--border-strong);color:var(--text)}.coming-soon-block{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1rem;display:flex}.coming-soon-icon{border-radius:var(--radius);background:var(--surface-raised);border:1px solid var(--border);justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.coming-soon-block h4{color:var(--text);letter-spacing:-.01em;font-size:.875rem;font-weight:600}.coming-soon-block p{color:var(--text-muted);font-size:.75rem}.friends-search-row{gap:.6rem;display:flex}.friends-search-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-sans);color:var(--text);outline:none;flex:1;padding:.55rem .85rem;font-size:.82rem;transition:border-color .12s}.friends-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.friends-search-input::placeholder{color:var(--text-muted)}.friends-search-placeholder{color:var(--text-muted);text-align:center;padding:1.5rem .5rem;font-size:.8rem}.friends-search-btn{font-family:var(--font-sans);background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;padding:.55rem 1.1rem;font-size:.8rem;font-weight:600;transition:all .12s}.friends-search-btn:hover{background:var(--accent-hover);box-shadow:0 4px 16px #3b82f633}.friends-search-btn:disabled{opacity:.5;cursor:not-allowed}.user-card{border-bottom:1px solid var(--border);align-items:center;gap:.875rem;padding:.75rem 1rem;transition:background .12s;display:flex}.user-card:last-child{border-bottom:none}.user-card:hover{background:var(--surface-raised)}.user-card-avatar-wrap{flex-shrink:0;position:relative}.user-card-avatar{color:#fff;letter-spacing:-.02em;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:.75rem;font-weight:700;display:flex}.ucard-status{border:2px solid var(--surface);border-radius:50%;width:11px;height:11px;position:absolute;bottom:-1px;right:-1px}.ucard-status--online{background:#22c55e}.ucard-status--away{background:#f59e0b}.ucard-status--offline{background:var(--border-strong)}.user-card-info{flex:1;min-width:0}.user-card-name{color:var(--text);letter-spacing:-.01em;margin-bottom:.1rem;font-size:.85rem;font-weight:600}.user-card-handle{color:var(--text-muted);font-size:.7rem;font-family:var(--font-mono)}.user-card-sub{color:var(--text-muted);margin-top:.1rem;font-size:.68rem}.user-card-sub--online{color:#22c55e;font-weight:600}.user-card-action{border-radius:var(--radius-sm);cursor:pointer;letter-spacing:-.01em;border:1px solid;flex-shrink:0;padding:.3rem .75rem;font-size:.72rem;font-weight:500;transition:all .12s}.user-card-action.add{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}.user-card-action.add:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.user-card-action.pending{color:var(--text-muted);border-color:var(--border);cursor:default;background:0 0}.user-card-action.accept{color:var(--green);border-color:var(--green);background:var(--green-soft)}.user-card-action.accept:hover{background:var(--green);color:#fff}.user-card-action.remove{color:var(--red);border-color:var(--red);background:var(--red-soft)}.user-card-action.remove:hover{background:var(--red);color:#fff}.user-card-action.friends{color:var(--green);border-color:var(--green);background:var(--green-soft);cursor:default}.count-chip{background:var(--surface-raised);color:var(--text-soft);border:1px solid var(--border);border-radius:100px;padding:.1rem .55rem;font-size:.65rem;font-weight:600}.settings-field{margin-bottom:1rem}.settings-field:last-child{margin-bottom:0}.settings-label{color:var(--text-soft);letter-spacing:-.005em;margin-bottom:.4rem;font-size:.75rem;font-weight:600;display:block}.settings-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font-size:.875rem;font-family:var(--font-sans);color:var(--text);outline:none;padding:.55rem .85rem;transition:border-color .12s}.settings-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.settings-input::placeholder{color:var(--text-muted)}.settings-input:disabled{opacity:.5;cursor:not-allowed;background:var(--surface-raised)}.settings-hint{color:var(--text-muted);margin-top:.3rem;font-size:.72rem}.settings-row{gap:1rem;display:flex}.settings-row .settings-field{flex:1}.settings-btn{font-family:var(--font-sans);letter-spacing:-.01em;background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.55rem 1.25rem;font-size:.8rem;font-weight:600;transition:all .12s}.settings-btn:hover{background:var(--accent-hover);box-shadow:0 4px 16px #3b82f633}.settings-btn:disabled{opacity:.5;cursor:not-allowed}.settings-btn-ghost{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--red);border:1px solid var(--red);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.55rem 1.25rem;font-size:.8rem;font-weight:500;transition:all .12s}.settings-btn-ghost:hover{background:var(--red-soft)}.settings-actions{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.settings-section-title{color:var(--text);letter-spacing:-.02em;margin-bottom:.2rem;font-size:.875rem;font-weight:600}.settings-section-desc{color:var(--text-muted);font-size:.78rem}.settings-row-inline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.overlay{z-index:300;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0009;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}.overlay.active{animation:.15s fadeIn;display:flex}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:1.75rem;animation:.18s slideUp;position:relative}.modal-close{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;color:var(--text-muted);justify-content:center;align-items:center;font-family:inherit;font-size:.7rem;transition:all .12s;display:flex;position:absolute;top:.9rem;right:.9rem}.modal-close:hover{background:var(--panel);color:var(--text)}.modal-eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.4rem;font-size:.68rem;font-weight:700}.modal h2{letter-spacing:-.03em;color:var(--text);margin-bottom:.3rem;font-size:1.2rem;font-weight:700}.modal-sub{color:var(--text-soft);margin-bottom:1.25rem;font-size:.8rem}.modal-sub a{color:var(--accent);cursor:pointer;font-weight:500;text-decoration:none}.modal-sub a:hover{text-decoration:underline}.form-label{color:var(--text-soft);letter-spacing:-.005em;margin-bottom:.35rem;font-size:.75rem;font-weight:600;display:block}.form-input{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font-size:.875rem;font-family:var(--font-sans);color:var(--text);outline:none;margin-bottom:.75rem;padding:.6rem .9rem;transition:all .15s}.form-input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft)}.form-input::placeholder{color:var(--text-muted)}textarea.form-input{margin-bottom:0}.form-submit{background:var(--accent);color:#fff;border-radius:var(--radius-sm);width:100%;font-family:var(--font-sans);letter-spacing:-.01em;cursor:pointer;transition:all .15s var(--ease);border:none;justify-content:center;align-items:center;gap:.5rem;margin-top:.25rem;padding:.7rem;font-size:.9rem;font-weight:600;display:flex}.form-submit:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 20px #3b82f638,0 8px 28px #3b82f61a}.form-submit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.form-forgot{text-align:right;color:var(--accent);cursor:pointer;margin-top:-.35rem;margin-bottom:.85rem;font-size:.75rem;font-weight:500;text-decoration:none;display:block}.form-forgot:hover{text-decoration:underline}.success-view{text-align:center;padding:.75rem 0}.success-view .icon{margin-bottom:.875rem;font-size:2rem;display:block}.success-view h2{letter-spacing:-.02em;margin-bottom:.4rem;font-size:1.1rem;font-weight:700}.success-view p{color:var(--text-soft);margin-bottom:1.25rem;font-size:.82rem;line-height:1.6}.toast{border-radius:var(--radius-lg);z-index:500;white-space:nowrap;box-shadow:var(--shadow-lg);letter-spacing:-.01em;background:var(--surface);border:1px solid;align-items:center;gap:.5rem;padding:.65rem 1.1rem;font-size:.82rem;font-weight:500;display:none;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.toast.show{animation:.2s slideToast;display:flex}.toast.error{color:var(--red);border-color:var(--red);background:var(--red-soft)}.toast.success{color:var(--green);border-color:var(--green);background:var(--green-soft)}.toast.info{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}.spinner{vertical-align:middle;border:2px solid #ffffff40;border-top-color:currentColor;border-radius:50%;flex-shrink:0;width:11px;height:11px;margin-right:5px;animation:.55s linear infinite spin;display:inline-block}.divider{background:var(--border);height:1px;margin:1rem 0}.quick-link{color:var(--text-soft);border-radius:var(--radius-sm);letter-spacing:-.01em;align-items:center;gap:.5rem;padding:.35rem 0;font-size:.78rem;text-decoration:none;transition:color .12s;display:flex}.quick-link:hover{color:var(--accent)}.quick-link-icon{color:var(--text-muted);font-size:.75rem}a.home-card,a.hero-stat-item,a.left-nav-btn{color:inherit;text-decoration:none}a.hero-stat-item{color:var(--text)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pageIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes slideToast{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}.btn-primary:active,.form-submit:active,.settings-btn:active,.friends-search-btn:active,.task-compose-btn:active,.nav-btn.primary:active{transition:transform 80ms var(--ease), background .12s;transform:scale(.97)}.btn-ghost:active,.nav-btn:active,.nav-user-item:active,.confirm-btn-cancel:active,.profile-bio-cancel-btn:active,.confirm-btn-danger:active,.settings-btn-ghost:active{transition:transform 80ms var(--ease);transform:scale(.97)}.task-item:hover,.event-item:hover,.reminder-item:hover{background:var(--surface-raised);box-shadow:var(--shadow-sm)}.form-input:focus,.settings-input:focus,.friends-search-input:focus,.task-compose-input:focus,.event-input:focus{box-shadow:0 0 0 3px var(--accent-soft);transition:border-color .15s var(--ease), box-shadow .15s var(--ease)}.nav-user-item{transition:background .1s var(--ease), color .1s var(--ease)}.user-card-action{transition:background .15s var(--ease), color .15s var(--ease), border-color .15s var(--ease), transform .1s var(--ease)}.user-card-action:active{transform:scale(.96)}