@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(/static/media/inter-cyrillic-ext-wght-normal.b5cdd4765614e027c252.woff2) format("woff2-variations");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(/static/media/inter-cyrillic-wght-normal.49594fb515ba00213fc3.woff2) format("woff2-variations");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(/static/media/inter-greek-ext-wght-normal.f4df85d151e5ee39bc2b.woff2) format("woff2-variations");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(/static/media/inter-greek-wght-normal.4f908aee8194b11d9c35.woff2) format("woff2-variations");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(/static/media/inter-vietnamese-wght-normal.ab4bb8dcda024fe6eff2.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(/static/media/inter-latin-ext-wght-normal.8bff79fbfaa8b8167a0b.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(/static/media/inter-latin-wght-normal.4f2981d82860061bca3e.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--bg:#f5f6fa;--surface:#fff;--surface-2:#f3f4f8;--surface-3:#eceef4;--border:#e5e7ef;--border-strong:#d4d8e2;--text:#0f172a;--text-2:#334155;--muted:#64748b;--subtle:#94a3b8;--primary:#4f46e5;--primary-hover:#4338ca;--primary-soft:#eef0ff;--primary-soft-2:#e0e3ff;--accent:#0ea5e9;--success:#10b981;--success-soft:#ecfdf5;--warning:#f59e0b;--warning-soft:#fffbeb;--danger:#ef4444;--danger-soft:#fef2f2;--sidebar-bg:#fbfbfe;--sidebar-w:240px;--rail-w:76px;--topbar-h:64px;--font:"Inter Variable","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-full:999px;--sh-xs:0 1px 2px #0f172a0d;--sh-sm:0 1px 3px #0f172a14,0 1px 2px #0f172a0a;--sh-md:0 8px 24px #0f172a14,0 2px 6px #0f172a0a;--sh-lg:0 24px 64px #0f172a2e,0 8px 20px #0f172a14;--ring:0 0 0 3px #4f46e52e;--ease:cubic-bezier(.2,.8,.2,1)}*,:after,:before{box-sizing:border-box}#root,body,html{height:100%;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01";background:#f5f6fa;background:var(--bg);font-family:Inter Variable,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font);font-size:14px;line-height:1.5}body,h1,h2,h3,h4{color:#0f172a;color:var(--text)}h1,h2,h3,h4{letter-spacing:-.015em;margin:0}h1{font-size:24px;font-weight:700}h2{font-size:18px;font-weight:650}h3{font-size:15px;font-weight:600}p{margin:0}a{color:#4f46e5;color:var(--primary);text-decoration:none}button{color:inherit;cursor:pointer;font:inherit}button:disabled{cursor:not-allowed}input,select,textarea{color:#0f172a;color:var(--text);font:inherit}::placeholder{color:#94a3b8;color:var(--subtle)}:focus-visible{box-shadow:0 0 0 3px #4f46e52e;box-shadow:var(--ring);outline:none}.muted{color:#64748b;color:var(--muted)}.icon{display:block;flex-shrink:0}.icon-spin{animation:spin .9s linear infinite}.rot-180{transform:rotate(180deg)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.btn{align-items:center;border:1px solid #0000;border-radius:10px;border-radius:var(--r-md);display:inline-flex;font-size:14px;font-weight:600;gap:8px;height:38px;justify-content:center;padding:0 16px;transition:background .15s,border-color .15s,box-shadow .15s,transform .05s;white-space:nowrap}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55}.btn.sm{font-size:13px;height:32px;padding:0 12px}.btn-block{height:42px;width:100%}.btn-primary{background:#4f46e5;background:var(--primary);box-shadow:0 1px 2px #4f46e54d;color:#fff}.btn-primary:hover:not(:disabled){background:#4338ca;background:var(--primary-hover)}.btn-outline{background:#fff;background:var(--surface);border-color:#d4d8e2;border-color:var(--border-strong);color:#334155;color:var(--text-2)}.btn-outline:hover:not(:disabled){background:#f3f4f8;background:var(--surface-2)}.btn-ghost{background:#0000;color:#334155;color:var(--text-2)}.btn-ghost:hover:not(:disabled){background:#f3f4f8;background:var(--surface-2)}.btn-danger,.btn-ghost.danger{color:#ef4444;color:var(--danger)}.btn-danger{background:#ef4444;background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-ghost.danger:hover{background:#fef2f2;background:var(--danger-soft)}.btn-dark{background:#0f172a;color:#fff}.btn-dark:hover{background:#1e293b}.link{background:none;border:0;color:#4f46e5;color:var(--primary);font-weight:600;padding:0}.link:hover{text-decoration:underline}.icon-button{align-items:center;background:#0000;border:0;border-radius:10px;border-radius:var(--r-md);color:#64748b;color:var(--muted);display:inline-flex;flex-shrink:0;height:36px;justify-content:center;position:relative;transition:background .15s,color .15s;width:36px}.icon-button:hover:not(:disabled){background:#eceef4;background:var(--surface-3);color:#0f172a;color:var(--text)}.icon-button.active{background:#eef0ff;background:var(--primary-soft);color:#4f46e5;color:var(--primary)}.icon-button:disabled{opacity:.4}.icon-button.sm{border-radius:6px;border-radius:var(--r-sm);height:28px;width:28px}.icon-button.lg{height:40px;width:40px}.icon-button.danger:hover:not(:disabled){background:#fef2f2;background:var(--danger-soft);color:#ef4444;color:var(--danger)}.icon-button.light{color:#fffc}.icon-button.light:hover{background:#ffffff1f;color:#fff}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>span{color:#334155;color:var(--text-2);font-size:13px;font-weight:600}.field input,.field select,.field textarea,.quick-add,.search-box{background:#fff;background:var(--surface);border:1px solid #d4d8e2;border:1px solid var(--border-strong);border-radius:10px;border-radius:var(--r-md);transition:border-color .15s,box-shadow .15s;width:100%}.field input,.field select{height:40px;padding:0 12px}.field textarea{min-height:80px;padding:10px 12px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e52e;box-shadow:var(--ring);outline:none}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}.field-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.input-with-action{position:relative}.input-with-action input{padding-right:64px}.input-action{background:none;border:0;color:#4f46e5;color:var(--primary);font-size:13px;font-weight:600;padding:6px 8px;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.search-box{align-items:center;background:#f3f4f8;background:var(--surface-2);border-color:#0000;color:#94a3b8;color:var(--subtle);display:flex;gap:8px;height:38px;padding:0 6px 0 12px}.search-box:focus-within{background:#fff;background:var(--surface);border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e52e;box-shadow:var(--ring);color:#4f46e5;color:var(--primary)}.search-box input{background:#0000;border:0;flex:1 1;height:100%;min-width:0;outline:none}.search-box.wide{background:#fff;background:var(--surface);border-color:#e5e7ef;border-color:var(--border);height:42px;margin-bottom:16px}.segmented{background:#f3f4f8;background:var(--surface-2);border-radius:10px;border-radius:var(--r-md);display:flex;gap:4px;padding:3px}.seg{background:#0000;border:0;border-radius:7px;color:#64748b;color:var(--muted);flex:1 1;font-size:13px;font-weight:600;height:32px}.seg.active{background:#fff;background:var(--surface);box-shadow:0 1px 3px #0f172a14,0 1px 2px #0f172a0a;box-shadow:var(--sh-sm);color:#0f172a;color:var(--text)}.seg.prio-urgent.active{color:#ef4444;color:var(--danger)}.seg.prio-high.active{color:#ea580c}.seg.prio-low.active{color:#64748b;color:var(--muted)}.alert{align-items:flex-start;background:#f3f4f8;background:var(--surface-2);border:1px solid #e5e7ef;border:1px solid var(--border);border-radius:10px;border-radius:var(--r-md);color:#334155;color:var(--text-2);display:flex;font-size:13px;gap:10px;line-height:1.45;margin-bottom:14px;padding:10px 12px}.alert>span{flex:1 1}.alert .icon{margin-top:1px}.alert .icon-button{margin:-4px -4px -4px 0}.alert-error{background:#fef2f2;background:var(--danger-soft);border-color:#fecaca;color:#b91c1c}.alert-success{background:#ecfdf5;background:var(--success-soft);border-color:#a7f3d0;color:#047857}.alert-warn{background:#fffbeb;background:var(--warning-soft);border-color:#fde68a;color:#92400e}.alert.slim{margin:8px 12px;padding:8px 10px}.toast{align-items:center;animation:pop-in .25s cubic-bezier(.2,.8,.2,1);animation:pop-in .25s var(--ease);background:#0f172a;border-radius:14px;border-radius:var(--r-lg);box-shadow:0 24px 64px #0f172a2e,0 8px 20px #0f172a14;box-shadow:var(--sh-lg);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;left:50%;max-width:min(520px,calc(100vw - 32px));padding:12px 18px;position:fixed;top:20px;transform:translateX(-50%);z-index:9500}.toast-success .icon{color:#34d399}.toast-error .icon{color:#f87171}.install-banner{align-items:center;animation:pop-in .2s cubic-bezier(.2,.8,.2,1);animation:pop-in .2s var(--ease);background:#fff;background:var(--surface);border:1px solid #e5e7ef;border:1px solid var(--border);border-radius:20px;border-radius:var(--r-xl);bottom:20px;box-shadow:0 24px 64px #0f172a2e,0 8px 20px #0f172a14;box-shadow:var(--sh-lg);display:flex;gap:12px;left:20px;padding:14px;position:fixed;width:min(380px,calc(100vw - 32px));z-index:9400}.install-banner .brand-mark{filter:none;flex-shrink:0}.install-banner-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.install-banner-text strong{font-size:14px}.install-banner-text span{color:#64748b;color:var(--muted);font-size:12.5px;line-height:1.4}.install-banner .btn{flex-shrink:0}@media (max-width:768px){.install-banner{bottom:calc(70px + env(safe-area-inset-bottom));left:12px;right:12px;width:auto}}.spinner-row{gap:10px;justify-content:center;padding:48px 16px}.empty-state,.spinner-row{align-items:center;color:#64748b;color:var(--muted);display:flex}.empty-state{flex-direction:column;gap:8px;padding:56px 24px;text-align:center}.empty-state-icon{background:linear-gradient(135deg,#eef0ff,#e0f2fe);background:linear-gradient(135deg,var(--primary-soft),#e0f2fe);border-radius:20px;color:#4f46e5;color:var(--primary);display:grid;height:64px;margin-bottom:8px;place-items:center;width:64px}.empty-state-title{color:#0f172a;color:var(--text);font-size:16px;font-weight:650}.empty-state-text{font-size:14px;max-width:340px}.empty-state .btn{margin-top:10px}.chip{align-items:center;background:#f3f4f8;background:var(--surface-2);border-radius:999px;border-radius:var(--r-full);color:#64748b;color:var(--muted);display:inline-flex;font-size:12px;font-weight:600;gap:4px;height:22px;padding:0 8px;text-transform:capitalize}.chip.overdue{background:#fef2f2;background:var(--danger-soft);color:#ef4444;color:var(--danger)}.chip.today{background:#fffbeb;background:var(--warning-soft);color:#b45309}.chip.info{background:#e0f2fe;color:#0369a1}.prio-chip.prio-urgent{background:#fef2f2;background:var(--danger-soft);color:#ef4444;color:var(--danger)}.prio-chip.prio-high{background:#fff7ed;color:#ea580c}.prio-chip.prio-low{background:#f3f4f8;background:var(--surface-2);color:#94a3b8;color:var(--subtle)}.avatar{align-items:center;border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-weight:650;justify-content:center;letter-spacing:.02em;position:relative;-webkit-user-select:none;user-select:none}.presence-dot{border:2px solid #fff;border:2px solid var(--surface);border-radius:50%;bottom:-1px;height:30%;max-height:14px;max-width:14px;min-height:10px;min-width:10px;position:absolute;right:-1px;width:30%}.presence-dot.on{background:#22c55e}.presence-dot.off{background:#cbd5e1}.presence-online{color:#16a34a!important;font-weight:600}.brand-mark{display:block;flex-shrink:0}.modal-backdrop{align-items:center;animation:fade-in .15s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a73;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:8000}.modal{animation:pop-in .2s cubic-bezier(.2,.8,.2,1);animation:pop-in .2s var(--ease);background:#fff;background:var(--surface);border-radius:20px;border-radius:var(--r-xl);box-shadow:0 24px 64px #0f172a2e,0 8px 20px #0f172a14;box-shadow:var(--sh-lg);display:flex;flex-direction:column;max-height:calc(100vh - 32px);width:100%}.modal-sm{max-width:400px}.modal-md{max-width:520px}.modal-lg{max-width:720px}.modal-header{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:18px 20px 6px 24px}.modal-header h3{font-size:17px;font-weight:650}.modal-body{overflow-y:auto;padding:14px 24px 20px}.modal-footer{border-top:1px solid #e5e7ef;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;padding:14px 20px}.login-container{background:#fff;background:var(--surface);display:grid;grid-template-columns:minmax(420px,1fr) 1fr;min-height:100vh}.login-hero{background:radial-gradient(900px 500px at 10% 0,#6366f18c,#0000 60%),radial-gradient(700px 500px at 100% 100%,#0ea5e973,#0000 60%),linear-gradient(160deg,#1e1b4b,#0b1a3a 55%,#0c4a6e);color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:40px 48px;position:relative}.login-hero .brand{align-items:center;display:flex;font-size:22px;font-weight:700;gap:12px}.login-hero .brand .brand-mark{filter:drop-shadow(0 6px 18px rgba(79,70,229,.6))}.hero-copy{max-width:460px}.tagline{color:#fff;font-size:34px;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin-bottom:32px}.feature-list{grid-gap:18px;display:grid;gap:18px}.feature{align-items:flex-start;display:flex;gap:14px}.feature-icon{background:#ffffff1a;border:1px solid #ffffff24;border-radius:12px;display:grid;flex-shrink:0;height:38px;place-items:center;width:38px}.feature strong{display:block;font-size:15px}.feature span{color:#e2e8f0c7;font-size:14px}.footer-note{color:#e2e8f099;font-size:13px}.login-panel{align-items:center;display:flex;justify-content:center;padding:32px 24px}.login-box{max-width:380px;width:100%}.login-box-brand{align-items:center;display:none;font-size:20px;font-weight:700;gap:10px;margin-bottom:28px}.login-box h1{font-size:28px}.login-box .subtitle{color:#64748b;color:var(--muted);margin:6px 0 24px}.login-form{display:flex;flex-direction:column;gap:16px}.login-form .btn-block{margin-top:4px}.login-switch{color:#64748b;color:var(--muted);margin-top:24px;text-align:center}.auth-checking{align-items:center;background:#f5f6fa;background:var(--bg);display:flex;flex-direction:column;gap:22px;height:100vh;justify-content:center}.auth-checking-bar{background:#eceef4;background:var(--surface-3);border-radius:3px;height:3px;overflow:hidden;width:140px}.auth-checking-bar span{animation:slide 1.1s ease-in-out infinite;background:#4f46e5;background:var(--primary);border-radius:3px;display:block;height:100%;width:40%}@keyframes slide{0%{transform:translateX(-100%)}to{transform:translateX(250%)}}.app{display:grid;grid-template-areas:"top top" "nav main";grid-template-columns:240px minmax(0,1fr);grid-template-columns:var(--sidebar-w) minmax(0,1fr);grid-template-rows:64px minmax(0,1fr);grid-template-rows:var(--topbar-h) minmax(0,1fr);height:100vh;height:100dvh;overflow:hidden}.app.layout-mini{grid-template-columns:76px minmax(0,1fr);grid-template-columns:var(--rail-w) minmax(0,1fr)}.app.layout-phone{--topbar-h:56px;grid-template-areas:"top" "main" "tabs";grid-template-columns:minmax(0,1fr);grid-template-rows:64px minmax(0,1fr) auto;grid-template-rows:var(--topbar-h) minmax(0,1fr) auto}.topbar{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e5e7ef;border-bottom:1px solid var(--border);display:flex;gap:8px;grid-area:top;min-width:0;padding:0 16px 0 12px;z-index:70}.topbar .icon-button{border-radius:50%;color:#334155;color:var(--text-2);height:40px;width:40px}.topbar-start{align-items:center;display:flex;flex-shrink:0;gap:4px;width:228px;width:calc(var(--sidebar-w) - 12px)}.layout-mini .topbar-start{width:auto}.topbar-brand{align-items:center;background:none;border:0;border-radius:10px;border-radius:var(--r-md);color:#0f172a;color:var(--text);display:flex;font-size:18px;font-weight:750;gap:10px;letter-spacing:-.02em;min-width:0;padding:4px 8px 4px 4px}.topbar-brand .brand-mark{filter:drop-shadow(0 3px 8px rgba(79,70,229,.3))}.beta-badge{background:#fffbeb;background:var(--warning-soft);border:1px solid color-mix(in srgb,#f59e0b 45%,#0000);border:1px solid color-mix(in srgb,var(--warning) 45%,#0000);border-radius:6px;border-radius:var(--r-sm);color:#92400e;flex:0 0 auto;font-size:9px;font-weight:800;letter-spacing:.04em;line-height:1.3;padding:2px 5px}.topbar-page{display:none}.topbar-search{border-radius:999px;border-radius:var(--r-full);flex:1 1;height:42px;margin:0 auto;max-width:640px;padding:0 6px 0 16px}.topbar-end{align-items:center;display:flex;flex-shrink:0;gap:4px;margin-left:auto}.topbar-compose{border-radius:999px;border-radius:var(--r-full);height:38px}.search-back,.search-toggle{display:none!important}.layout-full .topbar-compose{display:none}.account-wrap{position:relative}.account-btn{background:none;border:0;border-radius:50%;display:grid;height:40px;margin-left:2px;padding:0;place-items:center;width:40px}.account-menu{animation:pop-in .15s cubic-bezier(.2,.8,.2,1);animation:pop-in .15s var(--ease);background:#fff;background:var(--surface);border:1px solid #e5e7ef;border:1px solid var(--border);border-radius:20px;border-radius:var(--r-xl);box-shadow:0 24px 64px #0f172a2e,0 8px 20px #0f172a14;box-shadow:var(--sh-lg);padding:6px;position:absolute;right:0;top:48px;width:300px;z-index:1100}.account-head{align-items:center;border-bottom:1px solid #e5e7ef;border-bottom:1px solid var(--border);display:flex;gap:12px;margin-bottom:6px;padding:12px 12px 14px}.account-head>div{min-width:0}.account-head strong{display:block;font-size:15px;text-transform:capitalize}.account-head small{color:#64748b;color:var(--muted);display:block;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-item{align-items:center;background:none;border:0;border-radius:10px;border-radius:var(--r-md);color:#334155;color:var(--text-2);display:flex;font-weight:550;gap:14px;height:42px;padding:0 12px;text-align:left;width:100%}.acct-item span{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-item .icon{color:#64748b;color:var(--muted)}.acct-item:hover{background:#f3f4f8;background:var(--surface-2)}.acct-note{align-items:center;color:#64748b;color:var(--muted);display:flex;font-size:12.5px;gap:10px;padding:8px 12px}.sidebar{background:#fbfbfe;background:var(--sidebar-bg);border-right:1px solid #e5e7ef;border-right:1px solid var(--border);display:flex;flex-direction:column;grid-area:nav;min-height:0;overflow-y:auto;padding:12px;scrollbar-width:thin}.drawer-head{display:none}.sidebar-compose{align-items:center;background:linear-gradient(135deg,#5b54ee,#4338ca);border:0;border-radius:14px;border-radius:var(--r-lg);box-shadow:0 6px 16px #4f46e54d,inset 0 1px 0 #ffffff26;color:#fff;display:flex;flex-shrink:0;font-size:15px;font-weight:650;gap:10px;height:46px;justify-content:center;margin:0 4px 14px;transition:transform .1s,box-shadow .15s}.sidebar-compose:hover{box-shadow:0 8px 22px #4f46e566,inset 0 1px 0 #ffffff26}.sidebar-compose:active{transform:translateY(1px)}.nav-list{flex:1 1;list-style:none;margin:0;padding:0}.nav-item{align-items:center;background:#0000;border:0;border-radius:10px;border-radius:var(--r-md);color:#334155;color:var(--text-2);display:flex;font-weight:550;gap:14px;height:42px;margin-bottom:2px;padding:0 12px;position:relative;text-align:left;transition:background .12s,color .12s;width:100%}.nav-item .icon{color:#64748b;color:var(--muted)}.nav-item:hover{background:#eceef4;background:var(--surface-3)}.nav-item.active{background:#eef0ff;background:var(--primary-soft);font-weight:650}.nav-item.active,.nav-item.active .icon{color:#4f46e5;color:var(--primary)}.nav-label{flex:1 1}.nav-badge{align-items:center;background:#4f46e5;background:var(--primary);border-radius:999px;border-radius:var(--r-full);color:#fff;display:inline-flex;font-size:11.5px;font-weight:700;height:20px;justify-content:center;min-width:22px;padding:0 7px}.nav-item:not(.active) .nav-badge{background:#0f172a;background:var(--text)}.layout-mini:not(.nav-open) .sidebar{background:#fff;background:var(--surface);border-right-color:#0000;padding:8px 4px;scrollbar-width:none}.layout-mini:not(.nav-open) .sidebar-compose{border-radius:18px;height:56px;margin:4px auto 10px;padding:0;width:56px}.layout-mini:not(.nav-open) .sidebar-compose span{display:none}.layout-mini:not(.nav-open) .nav-item{flex-direction:column;font-size:10.5px;font-weight:550;gap:5px;height:66px;justify-content:center;padding:0 2px}.layout-mini:not(.nav-open) .nav-item.active{background:#0000}.layout-mini:not(.nav-open) .nav-item.active .icon{background:#eef0ff;background:var(--primary-soft)}.layout-mini:not(.nav-open) .nav-item .icon{border-radius:999px;border-radius:var(--r-full);box-sizing:initial;padding:4px 16px}.layout-mini:not(.nav-open) .nav-label{flex:0 0 auto;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-mini:not(.nav-open) .nav-badge{font-size:10px;height:17px;left:50%;margin-left:6px;min-width:18px;padding:0 5px;position:absolute;top:4px}.nav-backdrop{animation:fade-in .15s;background:#0f172a73;inset:0;position:fixed;z-index:999}.app.nav-open .sidebar{animation:drawer-in .22s cubic-bezier(.2,.8,.2,1);animation:drawer-in .22s var(--ease);bottom:0;box-shadow:0 24px 64px #0f172a2e,0 8px 20px #0f172a14;box-shadow:var(--sh-lg);left:0;padding-top:0;position:fixed;top:0;width:min(280px,84vw);z-index:1000}.app.nav-open .drawer-head{align-items:center;display:flex;flex-shrink:0;font-size:18px;font-weight:750;gap:10px;height:64px;height:var(--topbar-h);letter-spacing:-.02em;margin:0 -4px 8px}.app.nav-open .drawer-head .icon-button{border-radius:50%;height:40px;width:40px}@keyframes drawer-in{0%{transform:translateX(-100%)}to{transform:none}}.layout-phone:not(.nav-open) .sidebar,.tabbar{display:none}.layout-phone .tabbar{align-items:stretch;background:#fff;background:var(--surface);border-top:1px solid #e5e7ef;border-top:1px solid var(--border);display:flex;grid-area:tabs;height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:60}.tabbar-item{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:0;color:#64748b;color:var(--muted);display:flex;flex:1 1;flex-direction:column;font-size:10.5px;font-weight:550;gap:3px;justify-content:center;min-width:0}.tabbar-item.active{color:#0f172a;color:var(--text);font-weight:650}.tabbar-icon{position:relative}.tabbar-badge{background:#ef4444;background:var(--danger);border:2px solid #fff;border:2px solid var(--surface);border-radius:999px;border-radius:var(--r-full);box-sizing:initial;color:#fff;display:grid;font-size:10px;font-weight:700;height:17px;left:14px;min-width:18px;padding:0 5px;place-items:center;position:absolute;top:-5px}.tabbar-create-btn{background:linear-gradient(135deg,#5b54ee,#4338ca);border-radius:17px;box-shadow:0 4px 12px #4f46e54d;color:#fff;display:grid;height:34px;place-items:center;width:48px}.layout-phone:has(.chat-container.has-active) .tabbar,.layout-phone:has(.mail-layout.has-selection) .tabbar{display:none}.layout-phone .topbar{gap:4px;padding:0 6px 0 4px}.layout-phone .topbar-start{flex:1 1;min-width:0;width:auto}.layout-phone .nav-toggle,.layout-phone .topbar-brand-name,.layout-phone .topbar-compose{display:none}.layout-phone .topbar-page{display:block;font-size:17px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-phone .topbar-brand{padding-left:8px}.layout-phone .topbar-search{display:none}.layout-phone .search-toggle{display:inline-flex!important}.layout-phone.search-open .topbar>:not(.topbar-search):not(.search-back){display:none}.layout-phone.search-open .search-back{display:inline-flex!important}.layout-phone.search-open .topbar-search{display:flex;height:40px;margin:0 4px 0 0}.content{grid-area:main;min-height:0;min-width:0;overflow-y:auto;position:relative}.content-chat,.content-inbox,.content-photos,.content-sent,.content-videos{overflow:hidden}.app-launcher-wrap{position:relative}.app-launcher{animation:pop-in .15s cubic-bezier(.2,.8,.2,1);animation:pop-in .15s var(--ease);background:#fff;background:var(--surface);border:1px solid #e5e7ef;border:1px solid var(--border);border-radius:20px;border-radius:var(--r-xl);box-shadow:0 24px 64px #0f172a2e,0 8px 20px #0f172a14;box-shadow:var(--sh-lg);padding:14px;position:absolute;right:0;top:48px;width:300px;z-index:1100}.app-launcher-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr)}.app-tile{align-items:center;background:none;border:0;border-radius:14px;border-radius:var(--r-lg);color:#334155;color:var(--text-2);display:flex;flex-direction:column;font-size:12.5px;font-weight:550;gap:8px;letter-spacing:0;padding:12px 4px;text-decoration:none}.app-tile:hover{background:#f3f4f8;background:var(--surface-2);text-decoration:none}.app-tile-icon{background:#eef0ff;background:var(--primary-soft);border-radius:14px;color:#4f46e5;color:var(--primary);display:grid;height:44px;place-items:center;width:44px}.app-launcher-foot{align-items:center;background:#f3f4f8;background:var(--surface-2);border-radius:10px;border-radius:var(--r-md);color:#334155;color:var(--text-2);display:flex;font-size:13px;font-weight:550;gap:10px;letter-spacing:0;margin-top:8px;padding:10px 12px}.app-launcher-foot:hover{background:#eceef4;background:var(--surface-3)}.app-launcher-foot span{flex:1 1}.app-launcher-backdrop{inset:0;position:fixed;z-index:1050}@media (max-width:400px){.account-menu,.app-launcher{left:8px;position:fixed;right:8px;top:60px;width:auto}}.account-menu,.app-launcher{max-height:calc(100dvh - 80px);max-height:calc(100dvh - var(--topbar-h) - 16px);overflow-y:auto;overscroll-behavior:contain}.page{margin:0 auto;max-width:1080px;padding:32px 32px 48px}.page-wide{max-width:1400px}.page-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:22px}.page-sub{color:#64748b;color:var(--muted);margin-top:4px}.page-actions{display:flex;flex-wrap:wrap;gap:8px}.card{background:#fff;background:var(--surface);border:1px solid #e5e7ef;border:1px solid var(--border);border-radius:14px;border-radius:var(--r-lg);box-shadow:0 1px 2px #0f172a0d;box-shadow:var(--sh-xs)}.list-card{overflow:hidden}.row-actions{align-items:center;display:flex;gap:2px;opacity:0;transition:opacity .12s}.contact-row:hover .row-actions,.row-actions:focus-within,.task-row:hover .row-actions{opacity:1}@media (hover:none){.row-actions{opacity:1}}.mail-layout{display:grid;grid-template-columns:minmax(340px,400px) 1fr;height:100%}.mail-list-pane{background:#fff;background:var(--surface);border-right:1px solid #e5e7ef;border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.pane-header{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:20px 16px 12px 20px}.pane-title{align-items:baseline;display:flex;gap:10px;min-width:0}.pane-title h2{font-size:20px;font-weight:700}.pane-count{color:#64748b;color:var(--muted);font-size:13px}.mail-list-pane>.search-box{margin:0 16px 10px;width:auto}.mail-list{flex:1 1;overflow-y:auto;padding:4px 8px 16px}.mail-row{background:#0000;border:0;border-radius:10px;border-radius:var(--r-md);display:flex;gap:12px;margin-bottom:2px;padding:12px;position:relative;text-align:left;transition:background .12s;width:100%}.mail-row:hover{background:#f3f4f8;background:var(--surface-2)}.mail-row.active{background:#eef0ff;background:var(--primary-soft)}.mail-row.unread:before{background:#4f46e5;background:var(--primary);border-radius:50%;content:"";height:6px;left:3px;position:absolute;top:50%;transform:translateY(-50%);width:6px}.mail-row-main{flex:1 1;min-width:0}.mail-row-top{align-items:baseline;display:flex;gap:8px}.mail-row-from{color:#334155;color:var(--text-2);flex:1 1;font-weight:550;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row-time{color:#94a3b8;color:var(--subtle);flex-shrink:0;font-size:12px}.mail-row-subject{align-items:center;color:#334155;color:var(--text-2);display:flex;gap:6px;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row-clip,.mail-row-snippet{color:#64748b;color:var(--muted)}.mail-row-snippet{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row.unread .mail-row-from,.mail-row.unread .mail-row-subject{color:#0f172a;color:var(--text);font-weight:700}.mail-row.unread .mail-row-time{color:#4f46e5;color:var(--primary);font-weight:600}.mail-reader{background:#f5f6fa;background:var(--bg);display:flex;flex-direction:column;min-height:0;min-width:0}.mail-reader>.empty-state{margin:auto}.reader-toolbar{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e5e7ef;border-bottom:1px solid var(--border);display:flex;gap:4px;padding:10px 16px}.reader-toolbar .back-btn{display:none}.toolbar-spacer{flex:1 1}.reader-body{background:#fff;background:var(--surface);border:1px solid #e5e7ef;border:1px solid var(--border);border-radius:14px;border-radius:var(--r-lg);flex:1 1;margin:16px;overflow-y:auto;padding:28px 40px 48px}.reader-subject{word-wrap:break-word;font-size:22px;font-weight:700;line-height:1.3;margin-bottom:20px}.reader-meta{align-items:flex-start;border-bottom:1px solid #e5e7ef;border-bottom:1px solid var(--border);display:flex;gap:12px;margin-bottom:20px;padding-bottom:20px}.reader-meta-main{flex:1 1;min-width:0}.reader-from{align-items:baseline;display:flex;flex-wrap:wrap;gap:6px}.reader-from span,.reader-to{color:#64748b;color:var(--muted);font-size:13px}.reader-date{color:#64748b;color:var(--muted);font-size:12.5px;white-space:nowrap}.reader-text{word-wrap:break-word;color:#334155;color:var(--text-2);font-size:15px;line-height:1.65;white-space:pre-wrap}.reader-actions{margin-top:32px}.compose-window{animation:pop-in .2s cubic-bezier(.2,.8,.2,1);animation:pop-in .2s var(--ease);background:#fff;background:var(--surface);border:1px solid #e5e7ef;border:1px solid var(--border);border-radius:14px 14px 0 0;border-radius:var(--r-lg) var(--r-lg) 0 0;bottom:0;box-shadow:0 24px 64px #0f172a2e,0 8px 20px #0f172a14;box-shadow:var(--sh-lg);display:flex;flex-direction:column;height:min(620px,calc(100vh - 48px));max-width:calc(100vw - 32px);position:fixed;right:24px;width:580px;z-index:7000}.compose-window.minimized{height:auto;width:320px}.compose-head{align-items:center;background:#1e293b;border-radius:14px 14px 0 0;border-radius:var(--r-lg) var(--r-lg) 0 0;color:#fff;cursor:default;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;height:44px;justify-content:space-between;padding:0 8px 0 16px}.compose-window.minimized .compose-head{cursor:pointer}.compose-head>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-head-actions{display:flex;gap:2px}.compose-head .icon-button{color:#fffc}.compose-head .icon-button:hover{background:#ffffff1f;color:#fff}.compose-form{display:flex;flex:1 1;flex-direction:column;min-height:0}.compose-field{align-items:center;border-bottom:1px solid #e5e7ef;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:0 16px}.compose-field span{color:#64748b;color:var(--muted);font-size:13px;width:56px}.compose-field input{background:#0000;border:0;flex:1 1;height:42px;outline:none}.compose-body{border:0;flex:1 1;font-size:14.5px;line-height:1.6;min-height:120px;outline:none;padding:14px 16px;resize:none}.compose-form .upload-tray{padding:0 16px 8px}.compose-form .alert,.compose-warn{margin:0 16px 8px}.compose-warn{color:#b45309;font-size:12.5px}.compose-foot{align-items:center;border-top:1px solid #e5e7ef;border-top:1px solid var(--border);display:flex;gap:6px;padding:10px 12px 12px 16px}.compose-foot .btn-primary{border-radius:999px;border-radius:var(--r-full);padding:0 20px}.compose-hint{color:#94a3b8;color:var(--subtle);flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drop-overlay{align-items:center;animation:fade-in .12s;background:#eef0ffeb;border:2px dashed #4f46e5;border:2px dashed var(--primary);border-radius:14px;border-radius:var(--r-lg);color:#4f46e5;color:var(--primary);display:flex;flex-direction:column;font-weight:650;gap:10px;inset:8px;justify-content:center;pointer-events:none;position:absolute;z-index:10}.file-icon{background:#f3f4f8;background:var(--surface-2);border-radius:9px;color:#64748b;color:var(--muted);display:inline-grid;flex-shrink:0;height:36px;place-items:center;width:36px}.file-icon-pdf{background:#fef2f2;color:#dc2626}.file-icon-doc{background:#eff6ff;color:#2563eb}.file-icon-sheet{background:#ecfdf5;color:#059669}.file-icon-archive{background:#fffbeb;color:#d97706}.file-icon-image{background:#fdf4ff;color:#c026d3}.file-icon-video{background:#eef2ff;color:#4f46e5}.file-icon-audio{background:#f0f9ff;color:#0284c7}.upload-tray{display:flex;flex-wrap:wrap;gap:8px}.upload-chip{align-items:center;background:#fff;background:var(--surface);border:1px solid #e5e7ef;border:1px solid var(--border);border-radius:10px;border-radius:var(--r-md);display:flex;gap:10px;padding:6px;width:230px}.upload-chip .file-icon,.upload-thumb{height:34px;width:34px}.upload-thumb{border-radius:7px;flex-shrink:0;object-fit:cover}.upload-meta{flex:1 1;min-width:0}.upload-name{font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-sub{color:#64748b;color:var(--muted);font-size:11.5px}.upload-err{color:#ef4444;color:var(--danger);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-error{background:#fef2f2;background:var(--danger-soft);border-color:#fecaca}.upload-progress{background:#eceef4;background:var(--surface-3);border-radius:4px;height:4px;margin-top:5px;overflow:hidden}.upload-progress span{background:#4f46e5;background:var(--primary);border-radius:4px;display:block;height:100%;transition:width .2s}.upload-remove{background:#0000;border:0;border-radius:6px;color:#64748b;color:var(--muted);display:grid;flex-shrink:0;height:24px;place-items:center;width:24px}.upload-remove:hover{background:#eceef4;background:var(--surface-3);color:#0f172a;color:var(--text)}.attach-menu{position:relative}.popover{animation:pop-in .15s cubic-bezier(.2,.8,.2,1);animation:pop-in .15s var(--ease);background:#fff;background:var(--surface);border:1px solid #e5e7ef;border:1px solid var(--border);border-radius:14px;border-radius:var(--r-lg);box-shadow:0 24px 64px #0f172a2e,0 8px 20px #0f172a14;box-shadow:var(--sh-lg);left:0;padding:6px;position:absolute;width:280px;z-index:50}.popover-up{bottom:calc(100% + 8px)}.popover-down{top:calc(100% + 8px)}.popover button{align-items:center;background:#0000;border:0;border-radius:10px;border-radius:var(--r-md);display:flex;gap:12px;padding:8px 10px;text-align:left;width:100%}.popover button:hover{background:#f3f4f8;background:var(--surface-2)}.popover strong{display:block;font-size:14px;font-weight:600}.popover small{color:#64748b;color:var(--muted);display:block;font-size:12px}.menu-icon{border-radius:10px;color:#fff;display:grid;flex-shrink:0;height:36px;place-items:center;width:36px}.mi-media{background:linear-gradient(135deg,#a855f7,#ec4899)}.mi-doc{background:linear-gradient(135deg,#3b82f6,#6366f1)}.mi-audio{background:linear-gradient(135deg,#f97316,#f59e0b)}.mi-video{background:linear-gradient(135deg,#ef4444,#f43f5e)}.file-card{align-items:center;background:#ffffffb3;border:1px solid #e5e7ef;border:1px solid var(--border);border-radius:10px;border-radius:var(--r-md);color:#0f172a;color:var(--text);display:flex;gap:12px;max-width:320px;min-width:220px;padding:10px 12px;text-decoration:none;transition:background .12s}.file-card:hover{background:#fff}.file-card-meta{display:flex;flex:1 1;flex-direction:column;min-width:0}.file-card-name{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card-size{font-size:12px}.file-card-dl,.file-card-size{color:#64748b;color:var(--muted)}.att-image{background:#eceef4;background:var(--surface-3);cursor:zoom-in;max-height:320px;max-width:min(300px,64vw);object-fit:cover;width:auto}.att-image,.att-video{border-radius:12px;display:block}.att-video{background:#000;max-height:360px;width:min(320px,70vw)}.att-audio{align-items:center;display:flex;gap:8px;padding:4px 2px}.att-audio audio{height:38px;max-width:62vw;width:260px}.att-grid-wrap{border-top:1px solid #e5e7ef;border-top:1px solid var(--border);margin-top:32px;padding-top:20px}.att-grid-title{align-items:center;color:#334155;color:var(--text-2);display:flex;font-size:13.5px;font-weight:600;gap:8px;margin-bottom:12px}.att-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.att-tile{background:#fff;background:var(--surface);border:1px solid #e5e7ef;border:1px solid var(--border);border-radius:10px;border-radius:var(--r-md);overflow:hidden;transition:box-shadow .15s}.att-tile:hover{box-shadow:0 8px 24px #0f172a14,0 2px 6px #0f172a0a;box-shadow:var(--sh-md)}.att-tile-preview{background:#f3f4f8;background:var(--surface-2);display:grid;height:124px;overflow:hidden;place-items:center}.att-tile-preview img{cursor:zoom-in;height:100%;object-fit:cover;width:100%}.att-tile-preview video{background:#000;height:100%;object-fit:cover;width:100%}.att-tile-preview audio{width:92%}.att-tile-preview .file-icon{border-radius:14px;height:56px;width:56px}.att-tile-foot{align-items:center;border-top:1px solid #e5e7ef;border-top:1px solid var(--border);display:flex;gap:6px;padding:8px 6px 8px 12px}.att-tile-meta{flex:1 1;min-width:0}.att-tile-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-tile-size{color:#64748b;color:var(--muted);font-size:11.5px}.lightbox{align-items:center;animation:fade-in .15s;background:#020617eb;display:flex;inset:0;justify-content:center;position:fixed;z-index:9900}.lightbox img{border-radius:8px;box-shadow:0 24px 64px #0f172a2e,0 8px 20px #0f172a14;box-shadow:var(--sh-lg);max-height:84vh;max-width:92vw}.lightbox-bar{align-items:center;color:#fff;display:flex;gap:6px;left:0;padding:12px 16px;position:absolute;right:0;top:0}.lightbox-name{flex:1 1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recorder .modal-body{padding-top:6px}.recorder-stage{aspect-ratio:16/9;background:#0b1020;border-radius:14px;border-radius:var(--r-lg);overflow:hidden;position:relative}.recorder-stage video{display:block;height:100%;object-fit:cover;width:100%}.rec-badge{align-items:center;background:#0000008c;border-radius:999px;border-radius:var(--r-full);color:#fff;display:inline-flex;font-size:12px;font-weight:700;gap:8px;left:12px;letter-spacing:.04em;padding:4px 10px;position:absolute;top:12px}.rec-dot{animation:blink 1s infinite;background:#ef4444;border-radius:50%;height:8px;width:8px}@keyframes blink{50%{opacity:.25}}.recorder-audio{align-items:center;display:flex;flex-direction:column;gap:16px;padding:18px 0 6px}.recorder-audio audio{width:100%}.recorder-mic{background:#eef0ff;background:var(--primary-soft);border-radius:50%;color:#4f46e5;color:var(--primary);display:grid;height:76px;place-items:center;width:76px}.recorder-mic.live{animation:breathe 1.6s ease-in-out infinite;background:#fee2e2;box-shadow:0 0 0 10px #ef44441a;color:#dc2626}@keyframes breathe{50%{box-shadow:0 0 0 18px #ef44440f}}.recorder-bars{align-items:center;display:flex;gap:3px;height:44px}.recorder-bars span{background:#4f46e5;background:var(--primary);border-radius:3px;display:block;height:44px;transform-origin:center;transition:transform .08s;width:4px}.recorder-clock{font-feature-settings:"tnum";font-size:22px;font-variant-numeric:tabular-nums;font-weight:700}.recorder-hint{color:#64748b;color:var(--muted);font-size:13px;margin-top:12px;text-align:center}.contact-group+.contact-group{border-top:1px solid #e5e7ef;border-top:1px solid var(--border)}.group-letter{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f8f9fcf5;border-bottom:1px solid #e5e7ef;border-bottom:1px solid var(--border);color:#4f46e5;color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.06em;padding:8px 20px;position:sticky;top:0;z-index:1}.contact-row{align-items:center;display:flex;gap:14px;padding:12px 20px;transition:background .12s}.contact-row+.contact-row{border-top:1px solid #eceef4;border-top:1px solid var(--surface-3)}.contact-row:hover{background:#f3f4f8;background:var(--surface-2)}.contact-main{flex:1.2 1;min-width:0}.contact-name{font-weight:600}.contact-email,.contact-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-email,.contact-extra{color:#64748b;color:var(--muted);font-size:13px}.contact-extra{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.contact-extra span{gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-extra span,.quick-add{align-items:center;display:flex}.quick-add{border-color:#e5e7ef;border-color:var(--border);box-shadow:0 1px 2px #0f172a0d;box-shadow:var(--sh-xs);color:#4f46e5;color:var(--primary);gap:10px;height:48px;margin-bottom:16px;padding:0 16px}.quick-add:focus-within{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e52e;box-shadow:var(--ring)}.quick-add input{background:#0000;border:0;flex:1 1;font-size:15px;height:100%;outline:none}.tabs{border-bottom:1px solid #e5e7ef;border-bottom:1px solid var(--border);display:flex;gap:4px;margin-bottom:12px}.tab{align-items:center;background:none;border:0;border-bottom:2px solid #0000;color:#64748b;color:var(--muted);display:inline-flex;font-weight:600;gap:8px;height:40px;margin-bottom:-1px;padding:0 14px}.tab:hover{color:#0f172a;color:var(--text)}.tab.active{border-bottom-color:#4f46e5;border-bottom-color:var(--primary);color:#4f46e5;color:var(--primary)}.tab-count{background:#eceef4;background:var(--surface-3);border-radius:999px;border-radius:var(--r-full);color:#64748b;color:var(--muted);display:inline-grid;font-size:12px;height:20px;min-width:22px;padding:0 6px;place-items:center}.tab.active .tab-count{background:#eef0ff;background:var(--primary-soft);color:#4f46e5;color:var(--primary)}.task-row{align-items:flex-start;display:flex;gap:14px;padding:14px 20px;transition:background .12s}.task-row+.task-row{border-top:1px solid #eceef4;border-top:1px solid var(--surface-3)}.task-row:hover{background:#f3f4f8;background:var(--surface-2)}.task-check{background:#fff;background:var(--surface);border:2px solid #d4d8e2;border:2px solid var(--border-strong);border-radius:50%;color:#fff;display:grid;flex-shrink:0;height:22px;margin-top:1px;place-items:center;transition:all .15s;width:22px}.task-check:hover{background:#eef0ff;background:var(--primary-soft);border-color:#4f46e5;border-color:var(--primary)}.task-check.prio-urgent{border-color:#ef4444;border-color:var(--danger)}.task-check.prio-high{border-color:#fb923c}.task-row.done .task-check{background:#10b981;background:var(--success);border-color:#10b981;border-color:var(--success)}.task-main{flex:1 1;min-width:0}.task-title{word-wrap:break-word;font-size:14.5px;font-weight:600}.task-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;color:var(--muted);display:-webkit-box;font-size:13px;margin-top:2px;overflow:hidden}.task-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.task-meta:empty{display:none}.task-row.done .task-title{color:#94a3b8;color:var(--subtle);text-decoration:line-through}.cal-title{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.cal-title h1{min-width:200px}.cal-nav{align-items:center;display:flex;gap:4px}.cal-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 300px}.cal-card{overflow:hidden}.cal-weekdays{border-bottom:1px solid #e5e7ef;border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(7,1fr)}.cal-weekdays div{color:#64748b;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.06em;padding:10px 12px;text-transform:uppercase}.cal-grid{display:grid;grid-auto-rows:minmax(112px,1fr);grid-template-columns:repeat(7,1fr)}.cal-cell{border-bottom:1px solid #eceef4;border-bottom:1px solid var(--surface-3);border-right:1px solid #eceef4;border-right:1px solid var(--surface-3);cursor:pointer;display:flex;flex-direction:column;gap:3px;min-width:0;padding:6px 6px 8px;transition:background .12s}.cal-cell:nth-child(7n){border-right:0}.cal-cell:hover{background:#fafbff}.cal-cell.outside{background:#fcfcfd}.cal-cell.outside .cal-date{color:#94a3b8;color:var(--subtle)}.cal-date{align-self:flex-start;border-radius:50%;color:#334155;color:var(--text-2);display:grid;font-size:13px;font-weight:600;height:28px;place-items:center;width:28px}.cal-cell.today .cal-date{background:#4f46e5;background:var(--primary);color:#fff}.cal-pill{background:#eef0ff;background:var(--primary-soft);border:0;border-radius:6px;color:#3730a3;display:block;font-size:12px;font-weight:600;overflow:hidden;padding:3px 8px;text-align:left;text-overflow:ellipsis;transition:background .12s;white-space:nowrap;width:100%}.cal-pill:hover{background:#e0e3ff;background:var(--primary-soft-2)}.cal-pill.done{background:#f3f4f8;background:var(--surface-2);color:#94a3b8;color:var(--subtle);text-decoration:line-through}.cal-pill-time{font-weight:500;opacity:.75}.cal-more{color:#64748b;color:var(--muted);font-size:12px;font-weight:600;padding:0 8px}.agenda{padding:16px}.agenda h3{margin-bottom:12px}.agenda .empty-state{padding:24px 8px}.agenda-item{align-items:center;background:#0000;border:0;border-radius:10px;border-radius:var(--r-md);display:flex;gap:12px;padding:8px;text-align:left;width:100%}.agenda-item:hover{background:#f3f4f8;background:var(--surface-2)}.agenda-date{background:#eef0ff;background:var(--primary-soft);border-radius:10px;color:#4f46e5;color:var(--primary);flex-shrink:0;line-height:1.1;padding:4px 0;text-align:center;width:46px}.agenda-date span{display:block;font-size:11px;font-weight:700;text-transform:uppercase}.agenda-date strong{font-size:18px}.agenda-main{min-width:0}.agenda-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agenda-time{color:#64748b;color:var(--muted);font-size:12.5px}.event-detail{color:#334155;color:var(--text-2);display:flex;flex-direction:column;gap:10px}.event-detail>div{align-items:center;display:flex;gap:10px}.event-detail p{color:#64748b;color:var(--muted);margin-top:6px;white-space:pre-wrap}.chat-container{display:flex;height:100%;overflow:hidden}.chat-sidebar{background:#fff;background:var(--surface);border-right:1px solid #e5e7ef;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;min-height:0;width:340px}.chat-sidebar-header{align-items:center;display:flex;justify-content:space-between;padding:20px 14px 12px 20px}.conn-dot{align-self:center;border-radius:50%;height:8px;width:8px}.conn-connected{background:#22c55e}.conn-connecting{background:#f59e0b;background:var(--warning)}.conn-disconnected,.conn-error{background:#ef4444;background:var(--danger)}.conn-banner{align-items:center;border-radius:10px;border-radius:var(--r-md);display:flex;font-size:12.5px;font-weight:600;gap:8px;margin:0 16px 10px;padding:6px 10px}.conn-banner.conn-connecting{background:#fffbeb;background:var(--warning-soft);color:#b45309}.conn-banner.conn-disconnected{background:#fef2f2;background:var(--danger-soft);color:#b91c1c}.conv-search{padding:0 16px 8px}.conv-list{flex:1 1;overflow-y:auto;padding:4px 8px 16px}.conv-item{align-items:center;background:#0000;border:0;border-radius:10px;border-radius:var(--r-md);display:flex;gap:12px;margin-bottom:2px;padding:10px;text-align:left;transition:background .12s;width:100%}.conv-item:hover{background:#f3f4f8;background:var(--surface-2)}.conv-item.active{background:#eef0ff;background:var(--primary-soft)}.conv-info{flex:1 1;min-width:0}.conv-bottom,.conv-top{align-items:center;display:flex;gap:8px}.conv-name{flex:1 1;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-time{color:#94a3b8;color:var(--subtle);flex-shrink:0;font-size:12px}.conv-last{color:#64748b;color:var(--muted);flex:1 1;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-item.unread .conv-last,.conv-item.unread .conv-name{color:#0f172a;color:var(--text);font-weight:650}.conv-item.unread .conv-time{color:#4f46e5;color:var(--primary);font-weight:600}.unread-badge{background:#4f46e5;background:var(--primary);border-radius:999px;border-radius:var(--r-full);color:#fff;display:inline-grid;flex-shrink:0;font-size:11.5px;font-weight:700;height:20px;min-width:20px;padding:0 6px;place-items:center}.conv-empty{align-items:center;color:#64748b;color:var(--muted);gap:10px;padding:40px 16px;text-align:center}.conv-empty,.new-chat-panel{display:flex;flex-direction:column}.new-chat-panel{flex:1 1;min-height:0;padding:0 16px}.list-label{color:#94a3b8;color:var(--subtle);font-size:11.5px;font-weight:700;letter-spacing:.06em;margin:16px 4px 6px;text-transform:uppercase}.user-search-results{flex:1 1;margin:0 -8px;overflow-y:auto;padding:0 0 16px}.no-results{color:#64748b;color:var(--muted);font-size:13px;padding:16px 12px}.user-result{align-items:center;background:#0000;border:0;border-radius:10px;border-radius:var(--r-md);display:flex;gap:12px;padding:8px 10px;text-align:left;width:100%}.user-result:hover{background:#f3f4f8;background:var(--surface-2)}.user-result-main{flex:1 1;min-width:0}.user-result-name{font-weight:600}.user-result-email,.user-result-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-result-email{color:#64748b;color:var(--muted);font-size:12.5px}.user-result-status{font-size:12px}.chat-main{background-color:#f4f5fb;background-image:radial-gradient(rgba(79,70,229,.045) 1px,#0000 0);background-size:22px 22px;flex:1 1;min-width:0;position:relative}.chat-main,.chat-placeholder{display:flex;flex-direction:column}.chat-placeholder{align-items:center;color:#64748b;color:var(--muted);gap:10px;margin:auto;max-width:380px;padding:24px;text-align:center}.chat-placeholder-art{background:linear-gradient(135deg,#4f46e5,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:28px;box-shadow:0 16px 36px #4f46e54d;color:#fff;display:grid;height:84px;margin-bottom:6px;place-items:center;width:84px}.chat-placeholder h3{font-size:20px}.chat-placeholder .btn{margin-top:8px}.chat-header{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-bottom:1px solid #e5e7ef;border-bottom:1px solid var(--border);display:flex;gap:10px;min-height:64px;padding:10px 16px}.chat-back-btn{display:none!important}.chat-header-peer{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.chat-header-text{min-width:0}.chat-peer-name{font-size:15px;font-weight:650}.chat-peer-name,.chat-peer-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-peer-status{color:#64748b;color:var(--muted);font-size:12.5px}.chat-call-btns{display:flex;gap:4px}.chat-call-btns .icon-button{color:#4f46e5;color:var(--primary)}.chat-call-btns .icon-button:hover:not(:disabled){background:#eef0ff;background:var(--primary-soft);color:#4f46e5;color:var(--primary)}.messages-area{flex:1 1;overflow-y:auto;padding:16px 24px 8px}.chat-empty-thread,.messages-area{display:flex;flex-direction:column}.chat-empty-thread{align-items:center;color:#64748b;color:var(--muted);gap:6px;margin:auto;text-align:center}.chat-empty-thread strong{color:#0f172a;color:var(--text);font-size:16px;margin-top:6px}.day-sep{display:flex;justify-content:center;margin:14px 0 10px}.day-sep span{background:#ffffffe6;border-radius:999px;border-radius:var(--r-full);box-shadow:0 1px 2px #0f172a0d;box-shadow:var(--sh-xs);color:#64748b;color:var(--muted);font-size:12px;font-weight:600;padding:3px 12px}.msg-row{display:flex;flex-direction:column;margin-top:8px;max-width:min(72%,560px)}.msg-row.grouped{margin-top:2px}.msg-row.mine{align-items:flex-end;align-self:flex-end}.msg-row.theirs{align-items:flex-start;align-self:flex-start}.msg-bubble{word-wrap:break-word;border-radius:18px;box-shadow:0 1px 2px #0f172a0d;box-shadow:var(--sh-xs);line-height:1.45;max-width:100%;overflow-wrap:anywhere;padding:8px 12px 6px;position:relative}.msg-row.theirs .msg-bubble{background:#fff;background:var(--surface);border-bottom-left-radius:6px;color:#0f172a;color:var(--text)}.msg-row.mine .msg-bubble{background:linear-gradient(135deg,#5b54ee,#4f46e5);border-bottom-right-radius:6px;color:#fff}.msg-row.grouped.theirs .msg-bubble{border-top-left-radius:6px}.msg-row.grouped.mine .msg-bubble{border-top-right-radius:6px}.msg-text{white-space:pre-wrap}.msg-meta{align-items:center;display:flex;float:right;font-size:11px;gap:4px;justify-content:flex-end;line-height:1.8;margin-left:10px;margin-top:2px;opacity:.65}.msg-bubble.has-att{padding:4px 4px 6px}.msg-bubble.has-att .msg-text{padding:4px 8px 0}.msg-bubble.has-att .msg-meta{padding-right:8px}.msg-bubble.att-only .msg-meta{float:none}.msg-row.mine .file-card{background:#fffffff2;border-color:#0000}.msg-row.mine .att-audio{color:#fff}.msg-row.pending .msg-bubble{opacity:.75}.msg-row.failed .msg-bubble{box-shadow:0 0 0 1.5px #ef4444;box-shadow:0 0 0 1.5px var(--danger);opacity:.7}.msg-retry{align-items:center;background:none;border:0;color:#ef4444;color:var(--danger);display:inline-flex;font-size:12px;font-weight:600;gap:4px;margin-top:4px}.composer{padding:8px 16px 16px}.composer .upload-tray{border:1px solid #e5e7ef;border:1px solid var(--border);border-radius:14px;border-radius:var(--r-lg);margin-bottom:8px;padding:8px}.composer .upload-tray,.composer-row{background:#fff;background:var(--surface)}.composer-row{align-items:flex-end;border:1px solid #e5e7ef;border:1px solid var(--border);border-radius:24px;box-shadow:0 1px 3px #0f172a14,0 1px 2px #0f172a0a;box-shadow:var(--sh-sm);display:flex;gap:6px;padding:6px}.composer-row:focus-within{border-color:#c7d2fe;box-shadow:0 1px 3px #0f172a14,0 1px 2px #0f172a0a,0 0 0 3px #4f46e52e;box-shadow:var(--sh-sm),var(--ring)}.composer-row .attach-menu .icon-button{border-radius:50%;height:38px;width:38px}.msg-input{background:#0000;border:0;flex:1 1;font-size:14.5px;line-height:1.45;max-height:140px;min-width:0;outline:none;padding:9px 4px;resize:none}.send-btn{background:#4f46e5;background:var(--primary);border:0;border-radius:50%;color:#fff;display:grid;flex-shrink:0;height:40px;place-items:center;transition:background .15s,transform .1s;width:40px}.send-btn:hover:not(:disabled){background:#4338ca;background:var(--primary-hover)}.send-btn:active:not(:disabled){transform:scale(.94)}.send-btn.mic{background:#f3f4f8;background:var(--surface-2);color:#334155;color:var(--text-2)}.send-btn.mic:hover{background:#eceef4;background:var(--surface-3)}.chat-main .drop-overlay{inset:12px}.call-overlay{animation:fade-in .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617b3;inset:0;justify-content:center;position:fixed;z-index:9000}.call-card,.call-overlay{align-items:center;display:flex}.call-card{animation:pop-in .3s cubic-bezier(.2,.8,.2,1);animation:pop-in .3s var(--ease);background:linear-gradient(160deg,#1e1b4b,#0f172a);border-radius:28px;box-shadow:0 24px 64px #0f172a2e,0 8px 20px #0f172a14;box-shadow:var(--sh-lg);color:#fff;flex-direction:column;gap:6px;padding:32px 24px 28px;text-align:center;width:320px}.call-card-avatar-wrap{animation:ring 1.6s ease-out infinite;border-radius:50%;margin-bottom:10px;padding:6px}@keyframes ring{0%{box-shadow:0 0 0 0 #6366f18c}to{box-shadow:0 0 0 28px #6366f100}}.call-card-name{font-size:18px;font-weight:650;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-card-type{align-items:center;color:#e2e8f0bf;display:flex;font-size:14px;gap:6px}.call-card-actions{display:flex;gap:48px;margin-top:26px}.round-btn{border:0;border-radius:50%;color:#fff;display:grid;height:60px;place-items:center;transition:transform .1s,filter .15s;width:60px}.round-btn:hover{filter:brightness(1.08)}.round-btn:active{transform:scale(.94)}.round-btn.accept{background:#22c55e;box-shadow:0 8px 20px #22c55e66}.round-btn.decline{background:#ef4444;box-shadow:0 8px 20px #ef444466}.call-window{align-items:center;background:radial-gradient(circle at 50% 30%,#1e1b4b,#020617 70%);border-radius:24px;box-shadow:0 24px 64px #0f172a2e,0 8px 20px #0f172a14;box-shadow:var(--sh-lg);display:flex;flex-direction:column;height:min(640px,calc(100vh - 48px));overflow:hidden;position:relative;width:min(960px,calc(100vw - 48px))}.net-badge{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a99;border-radius:999px;border-radius:var(--r-full);color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:6px;left:14px;padding:5px 10px;position:absolute;top:14px;z-index:5}.net-bars{align-items:flex-end;display:inline-flex;gap:2px;height:12px}.net-bars i{background:#ffffff4d;border-radius:1px;display:block;width:3px}.net-bars i:first-child{height:4px}.net-bars i:nth-child(2){height:8px}.net-bars i:nth-child(3){height:12px}.net-good .net-bars i{background:#22c55e}.net-fair .net-bars i:nth-child(-n+2){background:#f59e0b}.net-poor .net-bars i:first-child{background:#ef4444}.video-area{background:#000;flex:1 1;min-height:0;position:relative;width:100%}.remote-video{display:block;height:100%;object-fit:cover;width:100%}.video-waiting{align-items:center;background:radial-gradient(circle at 50% 40%,#1e1b4b,#020617 70%);display:flex;flex-direction:column;gap:14px;inset:0;justify-content:center;position:absolute}.video-waiting-reason{color:#ffffffbf;font-size:13.5px;padding:0 20px;text-align:center}.local-video{background:#111;border:2px solid #ffffff40;border-radius:14px;bottom:16px;box-shadow:0 8px 24px #00000073;height:120px;object-fit:cover;position:absolute;right:16px;width:180px}.local-video.off{opacity:.35}.audio-call-ui{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:20px;justify-content:center}.audio-avatar-ring{border-radius:50%;box-shadow:0 0 0 10px #6366f124,0 0 0 22px #6366f10f;padding:8px}.audio-avatar-ring.live{animation:talk 1.8s ease-in-out infinite}@keyframes talk{50%{box-shadow:0 0 0 16px #6366f12e,0 0 0 34px #6366f10f}}.audio-call-name{color:#fff;font-size:22px;font-weight:650;padding:0 16px;text-align:center}.call-status-line{align-items:center;color:#e2e8f0cc;display:flex;font-size:13.5px;gap:8px;padding:12px 0 4px}.live-dot{background:#22c55e;border-radius:50%;box-shadow:0 0 0 3px #22c55e40;height:8px;width:8px}.call-timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.call-note{color:#fbbf24;font-size:12.5px;max-width:520px;padding:2px 20px;text-align:center}.call-controls{display:flex;gap:16px;padding:16px 16px 24px}.ctrl-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:0;border-radius:50%;color:#fff;display:grid;height:56px;place-items:center;transition:background .15s,transform .1s;width:56px}.ctrl-btn:hover:not(:disabled){background:#ffffff38}.ctrl-btn:active:not(:disabled){transform:scale(.94)}.ctrl-btn:disabled{opacity:.4}.ctrl-btn.muted{background:#fff;color:#0f172a}.ctrl-btn.hangup{background:#ef4444;border-radius:32px;width:64px}.ctrl-btn.hangup:hover{background:#dc2626}@media (max-width:1180px){.cal-layout{grid-template-columns:1fr}.agenda{display:none}}@media (max-width:1024px){.mail-layout{grid-template-columns:320px 1fr}.chat-sidebar{width:300px}.reader-body{padding:24px}}@media (max-width:900px){.login-container{grid-template-columns:1fr}.login-hero{display:none}.login-box-brand{display:flex}}@media (max-width:768px){.page{padding:18px 14px 32px}.page-header{align-items:flex-start}.page-header h1{font-size:22px}.field-row,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.contact-extra{display:none}.contact-row,.task-row{padding:12px 14px}.mail-layout{grid-template-columns:1fr}.mail-layout.has-selection .mail-list-pane,.mail-reader{display:none}.mail-layout.has-selection .mail-reader{display:flex}.reader-toolbar .back-btn{display:inline-flex}.reader-body{border:0;border-radius:0;margin:0;padding:18px 16px 32px}.reader-subject{font-size:19px}.reader-date{display:none}.compose-window{border-radius:0;bottom:0;height:auto;left:0;max-width:none;right:0;top:0;width:100%}.compose-window.minimized{top:auto}.compose-head{border-radius:0}.compose-hint{display:none}.chat-sidebar{border-right:0;width:100%}.chat-container.has-active .chat-sidebar,.chat-main{display:none}.chat-container.has-active .chat-main{display:flex}.chat-back-btn{display:inline-flex!important}.chat-header{gap:4px;padding:8px}.messages-area{padding:12px 12px 6px}.msg-row{max-width:86%}.composer{padding:6px 8px 10px}.compose-body,.compose-field input,.field input,.field textarea,.msg-input,.search-box input{font-size:16px}.upload-chip{width:calc(50% - 4px)}.popover{width:260px}.cal-grid{grid-auto-rows:minmax(76px,1fr)}.cal-weekdays div{font-size:11px;padding:8px 4px;text-align:center}.cal-cell{padding:4px 2px}.cal-date{align-self:center;font-size:12px;height:24px;width:24px}.cal-pill{font-size:10.5px;padding:1px 4px}.cal-pill-time{display:none}.cal-title h1{min-width:0}.call-window{border-radius:0;height:100dvh;width:100vw}.local-video{bottom:12px;height:148px;right:12px;width:104px}.call-controls{gap:12px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}}.e2e-pill{align-items:center;border-radius:999px;border-radius:var(--r-full);display:inline-flex;flex-shrink:0;font-size:11.5px;font-weight:650;gap:5px;height:22px;padding:0 9px;white-space:nowrap}.e2e-pill.ok{background:#ecfdf5;background:var(--success-soft);color:#047857}.e2e-pill.bad{background:#fef2f2;background:var(--danger-soft);color:#b91c1c}.e2e-pill.plain{background:#f3f4f8;background:var(--surface-2);color:#64748b;color:var(--muted)}.reader-e2e{margin:-10px 0 18px}.e2e-banner{align-items:flex-start;border-radius:10px;border-radius:var(--r-md);display:flex;font-size:12.5px;gap:8px;line-height:1.45;margin:0 0 8px;padding:8px 12px}.e2e-banner .icon{margin-top:1px}.e2e-banner.warn{background:#fffbeb;background:var(--warning-soft);border:1px solid #fde68a;color:#92400e}.e2e-banner.bad{background:#fef2f2;background:var(--danger-soft);border:1px solid #fecaca;color:#b91c1c}.compose-form>.e2e-banner{margin:8px 16px 0}.e2e-inline{align-items:center;background:#ecfdf5;background:var(--success-soft);border:0;border-radius:999px;border-radius:var(--r-full);color:#047857;display:inline-flex;font-size:11px;font-weight:650;gap:3px;margin-left:8px;padding:1px 7px;vertical-align:1px}.e2e-inline:hover{background:#d1fae5}.mail-row-lock{color:#059669}.msg-undecryptable{align-items:center;display:flex;font-style:italic;gap:6px;opacity:.8}.att-pending{align-items:center;color:#64748b;color:var(--muted);display:flex;font-size:13px;gap:8px;padding:10px 12px}.att-pending.att-error{color:#ef4444;color:var(--danger)}.msg-row.mine .att-pending{color:#ffffffd9}.recovery-body{display:flex;flex-direction:column;gap:14px}.recovery-shield{background:linear-gradient(135deg,#ecfdf5,#e0f2fe);background:linear-gradient(135deg,var(--success-soft),#e0f2fe);border-radius:18px;color:#059669;display:grid;height:56px;place-items:center;width:56px}.recovery-code,.safety-number{background:#f3f4f8;background:var(--surface-2);border:1px dashed #d4d8e2;border:1px dashed var(--border-strong);border-radius:10px;border-radius:var(--r-md);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:20px;font-weight:700;letter-spacing:.06em;padding:16px;text-align:center;-webkit-user-select:all;user-select:all;word-break:break-word}.safety-number{font-size:18px;letter-spacing:.12em;line-height:1.7}.recovery-actions{display:flex;gap:8px;justify-content:center}.check-row{align-items:center;cursor:pointer;display:flex;font-weight:600;gap:10px}.check-row input{accent-color:#4f46e5;accent-color:var(--primary);height:18px;width:18px}.safety{display:flex;flex-direction:column;gap:12px}.safety-label{color:#64748b;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.small{font-size:12.5px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em}.field-hint{color:#b45309;font-size:12px}.login-row-end{display:flex;justify-content:flex-end;margin-top:-6px}.link.small{font-size:13px;font-weight:600}.login-e2ee-note{align-items:center;color:#64748b;color:var(--muted);display:flex;font-size:12px;gap:6px;justify-content:center;margin-top:18px;text-align:center}.login-container.single{grid-template-columns:1fr}.login-box-brand.show{display:flex}.unlock-icon{background:#eef0ff;background:var(--primary-soft);border-radius:18px;color:#4f46e5;color:var(--primary);display:grid;height:56px;margin-bottom:16px;place-items:center;width:56px}.spacer{flex:1 1}.presence-dot.p-online{background:#22c55e}.presence-dot.p-away{background:#f59e0b}.presence-dot.p-busy,.presence-dot.p-dnd{background:#ef4444}.presence-dot.p-dnd:after{background:#fff;border-radius:1px;content:"";height:2px;left:22%;margin-top:-1px;position:absolute;right:22%;top:50%}.presence-dot.p-offline{background:#cbd5e1}.presence-dot.inline{bottom:auto;display:inline-block;flex-shrink:0;height:12px;position:relative;right:auto;width:12px}.status-input{align-items:center;border:1px solid #d4d8e2;border:1px solid var(--border-strong);border-radius:10px;border-radius:var(--r-md);display:flex;gap:8px;height:44px;padding:0 6px}.status-input:focus-within{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e52e;box-shadow:var(--ring)}.status-input input{background:#0000;border:0;flex:1 1;font-size:15px;height:100%;min-width:0;outline:none}.status-emoji-btn{background:#f3f4f8;background:var(--surface-2);border:0;border-radius:8px;color:#64748b;color:var(--muted);display:grid;flex-shrink:0;font-size:18px;height:34px;place-items:center;width:34px}.emoji-grid{grid-gap:4px;border:1px solid #e5e7ef;border:1px solid var(--border);border-radius:10px;border-radius:var(--r-md);display:grid;gap:4px;grid-template-columns:repeat(8,1fr);margin-top:8px;padding:8px}.emoji-grid button{background:#0000;border:0;border-radius:8px;font-size:19px;height:34px}.emoji-grid button:hover{background:#f3f4f8;background:var(--surface-2)}.status-presets{display:flex;flex-direction:column;margin-top:10px}.status-presets button{align-items:center;background:#0000;border:0;border-radius:10px;border-radius:var(--r-md);display:flex;font-weight:500;gap:10px;padding:8px 10px;text-align:left}.status-presets button:hover{background:#f3f4f8;background:var(--surface-2)}.status-presets small{color:#94a3b8;color:var(--subtle);font-size:12px;margin-left:auto}.preset-emoji{font-size:17px;text-align:center;width:24px}.status-clear{margin-top:14px}.availability-list{display:flex;flex-direction:column;gap:2px}.availability-option{align-items:center;background:#0000;border:0;border-radius:10px;border-radius:var(--r-md);display:flex;gap:12px;padding:9px 10px;text-align:left}.availability-option:hover{background:#f3f4f8;background:var(--surface-2)}.availability-option.active{background:#eef0ff;background:var(--primary-soft);color:#4f46e5;color:var(--primary)}.availability-text{flex:1 1;min-width:0}.availability-text strong{color:#0f172a;color:var(--text);display:block;font-size:14px}.availability-text small{color:#64748b;color:var(--muted);display:block;font-size:12px}.new-menu{position:relative}.menu-backdrop{inset:0;position:fixed;z-index:40}.popover-right{left:auto;right:0}.new-menu .popover{z-index:60}.new-chat-shortcuts{display:flex;gap:8px;margin-top:10px}.new-chat-shortcuts button{align-items:center;background:#fff;background:var(--surface);border:1px solid #e5e7ef;border:1px solid var(--border);border-radius:10px;border-radius:var(--r-md);color:#334155;color:var(--text-2);display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;height:34px;justify-content:center}.new-chat-shortcuts button:hover{background:#f3f4f8;background:var(--surface-2)}.kind-filter{display:flex;gap:6px;margin-top:10px;overflow-x:auto;scrollbar-width:none}.chip-btn{background:#fff;background:var(--surface);border:1px solid #e5e7ef;border:1px solid var(--border);border-radius:999px;border-radius:var(--r-full);color:#334155;color:var(--text-2);flex-shrink:0;font-size:12.5px;font-weight:600;height:28px;padding:0 12px}.chip-btn:hover{background:#f3f4f8;background:var(--surface-2)}.chip-btn.active{background:#4f46e5;background:var(--primary);border-color:#4f46e5;border-color:var(--primary);color:#fff}.conv-avatar{border-radius:30%;color:#fff}.conv-status-emoji{font-size:13px;margin-left:6px}.conv-lock{color:#94a3b8;color:var(--subtle);display:inline-block;margin-left:5px;vertical-align:-1px}.conv-live{align-items:center;color:#16a34a;display:inline-flex;flex:1 1;font-size:13px;font-weight:600;gap:5px;min-width:0}.placeholder-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}.placeholder-actions .btn{margin-top:0}button.chat-header-peer{background:#0000;border:0;border-radius:10px;border-radius:var(--r-md);margin:-4px -6px;padding:4px 6px;text-align:left}button.chat-header-peer:hover{background:#f3f4f8;background:var(--surface-2)}.chat-peer-status{align-items:center;display:flex;gap:6px}.chat-peer-status .e2e-inline{flex-shrink:0;margin-left:0}.chat-peer-sub{min-width:0;overflow:hidden;text-overflow:ellipsis}.btn-join{background:#16a34a;color:#fff}.btn-join:hover:not(:disabled){background:#15803d}.call-banner{align-items:center;background:#ecfdf5;border-bottom:1px solid #a7f3d0;color:#047857;display:flex;font-size:13px;font-weight:600;gap:10px;padding:8px 18px}.call-banner span:nth-child(2){flex:1 1}.msg-row.with-avatar{align-items:flex-end;flex-direction:row;gap:8px}.msg-avatar{flex-shrink:0;width:30px}.msg-col{display:flex;flex-direction:column;min-width:0}.msg-row.theirs .msg-col{align-items:flex-start}.msg-row.mine .msg-col{align-items:flex-end}.msg-sender{color:#4f46e5;color:var(--primary);font-size:12px;font-weight:650;margin:0 0 3px 10px}.sys-msg{display:flex;justify-content:center;margin:10px 0}.sys-msg span{background:#ffffffd9;color:#64748b;color:var(--muted);font-size:12.5px;max-width:80%;padding:4px 12px;text-align:center}.call-log,.sys-msg span{border-radius:999px;border-radius:var(--r-full);box-shadow:0 1px 2px #0f172a0d;box-shadow:var(--sh-xs)}.call-log{align-items:center;align-self:center;background:#fff;background:var(--surface);color:#334155;color:var(--text-2);display:inline-flex;font-size:13px;font-weight:600;gap:8px;margin:10px 0;padding:6px 14px}.call-log time{color:#94a3b8;color:var(--subtle);font-size:12px;font-weight:500}.call-log.missed{color:#ef4444;color:var(--danger)}.chat-container{position:relative}.side-panel{animation:fade-in .15s;background:#fff;background:var(--surface);border-left:1px solid #e5e7ef;border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;min-height:0;width:360px}.side-panel-head{align-items:center;display:flex;justify-content:space-between;padding:16px 12px 8px 20px}.side-panel-body{flex:1 1;overflow-y:auto;padding:0 16px 24px}.info-hero{flex-direction:column;gap:6px;padding:12px 0 18px;text-align:center}.info-hero,.info-title{align-items:center;display:flex}.info-title{font-size:18px;font-weight:700;gap:4px;margin-top:6px;word-break:break-word}.info-topic{color:#334155;color:var(--text-2);font-size:13.5px;max-width:300px}.info-sub{align-items:center;color:#64748b;color:var(--muted);display:flex;font-size:13px;gap:4px}.info-edit{display:flex;flex-direction:column;gap:8px;margin-top:8px;width:100%}.info-edit input,.info-edit textarea{border:1px solid #d4d8e2;border:1px solid var(--border-strong);border-radius:10px;border-radius:var(--r-md);padding:8px 10px;resize:vertical;width:100%}.info-edit-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:6px}.info-row{align-items:center;background:#0000;border:0;border-radius:10px;border-radius:var(--r-md);color:#334155;color:var(--text-2);display:flex;gap:12px;margin-top:2px;padding:10px;text-align:left;width:100%}.info-row:hover:not(:disabled){background:#f3f4f8;background:var(--surface-2)}.info-row:disabled{cursor:default;opacity:1}.info-row strong{color:#0f172a;color:var(--text);display:block;font-size:14px}.info-row small{color:#64748b;color:var(--muted);display:block;font-size:12px}.info-row.danger,.info-row.danger strong{color:#ef4444;color:var(--danger)}.list-label.with-action{align-items:center;display:flex;justify-content:space-between}.list-label .link{align-items:center;display:inline-flex;gap:4px;letter-spacing:0;text-transform:none}.member-list{display:flex;flex-direction:column}.member-row{align-items:center;border-radius:10px;border-radius:var(--r-md);display:flex;gap:10px;padding:7px 6px}.member-row:hover{background:#f3f4f8;background:var(--surface-2)}.member-main{flex:1 1;min-width:0}.member-name{align-items:center;display:flex;font-size:13.5px;font-weight:600;gap:6px}.member-name,.member-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-sub{color:#64748b;color:var(--muted);font-size:12px}.member-actions{display:flex;gap:2px;opacity:0;transition:opacity .12s}.member-row:hover .member-actions{opacity:1}.role-badge{align-items:center;background:#eceef4;background:var(--surface-3);border-radius:999px;border-radius:var(--r-full);color:#64748b;color:var(--muted);display:inline-flex;font-size:10.5px;font-weight:700;gap:3px;padding:1px 6px}.role-badge.owner{background:#fef3c7;color:#b45309}.add-members{border:1px solid #e5e7ef;border:1px solid var(--border);border-radius:10px;border-radius:var(--r-md);margin-bottom:10px;padding:10px}.people-picker{display:flex;flex-direction:column;gap:8px}.picked-chips{display:flex;flex-wrap:wrap;gap:6px}.picked-chip{align-items:center;background:#eef0ff;background:var(--primary-soft);border-radius:999px;border-radius:var(--r-full);color:#4f46e5;color:var(--primary);display:inline-flex;font-size:12.5px;font-weight:600;gap:6px;padding:3px 4px 3px 3px}.picked-chip .avatar{font-size:9px!important}.picked-chip button{background:#0000;border:0;border-radius:50%;color:inherit;display:grid;height:18px;place-items:center;width:18px}.picked-chip button:hover{background:#e0e3ff;background:var(--primary-soft-2)}.picker-list{margin:0 -6px;max-height:260px;overflow-y:auto}.user-result.selected{background:#eef0ff;background:var(--primary-soft)}.check-box{border:2px solid #d4d8e2;border:2px solid var(--border-strong);border-radius:6px;color:#fff;display:grid;flex-shrink:0;height:20px;place-items:center;width:20px}.check-box.on{background:#4f46e5;background:var(--primary);border-color:#4f46e5;border-color:var(--primary)}.kind-switch{margin-bottom:10px}.kind-switch .seg{align-items:center;display:inline-flex;gap:6px;justify-content:center}.modal-body .field,.modal-lead{margin-bottom:14px}.hash-input{align-items:center;border:1px solid #d4d8e2;border:1px solid var(--border-strong);border-radius:10px;border-radius:var(--r-md);color:#64748b;color:var(--muted);display:flex;gap:4px;height:40px;padding:0 0 0 12px}.hash-input:focus-within{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e52e;box-shadow:var(--ring)}.field .hash-input input{border:0;box-shadow:none;height:38px;padding-left:2px}.visibility-choice{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:6px}.visibility-choice button{align-items:center;background:#fff;background:var(--surface);border:1.5px solid #e5e7ef;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--r-md);color:#64748b;color:var(--muted);display:flex;gap:10px;padding:10px 12px;text-align:left}.visibility-choice button.active{background:#eef0ff;background:var(--primary-soft);border-color:#4f46e5;border-color:var(--primary);color:#4f46e5;color:var(--primary)}.visibility-choice strong{color:#0f172a;color:var(--text);display:block;font-size:13.5px}.visibility-choice small{color:#64748b;color:var(--muted);display:block;font-size:12px}.e2e-note{align-items:center;color:#047857;display:flex;font-size:12px;gap:6px;margin-top:12px}.channel-list{display:flex;flex-direction:column;gap:2px;max-height:420px;overflow-y:auto}.channel-row{align-items:center;border-radius:10px;border-radius:var(--r-md);display:flex;gap:12px;padding:8px}.channel-row:hover{background:#f3f4f8;background:var(--surface-2)}.channel-row-main{flex:1 1;min-width:0}.channel-row-name{align-items:center;display:flex;font-weight:650;gap:5px}.channel-row-meta{color:#64748b;color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-topbar{align-items:center;background:linear-gradient(#0206178c,#0000);display:flex;gap:12px;justify-content:space-between;left:0;padding:14px 16px;pointer-events:none;position:absolute;right:0;top:0;z-index:6}.call-topbar>*{pointer-events:auto}.call-title{color:#fff;display:flex;flex-direction:column;min-width:0}.call-title strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-title>span{align-items:center;color:#e2e8f0d9;display:inline-flex;font-size:12.5px;gap:6px}.call-topbar .net-badge{position:static}.call-window .audio-call-ui{padding-top:40px}.audio-avatar-ring.speaking{box-shadow:0 0 0 6px #22c55e8c,0 0 0 18px #22c55e26}.local-video,.remote-video,.tile-video{background:#000}.mirrored{transform:scaleX(-1)}.peer-audio{display:none}.call-unblock{margin:6px 0 0}.call-grid{grid-gap:8px;display:grid;flex:1 1;gap:8px;grid-auto-rows:1fr;grid-template-columns:repeat(2,1fr);min-height:0;padding:64px 12px 8px;width:100%}.call-grid.n1{grid-template-columns:1fr}.call-grid.n5,.call-grid.n6,.call-grid.n7,.call-grid.n8,.call-grid.n9{grid-template-columns:repeat(3,1fr)}.call-tile{background:radial-gradient(circle at 50% 40%,#1e293b,#0b1120 75%);border-radius:16px;box-shadow:inset 0 0 0 2px #0000;min-height:0;overflow:hidden;position:relative;transition:box-shadow .15s}.call-tile.speaking{box-shadow:inset 0 0 0 3px #22c55e}.tile-video{height:100%;object-fit:cover;width:100%}.tile-avatar,.tile-video{inset:0;position:absolute}.tile-avatar{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.tile-reason{color:#e2e8f0b3;font-size:12px;padding:0 10px;text-align:center}.tile-label{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02061799;border-radius:999px;border-radius:var(--r-full);bottom:8px;color:#fff;display:inline-flex;font-size:12.5px;font-weight:600;gap:5px;left:8px;max-width:calc(100% - 16px);padding:3px 9px;position:absolute}.tile-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-weak{color:#f59e0b;display:inline-flex}.tile-status{align-items:center;background:#02061799;border-radius:999px;border-radius:var(--r-full);color:#fbbf24;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:3px 9px;position:absolute;right:8px;top:8px}.tile-status.bad{color:#f87171}@media (max-width:1024px){.side-panel{bottom:0;box-shadow:0 24px 64px #0f172a2e,0 8px 20px #0f172a14;box-shadow:var(--sh-lg);position:absolute;right:0;top:0;z-index:30}}@media (max-width:768px){.side-panel{border-left:0;inset:0;position:fixed;width:100%;z-index:1100}.member-actions{opacity:1}.chat-call-btns .icon-button.lg{height:36px;width:36px}.call-grid{gap:6px;grid-template-columns:repeat(2,1fr)!important;padding:64px 6px 6px}.call-grid.n1,.call-grid.n2{grid-template-columns:1fr!important}.visibility-choice{grid-template-columns:1fr}.emoji-grid{grid-template-columns:repeat(6,1fr)}.status-input input{font-size:16px}}.ph-root{background:var(--surface);display:grid;grid-template-rows:auto 1fr;height:100%;min-height:0;position:relative}.ph-standalone{height:100vh;height:100dvh}.ph-topbar{background:var(--surface);border-bottom:1px solid var(--border);height:64px;padding:0 16px 0 20px}.ph-brand,.ph-topbar{align-items:center;display:flex;gap:10px}.ph-brand{flex-shrink:0;font-size:18px;font-weight:650;letter-spacing:-.01em;width:212px}.ph-search{flex:1 1;height:42px;max-width:720px}.ph-topbar .avatar{flex-shrink:0}.ph-selectbar{background:var(--primary-soft);border-bottom-color:var(--primary-soft-2);color:var(--primary)}.ph-selectbar strong{font-size:16px}.ph-selectbar .icon-button{color:var(--text-2)}.ph-body{display:grid;grid-template-columns:232px 1fr;min-height:0}.ph-rail{display:flex;flex-direction:column;gap:2px;overflow-y:auto;padding:12px 10px}.ph-rail-item{align-items:center;background:#0000;border:0;border-radius:var(--r-full);color:var(--text-2);display:flex;font-weight:550;gap:14px;height:42px;padding:0 14px;text-align:left}.ph-rail-item:hover{background:var(--surface-2)}.ph-rail-item.active{background:#fdecef;color:#be185d}.ph-rail-item span:first-of-type{flex:1 1}.ph-rail-count{color:var(--muted);font-size:12px}.ph-storage{border-top:1px solid var(--border);margin-top:auto;padding:16px 14px 6px}.ph-storage-label{align-items:center;color:var(--text-2);display:flex;font-weight:600;gap:8px;margin-bottom:10px}.ph-storage-text{color:var(--muted);font-size:12px;margin-top:6px}.ph-progress{background:var(--surface-3);border-radius:4px;height:4px;overflow:hidden}.ph-progress span{background:linear-gradient(90deg,#f59e0b,#ec4899);border-radius:inherit;display:block;height:100%;transition:width .3s var(--ease)}.ph-progress span.warn{background:var(--danger)}.ph-main{min-height:0;overflow-y:auto;overscroll-behavior:contain}.ph-content{min-height:100%;padding:8px 24px 48px 8px}.ph-sentinel{height:1px}.ph-section-head{align-items:center;display:flex;flex-wrap:wrap;gap:12px;padding:16px 0 8px}.ph-section-title{flex:1 1;min-width:0}.ph-section-head h1{font-size:22px}.ph-title-btn{background:none;border:0;border-radius:var(--r-sm);color:inherit;font:inherit;padding:0;text-align:left}.ph-title-btn:hover{background:var(--surface-2)}.ph-rename{background:#0000;border:0;border-bottom:2px solid var(--primary);font-size:22px;font-weight:700;outline:none;padding:2px 0;width:min(100%,520px)}.btn-outline.danger{color:var(--danger)}.ph-day{margin-bottom:8px}.ph-day-label{align-items:center;background:linear-gradient(var(--surface) 75%,#0000);color:var(--text-2);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0;padding:14px 0 10px;position:sticky;top:0;z-index:2}.ph-day-check{background:var(--surface);border:2px solid var(--border-strong);border-radius:50%;color:#0000;display:grid;height:20px;opacity:0;padding:0;place-items:center;transition:opacity .12s;width:20px}.ph-day-check:focus-visible,.ph-day:hover .ph-day-check{opacity:1}.ph-day-check:hover{border-color:var(--primary);color:var(--primary)}.ph-selectbar~.ph-body .ph-day-check{opacity:1}.ph-row{display:flex;margin-bottom:4px}.ph-row.full .ph-tile:last-child{flex-grow:1}.ph-tile{background:var(--surface-3);cursor:pointer;flex:0 0 auto;outline:none;overflow:hidden;position:relative;transition:transform .12s var(--ease)}.ph-tile img{display:block;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;width:100%}.ph-tile:focus-visible{box-shadow:inset 0 0 0 3px var(--primary)}.ph-tile-fallback{color:var(--subtle);display:grid;height:100%;place-items:center;width:100%}.ph-tile-shade{background:linear-gradient(#00000061,#0000 36%);inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .12s}.ph-tile.selecting .ph-tile-shade,.ph-tile:hover .ph-tile-shade{opacity:1}.ph-tile-badge{background:#00000080;border-radius:50%;color:#fff;display:grid;height:22px;place-items:center;position:absolute;right:8px;top:8px;width:22px}.ph-tile-fav{bottom:6px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.ph-check,.ph-tile-fav{left:8px;position:absolute}.ph-check{background:#00000026;border:2px solid #ffffffe6;border-radius:50%;color:#0000;display:grid;height:24px;opacity:0;padding:0;place-items:center;top:8px;transition:opacity .12s,background .12s;width:24px}.ph-check:focus-visible,.ph-tile.selecting .ph-check,.ph-tile:hover .ph-check{opacity:1}.ph-check:hover{background:#ffffff59}.ph-tile.selected{background:var(--primary-soft)}.ph-tile.selected .ph-tile-fallback,.ph-tile.selected img{border-radius:6px;transform:scale(.86)}.ph-tile img,.ph-tile-fallback{transition:transform .15s var(--ease),border-radius .15s}.ph-tile.selected .ph-check{background:var(--primary);border-color:var(--primary);color:#fff;opacity:1}.ph-memories{display:flex;gap:12px;overflow-x:auto;padding:16px 0 8px;scrollbar-width:none}.ph-memories::-webkit-scrollbar{display:none}.ph-memory{background:var(--surface-3);border:0;border-radius:var(--r-lg);box-shadow:var(--sh-sm);flex:0 0 auto;height:200px;overflow:hidden;padding:0;position:relative;transition:transform .15s var(--ease);width:150px}.ph-memory:hover{transform:translateY(-2px)}.ph-memory img{display:block;height:100%;object-fit:cover;width:100%}.ph-memory-label{align-items:flex-start;background:linear-gradient(#0000,#000000b3);color:#fff;display:flex;flex-direction:column;gap:1px;inset:auto 0 0 0;padding:30px 12px 10px;position:absolute;text-align:left}.ph-memory-label strong{font-size:15px}.ph-memory-label span{font-size:12px;opacity:.85}.ph-albums{grid-gap:20px 16px;display:grid;gap:20px 16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding-top:8px}.ph-album-card{background:none;border:0;display:flex;flex-direction:column;gap:4px;min-width:0;padding:0;text-align:left}.ph-album-cover{aspect-ratio:1;background:var(--surface-2);border-radius:var(--r-lg);color:var(--subtle);display:grid;margin-bottom:6px;overflow:hidden;place-items:center;transition:box-shadow .15s;width:100%}.ph-album-card:hover .ph-album-cover{box-shadow:var(--sh-md)}.ph-album-card.new .ph-album-cover{background:#0000;border:2px dashed var(--border-strong);color:var(--primary)}.ph-album-cover img{height:100%;object-fit:cover;width:100%}.ph-album-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-album-count{color:var(--muted);font-size:12.5px}.ph-new-album{display:flex;gap:8px;margin-bottom:14px}.ph-new-album input{border:1px solid var(--border-strong);border-radius:var(--r-md);flex:1 1;height:40px;min-width:0;padding:0 12px}.ph-new-album input:focus{border-color:var(--primary);box-shadow:var(--ring);outline:none}.ph-picker-list{display:flex;flex-direction:column;gap:2px;margin:0 -8px;max-height:50vh;overflow-y:auto}.ph-picker-item{align-items:center;background:none;border:0;border-radius:var(--r-md);display:flex;gap:12px;padding:8px;text-align:left}.ph-picker-item:hover:not(:disabled){background:var(--surface-2)}.ph-picker-cover{background:var(--surface-2);border-radius:var(--r-md);color:var(--subtle);display:grid;flex-shrink:0;height:48px;overflow:hidden;place-items:center;width:48px}.ph-picker-cover img{height:100%;object-fit:cover;width:100%}.ph-picker-text{display:flex;flex-direction:column;min-width:0}.ph-picker-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-picker-text span{color:var(--muted);font-size:12.5px}.ph-lightbox{animation:fade-in .15s;background:#000;color:#fff;display:grid;grid-template-columns:1fr;inset:0;position:fixed;z-index:9000}.ph-lightbox.with-info{grid-template-columns:1fr 360px}.ph-lb-stage{min-height:0;min-width:0;overflow:hidden;position:relative}.ph-lb-top{align-items:center;background:linear-gradient(#0009,#0000);display:flex;gap:4px;inset:0 0 auto 0;padding:10px 12px;position:absolute;z-index:3}.ph-lb-top .icon-button{height:40px;width:40px}.ph-lb-top a.icon-button{display:grid;place-items:center}.icon-button.light.on{background:#fff3;color:#fff}.btn.light{color:#fff}.btn.light:hover:not(:disabled){background:#ffffff1f}.btn.light.danger{color:#fca5a5}.ph-lb-count{font-size:13px;margin-left:4px;opacity:.7}.ph-lb-media{display:grid;inset:0;place-items:center;position:absolute}.ph-lb-media>img,.ph-lb-media>video{grid-area:1/1;max-height:100%;max-width:100%;object-fit:contain}.ph-lb-media>img:not(.ph-lb-placeholder){opacity:0;transition:opacity .2s}.ph-lb-media>img.loaded{opacity:1}.ph-lb-placeholder{filter:blur(8px);height:100%;transform:scale(1.02);width:100%}.ph-lb-media>video{background:#000;height:100%;width:100%}.ph-lb-unsupported{align-items:center;color:#fffc;display:flex;flex-direction:column;gap:14px;padding:24px;text-align:center}.ph-lb-unsupported img{border-radius:var(--r-md);max-height:60vh;max-width:min(512px,90vw)}.ph-lb-nav{background:#ffffff14;border:0;border-radius:50%;color:#fff;display:grid;height:52px;opacity:.7;place-items:center;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .15s,background .15s;width:52px;z-index:3}.ph-lb-nav:hover{background:#ffffff2e;opacity:1}.ph-lb-nav.prev{left:16px}.ph-lb-nav.next{right:16px}.ph-lb-info{background:var(--surface);border-left:1px solid var(--border);color:var(--text);overflow-y:auto;padding:8px 20px 24px}.ph-lb-info-head{align-items:center;display:flex;height:52px;justify-content:space-between}.ph-lb-info-head h3{font-size:18px}.ph-desc{background:#0000;border:0;border-bottom:1px solid var(--border-strong);margin:8px 0 18px;min-height:64px;outline:none;padding:8px 0;resize:vertical;width:100%}.ph-desc:focus{border-bottom-color:var(--primary)}.ph-details{display:flex;flex-direction:column;gap:18px}.ph-detail{color:var(--muted);display:flex;gap:14px}.ph-detail>div{display:flex;flex-direction:column;gap:2px;min-width:0}.ph-detail strong{color:var(--text);font-weight:550}.ph-detail span{font-size:13px}.ph-break{overflow-wrap:anywhere}.ph-uploads{animation:pop-in .2s var(--ease);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);bottom:20px;box-shadow:var(--sh-lg);overflow:hidden;position:fixed;right:20px;width:min(380px,calc(100vw - 32px));z-index:8000}.ph-uploads-head{align-items:center;display:flex;gap:10px;padding:12px 10px 12px 16px}.ph-uploads-head strong{flex:1 1;font-size:14px}.ph-uploads-head .icon.ok{color:var(--success)}.ph-uploads .ph-progress{margin:0 16px 12px}.ph-uploads-list{border-top:1px solid var(--border);list-style:none;margin:0;max-height:240px;overflow-y:auto;padding:4px 0}.ph-uploads-list li{display:flex;font-size:13px;gap:12px;justify-content:space-between;padding:6px 16px}.ph-uploads-list li>span:first-child{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-upload-status{color:var(--muted);flex-shrink:0;max-width:45%;text-align:right}.ph-upload-status.done{color:var(--success)}.ph-upload-status.error{color:var(--danger)}.ph-drop{background:#4f46e514;border:3px dashed var(--primary);border-radius:var(--r-lg);display:grid;inset:0;place-items:center;pointer-events:none;position:absolute;z-index:50}.ph-drop-card{background:var(--surface);border-radius:var(--r-xl);color:var(--primary);flex-direction:column;padding:28px 36px}.ph-drop-card,.ph-notice{align-items:center;box-shadow:var(--sh-lg);display:flex;gap:10px}.ph-notice{animation:pop-in .2s var(--ease);background:#0f172a;border-radius:var(--r-md);bottom:24px;color:#fff;left:50%;max-width:min(560px,calc(100vw - 32px));padding:10px 10px 10px 18px;position:fixed;transform:translateX(-50%);z-index:9500}.ph-notice>span{flex:1 1}.ph-notice.toast-success .icon:first-child{color:#34d399}.ph-notice.toast-error .icon:first-child{color:#f87171}.ph-notice-action{background:none;border:0;border-radius:var(--r-sm);color:#a5b4fc;font-weight:650;padding:4px 8px}.ph-notice-action:hover{background:#ffffff1a}.ph-splash{grid-gap:18px;align-content:center;display:grid;gap:18px;height:100vh;height:100dvh;place-items:center}@media (max-width:1024px){.ph-brand{width:auto}.ph-body{grid-template-columns:200px 1fr}.ph-lightbox.with-info{grid-template-columns:1fr 300px}}@media (max-width:768px){.ph-topbar{gap:6px;height:56px;padding:0 8px 0 12px}.ph-brand span{display:none}.ph-search{height:38px}.ph-upload-btn{justify-content:center;padding:0;width:40px}.ph-upload-btn span{display:none}.ph-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.ph-rail{border-bottom:1px solid var(--border);flex-direction:row;gap:6px;overflow-x:auto;padding:8px;scrollbar-width:none}.ph-rail::-webkit-scrollbar{display:none}.ph-rail-item{border:1px solid var(--border);flex-shrink:0;font-size:13px;gap:6px;height:34px;padding:0 12px}.ph-rail-item.active{border-color:#0000}.ph-storage{display:none}.ph-content{padding:4px 4px 80px}.ph-section-head{padding:12px 8px 4px}.ph-day-label{padding:12px 8px 8px}.ph-row{margin-bottom:3px}.ph-check,.ph-day-check{opacity:1}.ph-check{height:22px;left:6px;top:6px;width:22px}.ph-tile:not(.selecting):not(:hover) .ph-check{opacity:0}.ph-memories{padding:12px 8px 4px}.ph-memory{height:160px;width:120px}.ph-albums{grid-template-columns:repeat(2,1fr);padding:8px}.ph-lightbox.with-info{grid-template-columns:1fr}.ph-lb-info{border-left:0;border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--sh-lg);inset:auto 0 0 0;max-height:60vh;position:fixed;z-index:5}.ph-lb-nav{display:none}.ph-lb-top{gap:0;padding:6px}.ph-lb-top .icon-button{height:38px;width:38px}.ph-lb-count{display:none}.ph-uploads{bottom:16px;right:16px}.ph-notice{bottom:16px}}.icon.filled{fill:currentColor}.vd-app{--primary:#dc2626;--primary-hover:#b91c1c;--primary-soft:#fef2f2;--primary-soft-2:#fee2e2;--ring:0 0 0 3px #dc262629}.vd-app .tabbar-create-btn{background:linear-gradient(135deg,#ef4444,#be123c);box-shadow:0 4px 12px #dc26264d}.vd-app .content{background:var(--surface)}.vd-app.layout-mini:not(.nav-open) .vd-rail-sep,.vd-app.layout-mini:not(.nav-open) .vd-rail-sep~li:not(.vd-rail-sep){display:none}.vd-rail-sep{background:var(--border);height:1px;margin:10px 8px}.vd-rail-label{color:var(--text-2);font-size:13px;font-weight:650;padding:6px 12px 4px}.vd-rail-channel .nav-item{height:40px}.vd-rail-channel .nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vd-search{overflow:hidden;padding:0 0 0 16px}.vd-search-btn{align-self:stretch;background:var(--surface-2);border:0;border-left:1px solid var(--border);color:var(--text-2);display:grid;margin-left:4px;place-items:center;width:64px}.vd-search-btn:hover{background:var(--surface-3)}.vd-search:focus-within .vd-search-btn{border-left-color:var(--primary)}.vd-create{border-radius:var(--r-full);gap:6px;height:38px}.layout-phone .vd-create{display:none}.vd-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain}.vd-splash{grid-gap:18px;align-content:center;display:grid;gap:18px;height:100vh;height:100dvh;place-items:center}.vd-pill{border-radius:var(--r-full)}.danger-text{color:var(--danger)}.danger-text,.ok-text{align-items:center;display:inline-flex;gap:6px}.ok-text{color:var(--success)}.vd-embedded{background:var(--surface);display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0}.vd-chips{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:8px;overflow-x:auto;padding:10px 16px;scrollbar-width:none}.vd-chips::-webkit-scrollbar{display:none}.vd-chip{align-items:center;background:var(--surface-2);border:0;border-radius:var(--r-md);color:var(--text-2);display:inline-flex;flex-shrink:0;font-size:13.5px;font-weight:600;gap:6px;height:34px;padding:0 14px}.vd-chip:hover{background:var(--surface-3)}.vd-chip.active{background:var(--text);color:#fff}.vd-chips-end{align-items:center;display:flex;flex-shrink:0;gap:4px;margin-left:auto;padding-left:8px}.vd-chips-end .btn{height:34px}.vd-page{margin:0 auto;max-width:2200px;padding:20px 24px 48px}.vd-page-head{flex-wrap:wrap;gap:12px;justify-content:space-between}.vd-page-head,.vd-page-title{align-items:center;display:flex;margin-bottom:16px}.vd-page-title{font-size:20px;gap:10px}.vd-page-head .vd-page-title{margin:0}.vd-results-title{color:var(--text-2);font-size:16px;font-weight:600;margin-bottom:16px}.vd-sentinel{height:1px}.vd-more{display:flex;justify-content:center;padding:16px}.vd-grid{grid-gap:36px 16px;display:grid;gap:36px 16px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.vd-rows{display:flex;flex-direction:column;gap:16px;max-width:1100px}.vd-card{min-width:0;position:relative}.vd-thumb{aspect-ratio:16/9;background:#0f172a;border-radius:var(--r-lg);color:#64748b;display:block;overflow:hidden;position:relative}.vd-preview,.vd-thumb img{display:block;height:100%;object-fit:cover;transition:transform .2s var(--ease);width:100%}.vd-preview{background:#000;inset:0;position:absolute}.vd-card-grid:hover .vd-thumb{border-radius:var(--r-md)}.vd-thumb-empty{background:linear-gradient(135deg,#1e293b,#0f172a);display:grid;height:100%;place-items:center;width:100%}.vd-duration{background:#000000c7;border-radius:5px;bottom:8px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.02em;padding:1px 5px;position:absolute;right:8px}.vd-watched{background:#ffffff59;bottom:0;height:4px;left:0;position:absolute;right:0}.vd-watched span{background:#dc2626;display:block;height:100%}.vd-meta{display:flex;gap:12px;min-width:0;padding-top:12px}.vd-avatar-btn{align-self:flex-start;background:none;border:0;border-radius:50%;padding:0}.vd-meta-text{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;min-width:0}.vd-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text);display:-webkit-box;font-size:15.5px;font-weight:650;line-height:1.35;margin-bottom:4px;overflow:hidden;word-break:break-word}.vd-title:hover{text-decoration:none}.vd-channel{background:none;border:0;color:var(--muted);font-size:13.5px;padding:0;text-align:left}.vd-channel:hover{color:var(--text)}.vd-stats{color:var(--muted);font-size:13.5px}.vd-badge{align-items:center;background:var(--surface-2);border-radius:4px;color:var(--muted);display:inline-flex;font-size:11.5px;font-weight:600;gap:3px;margin-left:6px;padding:0 6px;text-transform:capitalize;vertical-align:1px}.vd-menu-wrap{align-self:flex-start;flex-shrink:0;margin:-4px -8px 0 0;position:relative}.vd-card-more{border-radius:50%;color:var(--text-2);opacity:0}.vd-card-more:focus-visible,.vd-card:hover .vd-card-more,.vd-menu-wrap:has(.vd-menu) .vd-card-more{opacity:1}@media (hover:none){.vd-card-more{opacity:1}}.vd-menu{animation:pop-in .12s var(--ease);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-lg);min-width:230px;padding:6px 0;position:absolute;right:0;top:30px;z-index:1100}.vd-menu button{align-items:center;background:none;border:0;color:var(--text-2);display:flex;gap:14px;height:40px;padding:0 16px;text-align:left;width:100%}.vd-menu button:hover{background:var(--surface-2)}.vd-card-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(160px,360px) minmax(0,1fr)}.vd-card-row .vd-meta{padding-top:0}.vd-card-row .vd-title{font-size:17px}.vd-card-compact{grid-gap:8px;display:grid;gap:8px;grid-template-columns:168px minmax(0,1fr);margin-bottom:8px}.vd-card-compact .vd-thumb{border-radius:var(--r-md)}.vd-card-compact .vd-meta{gap:4px;padding-top:0}.vd-card-compact .vd-title{font-size:14px}.vd-card-compact .vd-channel,.vd-card-compact .vd-stats{font-size:12.5px}.vd-shelf{margin-bottom:28px}.vd-shelf-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.vd-shelf-head h2{align-items:center;display:flex;font-size:19px;gap:10px}.vd-shelf-empty{color:var(--muted)}.vd-shelf-row{grid-gap:12px;display:grid;gap:12px;grid-auto-columns:240px;grid-auto-flow:column;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:thin}.vd-card-shelf{scroll-snap-align:start}.vd-card-shelf .vd-title{font-size:14px}.vd-you-head{align-items:center;display:flex;gap:18px;margin-bottom:28px}.vd-you-head h1{font-size:30px}.vd-chan-row{align-items:center;background:none;border:0;border-radius:var(--r-md);display:flex;gap:12px;max-width:560px;padding:8px;text-align:left;width:100%}.vd-chan-row span{flex:1 1;font-weight:600}.vd-chan-row:hover{background:var(--surface-2)}.vd-sub-strip{border-bottom:1px solid var(--border);display:flex;gap:8px;margin-bottom:12px;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin}.vd-sub-chip{align-items:center;background:none;border:0;border-radius:var(--r-lg);display:flex;flex-direction:column;flex-shrink:0;gap:6px;padding:8px 4px;width:92px}.vd-sub-chip span{font-size:12.5px;font-weight:550;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vd-sub-chip:hover{background:var(--surface-2)}.vd-banner{background:linear-gradient(120deg,#be123c,#ef4444 40%,#f97316);border-radius:var(--r-xl);height:clamp(90px,16vw,200px)}.vd-channel-head{align-items:center;display:flex;gap:24px;padding:20px 4px}.vd-channel-avatar{font-size:40px!important}.vd-channel-info h1{font-size:32px}.vd-channel-info p{margin-top:4px}.vd-channel-actions{display:flex;gap:8px;margin-top:12px}.vd-tabs{border-bottom:1px solid var(--border);display:flex;gap:24px;margin-bottom:20px}.vd-tabs span{font-weight:650;padding:10px 2px}.vd-tabs span.active{border-bottom:2px solid var(--text)}.vd-watch{grid-gap:0 24px;align-items:start;display:grid;gap:0 24px;grid-template-areas:"player side" "info side" "comments side";grid-template-columns:minmax(0,1fr) 400px;margin:0 auto;max-width:1760px;padding:24px}.vd-player-wrap{grid-area:player;position:relative}.vd-player{aspect-ratio:16/9;background:#000;border-radius:var(--r-lg);display:block;max-height:calc(100dvh - 160px);width:100%}.vd-upnext-overlay{align-items:center;background:#000000c7;border-radius:var(--r-lg);color:#fff;display:flex;flex-direction:column;gap:8px;inset:0;justify-content:center;padding:24px;position:absolute;text-align:center}.vd-upnext-overlay strong{font-size:18px;max-width:520px}.vd-upnext-overlay>div{display:flex;gap:8px;margin-top:8px}.vd-upnext-overlay .btn-ghost{color:#fff}.vd-upnext-overlay .btn-ghost:hover{background:#ffffff24}.vd-info{grid-area:info;min-width:0}.vd-watch-title{font-size:20px;font-weight:700;line-height:1.35;margin:14px 0 10px;word-break:break-word}.vd-actions-row{flex-wrap:wrap;justify-content:space-between}.vd-actions-row,.vd-owner{align-items:center;display:flex;gap:12px}.vd-owner{min-width:0}.vd-owner-text{display:flex;flex-direction:column;margin-right:12px;min-width:0}.vd-owner-name{background:none;border:0;font-size:16px;font-weight:650;padding:0;text-align:left}.vd-owner-text small{color:var(--muted);font-size:12.5px}.vd-actions{align-items:center;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.vd-actions::-webkit-scrollbar{display:none}.vd-like-pill{background:var(--surface-2);border-radius:var(--r-full);display:flex;flex-shrink:0;overflow:hidden}.vd-like-pill button{align-items:center;background:none;border:0;display:flex;font-weight:600;gap:8px;height:36px;padding:0 14px}.vd-like-pill button:first-child{border-right:1px solid var(--border-strong)}.vd-like-pill button:hover{background:var(--surface-3)}.vd-chip-btn,.vd-like-pill button.on{color:var(--text)}.vd-chip-btn{background:var(--surface-2);border-radius:var(--r-full);flex-shrink:0;gap:6px;height:36px;padding:0 14px}.vd-chip-btn:hover{background:var(--surface-3);text-decoration:none}.vd-chip-btn.on{background:var(--text);color:#fff}.vd-chip-btn.danger{color:var(--danger)}.vd-desc{background:var(--surface-2);border-radius:var(--r-lg);cursor:pointer;margin-top:12px;padding:12px 14px}.vd-desc.open{cursor:default}.vd-desc:not(.open):hover{background:var(--surface-3)}.vd-desc-stats{font-size:14px;margin-bottom:4px}.vd-desc-text{white-space:pre-wrap;word-break:break-word}.vd-desc:not(.open) .vd-desc-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.vd-side{grid-area:side;min-width:0}.vd-side-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.vd-side-empty{padding:8px 0}.vd-switch{align-items:center;color:var(--muted);cursor:pointer;display:inline-flex;font-size:13px;gap:8px}.vd-switch input{opacity:0;pointer-events:none;position:absolute}.vd-switch i{background:var(--border-strong);border-radius:10px;height:20px;position:relative;transition:background .15s;width:36px}.vd-switch i:after{background:#fff;border-radius:50%;box-shadow:var(--sh-sm);content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .15s var(--ease);width:16px}.vd-switch input:checked+i{background:var(--text)}.vd-switch input:checked+i:after{transform:translateX(16px)}.vd-switch input:focus-visible+i{box-shadow:var(--ring)}.vd-comments{grid-area:comments;margin-top:24px;min-width:0}.vd-comments h3{font-size:18px;margin-bottom:16px}.vd-comment-form{display:flex;gap:14px;margin-bottom:24px}.vd-comment-input{flex:1 1;min-width:0}.vd-comment-input textarea{background:none;border:0;border-bottom:1px solid var(--border-strong);line-height:1.45;outline:none;padding:6px 0;resize:none;width:100%}.vd-comment-input textarea:focus{border-bottom:2px solid var(--text)}.vd-comment-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.vd-comment-actions .btn{border-radius:var(--r-full)}.vd-comment{display:flex;gap:14px;margin-bottom:20px}.vd-comment-body{flex:1 1;min-width:0}.vd-comment-head{align-items:center;display:flex;font-size:13px;gap:8px}.vd-comment-head .vd-badge{margin-left:0}.vd-comment-body p{margin-top:2px;white-space:pre-wrap;word-break:break-word}.vd-comment .icon-button{opacity:0}.vd-comment:hover .icon-button{opacity:1}@media (hover:none){.vd-comment .icon-button{opacity:1}}.vd-drop{align-items:center;border:2px dashed var(--border-strong);border-radius:var(--r-xl);display:flex;flex-direction:column;gap:10px;padding:48px 24px;text-align:center;transition:border-color .15s,background .15s}.vd-drop.dragging{background:var(--primary-soft);border-color:var(--primary)}.vd-drop-icon{background:var(--surface-2);border-radius:50%;color:var(--muted);display:grid;height:96px;margin-bottom:8px;place-items:center;width:96px}.vd-drop .btn{border-radius:var(--r-full);margin-top:8px}.vd-upload{grid-gap:20px;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 260px}.vd-upload-side{display:flex;flex-direction:column;gap:10px}.vd-upload-preview{aspect-ratio:16/9;background:#000;border-radius:var(--r-md);width:100%}.vd-upload-file{font-size:13px;word-break:break-all}.vd-upload-status{align-items:center;color:var(--muted);display:flex;flex:1 1;font-size:13px}.vd-upload-status span{align-items:center;display:inline-flex;gap:6px}.vd-bar{background:var(--surface-3);border-radius:4px;height:4px;overflow:hidden}.vd-bar span{background:var(--primary);display:block;height:100%;transition:width .3s var(--ease)}.vd-form{display:flex;flex-direction:column;gap:16px;min-width:0}.vd-thumb-pick{display:flex;flex-wrap:wrap;gap:8px}.vd-thumb-opt{aspect-ratio:16/9;background:var(--surface-2);border:2px solid #0000;border-radius:var(--r-md);overflow:hidden;padding:0;width:120px}.vd-thumb-opt img{display:block;height:100%;object-fit:cover;width:100%}.vd-thumb-opt.active{border-color:var(--primary);box-shadow:var(--ring)}.vd-thumb-upload{align-items:center;border:1px dashed var(--border-strong);color:var(--muted);display:flex;flex-direction:column;font-size:12px;gap:4px;justify-content:center}.vd-visibility{grid-gap:8px;display:grid;gap:8px}.vd-vis-opt{align-items:center;border:1px solid var(--border-strong);border-radius:var(--r-md);cursor:pointer;display:flex;gap:12px;padding:10px 12px}.vd-vis-opt input{opacity:0;pointer-events:none;position:absolute}.vd-vis-opt span{display:flex;flex-direction:column}.vd-vis-opt small{color:var(--muted);font-size:12.5px}.vd-vis-opt.active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.vd-vis-opt.active small{color:var(--text-2)}.vd-vis-opt:focus-within{box-shadow:var(--ring)}.vd-results-head{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.vd-results-head .vd-results-title{margin:0}.vd-search-modes{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-full);display:inline-flex;gap:2px;margin:0 0 12px;padding:3px}.vd-search-modes button{background:#0000;border:0;border-radius:var(--r-full);color:var(--muted);cursor:pointer;font-weight:650;min-width:88px;padding:7px 14px}.vd-search-modes button.active{background:var(--surface);box-shadow:0 1px 3px #0002;color:var(--text)}.vd-web-search{align-items:center;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-full);color:var(--muted);display:flex;gap:8px;margin:0 0 24px;max-width:760px;padding:4px 4px 4px 14px}.vd-web-search:focus-within{border-color:var(--primary);box-shadow:var(--ring)}.vd-web-search input{background:none;border:0;color:var(--text);flex:1 1;height:36px;min-width:0;outline:none}.vd-web-search select{background:var(--surface-2);border:0;border-radius:var(--r-full);color:var(--text);height:32px;padding:0 10px}.vd-web-search .btn{height:36px}.vd-duration.vd-live{background:#c00}.vd-web-channel{cursor:default}.vd-web-badge{text-transform:none}.vd-web-results{grid-gap:0;display:grid;gap:0;max-width:820px}.vd-web-result{border-bottom:1px solid var(--border);padding:16px 0}.vd-web-result-title{color:var(--primary);display:block;font-size:17px;font-weight:650;text-decoration:none;width:fit-content}.vd-web-result-title:hover{text-decoration:underline}.vd-web-result-url{color:var(--muted);display:block;font-size:12px;margin-top:3px;text-decoration:none;width:fit-content}.vd-web-result p{color:var(--text-2);line-height:1.5;margin:6px 0 0;max-width:760px}.vd-web-result small{color:var(--muted);display:block;margin-top:5px}.vd-page-actions{align-items:center;display:flex;gap:8px}.vd-web-select{align-items:center;color:var(--muted);display:flex;font-size:12px;gap:7px;margin:0 0 6px}.vd-web-select input{accent-color:var(--primary);height:16px;width:16px}.vd-selection-bar{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-sm);display:flex;gap:12px;justify-content:space-between;margin-bottom:16px;padding:10px 12px;position:sticky;top:0;z-index:5}.vd-reader-page{max-width:1000px}.vd-reader{background:var(--surface);margin:12px auto;max-width:760px;padding:32px clamp(16px,5vw,64px)}.vd-reader-source{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.vd-reader h1{font-size:30px;line-height:1.2;margin:10px 0 14px}.vd-reader-description{color:var(--text-2);font-size:17px;line-height:1.55;margin-bottom:22px}.vd-reader pre{color:var(--text);font:inherit;line-height:1.75;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.vd-reader-links{grid-gap:8px;border-top:1px solid var(--border);display:grid;gap:8px;margin-top:32px;padding-top:18px}.vd-reader-links h2{font-size:17px}.vd-reader-links a{border-bottom:1px solid var(--border);color:var(--primary);display:flex;gap:12px;justify-content:space-between;padding:9px 0}.vd-reader-links a span{overflow-wrap:anywhere}.vd-reader-links small{color:var(--muted);flex-shrink:0}.vd-playlist-create{align-items:end;display:flex;gap:10px;margin-top:18px}.vd-playlist-create .field{flex:1 1;min-width:0}.vd-playlist-create-page{margin:8px 0 22px;max-width:620px}.vd-playlists{max-width:760px}.vd-playlist-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:10px 4px}.vd-playlist-open,.vd-playlist-row{align-items:center;display:flex;gap:12px}.vd-playlist-open{background:none;border:0;flex:1 1;min-width:0;padding:6px;text-align:left}.vd-playlist-open span{grid-gap:3px;display:grid;gap:3px;min-width:0}.vd-playlist-open strong{overflow-wrap:anywhere}.vd-playlist-open small{color:var(--muted)}.vd-playlist-open:hover{color:var(--primary)}.vd-player-off{align-items:center;border:0;color:#fff;display:flex;flex-direction:column;gap:12px;justify-content:center}iframe.vd-player{border:0}.vd-side-tabs{gap:20px;margin-bottom:8px}.vd-side-tabs button{background:none;border:0;border-bottom:2px solid #0000;color:var(--muted);font-weight:650;padding:8px 2px}.vd-side-tabs button.active{border-bottom-color:var(--text);color:var(--text)}.vd-transcript-tools{align-items:center;display:flex;gap:10px;margin-bottom:8px}.vd-transcript-tools input{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-full);color:var(--text);flex:1 1;height:34px;min-width:0;outline:none;padding:0 12px}.vd-transcript-tools input:focus{border-color:var(--primary)}.vd-transcript-lines{list-style:none;margin:0;max-height:calc(100dvh - 220px);overflow-y:auto;padding:0}.vd-transcript-lines li button{background:none;border:0;border-radius:var(--r-md);color:var(--text);display:flex;gap:12px;line-height:1.45;padding:6px 8px;text-align:left;width:100%}.vd-transcript-lines li button:hover{background:var(--surface-2)}.vd-transcript-lines li p{margin:0;padding:6px 8px}.vd-ts{font-feature-settings:"tnum";color:var(--primary);flex-shrink:0;font-size:12.5px;font-variant-numeric:tabular-nums;font-weight:600;min-width:44px;padding-top:1px}@media (max-width:1100px){.vd-watch{grid-template-areas:"player" "info" "side" "comments";grid-template-columns:minmax(0,1fr)}.vd-side{margin-top:24px}.vd-card-compact{grid-template-columns:200px minmax(0,1fr)}}@media (max-width:768px){.vd-page{padding:12px 0 32px}.vd-page-head,.vd-page-title,.vd-results-title,.vd-shelf-empty,.vd-shelf-head,.vd-sub-strip,.vd-tabs,.vd-you-head{padding-left:12px;padding-right:12px}.vd-grid{gap:20px;grid-template-columns:minmax(0,1fr)}.vd-card-grid .vd-thumb{border-radius:0}.vd-card-grid .vd-meta{padding:10px 12px 0}.vd-card-compact,.vd-card-row{gap:10px;grid-template-columns:160px minmax(0,1fr);padding:0 12px}.vd-card-row .vd-title{font-size:14px}.vd-card-row .vd-thumb{border-radius:var(--r-md)}.vd-shelf-row{grid-auto-columns:200px;padding:0 12px 8px;scroll-padding:12px}.vd-you-head h1{font-size:22px}.vd-banner{border-radius:0}.vd-channel-head{flex-direction:column;gap:8px;margin-top:-40px;padding:0 12px 16px;text-align:center}.vd-channel-avatar{border:4px solid var(--surface);height:88px!important;width:88px!important}.vd-channel-info h1{font-size:24px}.vd-channel-actions{justify-content:center}.vd-chips{padding:8px 12px}.vd-chips-end .btn span{display:none}.vd-watch{padding:0 0 32px}.vd-player-wrap{position:sticky;top:0;z-index:5}.vd-player,.vd-upnext-overlay{border-radius:0;max-height:40vh}.vd-comments,.vd-info,.vd-side{padding:0 12px}.vd-watch-title{font-size:17px;margin-top:10px}.vd-actions-row{align-items:stretch;flex-direction:column}.vd-owner{justify-content:space-between}.vd-owner-text{flex:1 1}.vd-actions{margin:0 -12px;padding:0 12px}.vd-card-compact{padding:0}.vd-comment-input textarea{font-size:16px}.vd-upload{grid-template-columns:minmax(0,1fr)}.vd-upload-side{order:-1}.vd-search input{font-size:16px}.vd-results-head{padding:0 12px}.vd-web-search{margin:0 12px 16px}.vd-transcript-tools input,.vd-web-search input{font-size:16px}.vd-web-search .btn span,.vd-web-search select{display:none}.vd-web-search .btn{padding:0 10px}.vd-reader{padding:20px 12px}.vd-reader h1{font-size:24px}.vd-reader-links a{align-items:flex-start;flex-direction:column;gap:3px}.vd-playlist-create{align-items:stretch}.vd-transcript-lines{max-height:none}}
/*# sourceMappingURL=main.62d6eb2c.css.map*/