:root{--surface:#f7f9fb;--surface-dim:#cfdce3;--surface-bright:#f7f9fb;--surface-container:#e8eff3;--surface-container-high:#e1e9ee;--surface-container-highest:#d9e4ea;--surface-container-low:#f0f4f7;--surface-container-lowest:#ffffff;--primary:#0F172A;--primary-dim:#1e293b;--primary-container:#dae2fd;--on-primary:#f7f7ff;--on-primary-container:#4a5167;--secondary:#64748B;--secondary-container:#d3e4fe;--on-secondary:#f7f9ff;--on-surface:#2a3439;--on-surface-variant:#566166;--on-background:#2a3439;--outline:#717c82;--outline-variant:#a9b4b9;--error:#9f403d;--error-container:#fe8983;--on-error:#fff7f6;--success:#2d7d46;--success-bg:#e8f5e9;--warning:#e67e22;--warning-bg:#fff3e0;--neutral-bg:#F8FAFC;--shadow-cloud:0 20px 40px rgba(42,52,57,0.06);--shadow-sm:0 2px 8px rgba(42,52,57,0.04);--shadow-hover:0 8px 24px rgba(42,52,57,0.08);--ghost-border:rgba(169,180,185,0.15);--focus-border:rgba(86,94,116,0.2);--font-display:'Manrope',sans-serif;--font-body:'Inter',sans-serif;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:0.25rem;--radius-default:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--ease:cubic-bezier(0.16,1,0.3,1);--duration:200ms;--sidebar-width:260px;--toolbar-height:64px;}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}body{font-family:var(--font-body);color:var(--on-surface);background:var(--surface);line-height:1.6;overflow-x:hidden;}a{color:var(--primary);text-decoration:none;transition:color var(--duration) var(--ease);}a:hover{color:var(--primary-dim);}button{cursor:pointer;border:none;background:none;font-family:var(--font-body);font-size:inherit;color:inherit;}input{font-family:var(--font-body);font-size:inherit;color:var(--on-surface);border:none;outline:none;background:transparent;}.login-page{min-height:100vh;background:var(--surface);overflow:hidden;}.bg-pattern{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;}.bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.4;animation:orbFloat 20s ease-in-out infinite;}.bg-orb--1{width:500px;height:500px;background:var(--primary-container);top:-100px;right:-100px;animation-delay:0s;}.bg-orb--2{width:400px;height:400px;background:var(--secondary-container);bottom:-80px;left:-80px;animation-delay:-7s;}.bg-orb--3{width:300px;height:300px;background:rgba(223,213,247,0.5);top:40%;left:30%;animation-delay:-14s;}@keyframes orbFloat{0%,100%{transform:translate(0,0) scale(1);}25%{transform:translate(30px,-40px) scale(1.05);}50%{transform:translate(-20px,20px) scale(0.95);}75%{transform:translate(15px,30px) scale(1.02);}}.login-layout{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.2fr;min-height:100vh;}.login-branding{display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-12) var(--space-16);background:transparent;}.branding-content{display:flex;justify-content:space-between;align-items:center;}.brand-logo{display:flex;align-items:center;gap:var(--space-3);}.brand-icon{font-size:28px;color:var(--primary);}.brand-name{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--primary);letter-spacing:-0.02em;}.brand-links{display:flex;gap:var(--space-6);}.brand-links a{color:var(--on-surface-variant);font-size:0.875rem;font-weight:500;}.brand-links a:hover{color:var(--primary);}.branding-hero{padding-left:var(--space-8);}.hero-title{font-family:var(--font-display);font-size:4.5rem;font-weight:800;line-height:1.05;color:var(--primary);letter-spacing:-0.03em;margin-bottom:var(--space-6);}.hero-subtitle{font-size:1.125rem;color:var(--on-surface-variant);max-width:360px;line-height:1.7;}.hero-version{display:inline-block;margin-top:var(--space-4);padding:var(--space-1) var(--space-3);background:var(--surface-container);color:var(--on-surface-variant);border-radius:var(--radius-sm);font-size:0.75rem;font-weight:600;letter-spacing:0.05em;}.branding-footer{display:flex;gap:var(--space-4);align-items:center;padding-left:var(--space-8);}.branding-footer a{color:var(--outline);font-size:0.8125rem;}.footer-dot{color:var(--outline-variant);}.login-form-container{display:flex;align-items:center;justify-content:center;padding:var(--space-12);}.login-card{width:100%;max-width:480px;background:var(--surface-container-lowest);border-radius:var(--radius-2xl);padding:var(--space-12) var(--space-10);box-shadow:var(--shadow-cloud);animation:cardSlideIn 0.6s var(--ease) forwards;opacity:0;transform:translateY(20px);}@keyframes cardSlideIn{to{opacity:1;transform:translateY(0);}}.card-header{margin-bottom:var(--space-8);}.card-title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--on-surface);letter-spacing:-0.02em;}.card-desc{color:var(--on-surface-variant);font-size:0.9375rem;margin-top:var(--space-2);}.protocol-toggle{display:grid;grid-template-columns:1fr 1fr;position:relative;background:var(--surface-container-low);border-radius:var(--radius-md);padding:4px;margin-bottom:var(--space-8);}.toggle-btn{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-default);font-size:0.875rem;font-weight:600;color:var(--on-surface-variant);transition:all var(--duration) var(--ease);}.toggle-btn .material-icons-outlined{font-size:18px;}.toggle-btn.active{color:var(--on-primary);}.toggle-indicator{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:linear-gradient(135deg,var(--primary),var(--primary-dim));border-radius:var(--radius-default);transition:transform var(--duration) var(--ease);box-shadow:0 2px 6px rgba(15,23,42,0.2);}.form-row{display:grid;grid-template-columns:1fr 120px;gap:var(--space-4);}.form-group{margin-bottom:var(--space-5);}.form-group label{display:block;font-size:0.8125rem;font-weight:600;color:var(--on-surface-variant);margin-bottom:var(--space-2);letter-spacing:0.01em;}.input-wrap{display:flex;align-items:center;background:var(--surface-container-low);border-radius:var(--radius-default);padding:0 var(--space-4);transition:all var(--duration) var(--ease);border:1.5px solid transparent;}.input-wrap:focus-within{background:var(--surface-container-highest);border-color:var(--focus-border);box-shadow:0 0 0 3px rgba(15,23,42,0.05);}.input-icon{font-size:20px;color:var(--outline);margin-right:var(--space-3);flex-shrink:0;}.input-wrap input{width:100%;padding:var(--space-3) 0;font-size:0.9375rem;}.input-wrap input::placeholder{color:var(--outline-variant);}.password-toggle{padding:var(--space-2);color:var(--outline);border-radius:var(--radius-sm);transition:all var(--duration) var(--ease);flex-shrink:0;}.password-toggle:hover{color:var(--primary);background:var(--surface-container);}.password-toggle .material-icons-outlined{font-size:20px;}.form-error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:rgba(159,64,61,0.08);color:var(--error);border-radius:var(--radius-default);font-size:0.875rem;margin-bottom:var(--space-5);animation:shakeX 0.4s var(--ease);}.form-error .material-icons-outlined{font-size:20px;flex-shrink:0;}@keyframes shakeX{0%,100%{transform:translateX(0);}20%{transform:translateX(-6px);}40%{transform:translateX(6px);}60%{transform:translateX(-4px);}80%{transform:translateX(4px);}}.btn-primary{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,var(--primary),var(--primary-dim));color:var(--on-primary);border-radius:var(--radius-md);font-size:0.9375rem;font-weight:600;transition:all var(--duration) var(--ease);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 2px 6px rgba(15,23,42,0.2);position:relative;overflow:hidden;}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 4px 12px rgba(15,23,42,0.25);}.btn-primary:active:not(:disabled){transform:translateY(0);}.btn-primary:disabled{opacity:0.7;cursor:not-allowed;}.btn-primary--sm{width:auto;padding:var(--space-3) var(--space-6);font-size:0.875rem;}.btn-loader{display:inline-flex;align-items:center;gap:var(--space-3);}.spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:50%;animation:spin 0.6s linear infinite;}@keyframes spin{to{transform:rotate(360deg);}}.card-footer{margin-top:var(--space-8);text-align:center;}.security-badge{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--outline);font-size:0.8125rem;padding:var(--space-2) var(--space-4);background:var(--surface-container-low);border-radius:var(--radius-2xl);}.security-badge .material-icons-outlined{font-size:16px;color:var(--success);}.explorer-page{display:flex;min-height:100vh;background:var(--surface);}.sidebar{width:var(--sidebar-width);background:var(--surface-container-lowest);display:flex;flex-direction:column;border-right:1px solid var(--ghost-border);position:fixed;top:0;left:0;height:100vh;z-index:100;}.sidebar-header{padding:var(--space-6) var(--space-6) var(--space-4);display:flex;justify-content:space-between;align-items:center;}.brand-logo--sm .brand-icon{font-size:24px;}.brand-logo--sm .brand-name{font-size:1rem;}.sidebar-version{font-size:0.6875rem;color:var(--outline);background:var(--surface-container);padding:2px 8px;border-radius:var(--radius-sm);font-weight:600;}.sidebar-nav{flex:1;padding:var(--space-4) var(--space-3);overflow-y:auto;}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--on-surface-variant);font-size:0.875rem;font-weight:500;transition:all var(--duration) var(--ease);margin-bottom:var(--space-1);}.nav-item:hover{background:var(--surface-container-low);color:var(--on-surface);}.nav-item.active{background:var(--primary);color:var(--on-primary);}.nav-item .material-icons-outlined{font-size:20px;}.sidebar-footer{padding:var(--space-4) var(--space-4);border-top:1px solid var(--ghost-border);}.connection-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-container-low);border-radius:var(--radius-md);margin-bottom:var(--space-3);}.connection-info .material-icons-outlined{font-size:20px;color:var(--success);}.conn-details{display:flex;flex-direction:column;}.conn-host{font-size:0.8125rem;font-weight:600;color:var(--on-surface);}.conn-protocol{font-size:0.6875rem;font-weight:600;color:var(--outline);text-transform:uppercase;letter-spacing:0.05em;}.btn-disconnect{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3);color:var(--error);border-radius:var(--radius-md);font-size:0.8125rem;font-weight:600;transition:all var(--duration) var(--ease);}.btn-disconnect:hover{background:rgba(159,64,61,0.08);}.btn-disconnect .material-icons-outlined{font-size:18px;}.main-content{margin-left:var(--sidebar-width);flex:1;display:flex;flex-direction:column;min-height:100vh;}.toolbar{display:flex;align-items:center;justify-content:space-between;height:var(--toolbar-height);padding:0 var(--space-6);background:var(--surface-container-lowest);border-bottom:1px solid var(--ghost-border);position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);}.toolbar-left{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0;}.toolbar-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;}.toolbar-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-default);color:var(--on-surface-variant);font-size:0.8125rem;font-weight:500;transition:all var(--duration) var(--ease);}.toolbar-btn:hover:not(:disabled){background:var(--surface-container);color:var(--on-surface);}.toolbar-btn:disabled{opacity:0.4;cursor:not-allowed;}.toolbar-btn .material-icons-outlined{font-size:20px;}.toolbar-btn--accent{color:var(--primary);}.toolbar-btn--accent:hover:not(:disabled){background:var(--primary-container);color:var(--primary);}.toolbar-btn-label{display:inline;}.breadcrumb{display:flex;align-items:center;gap:0;font-size:0.875rem;overflow-x:auto;white-space:nowrap;scrollbar-width:none;}.breadcrumb::-webkit-scrollbar{display:none;}.breadcrumb-item{color:var(--on-surface-variant);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all var(--duration) var(--ease);font-weight:500;}.breadcrumb-item:hover{background:var(--surface-container);color:var(--on-surface);}.breadcrumb-item:last-child{color:var(--on-surface);font-weight:600;}.breadcrumb-sep{color:var(--outline-variant);margin:0 2px;font-size:14px;user-select:none;}.explorer-body{flex:1;padding:var(--space-6);overflow-y:auto;}.file-list-header{display:grid;grid-template-columns:1fr 120px 160px 120px;padding:var(--space-2) var(--space-4);font-size:0.75rem;font-weight:600;color:var(--outline);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--space-2);}.file-list{display:flex;flex-direction:column;gap:2px;}.file-item{display:grid;grid-template-columns:1fr 120px 160px 120px;align-items:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);transition:all var(--duration) var(--ease);cursor:pointer;user-select:none;}.file-item:hover{background:var(--surface-container-low);}.file-item:active{background:var(--surface-container);}.file-item--selected{background:var(--surface-container-high);}.file-info{display:flex;align-items:center;gap:var(--space-3);min-width:0;}.file-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0;}.file-icon--dir{background:#FFF3E0;color:#E65100;}.file-icon--file{background:var(--surface-container-high);color:var(--on-surface-variant);}.file-icon--image{background:#E8F5E9;color:#2E7D32;}.file-icon--code{background:#E3F2FD;color:#1565C0;}.file-icon--pdf{background:#FFEBEE;color:#C62828;}.file-icon--archive{background:#F3E5F5;color:#7B1FA2;}.file-icon .material-icons-outlined{font-size:22px;}.file-name-group{min-width:0;}.file-name{font-size:0.875rem;font-weight:600;color:var(--on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.file-type-label{font-size:0.75rem;color:var(--outline);margin-top:1px;}.file-size,.file-modified{font-size:0.8125rem;color:var(--on-surface-variant);}.file-actions{display:flex;gap:var(--space-1);opacity:0;transition:opacity var(--duration) var(--ease);}.file-item:hover .file-actions{opacity:1;}.file-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-default);color:var(--on-surface-variant);transition:all var(--duration) var(--ease);}.file-action-btn:hover{background:var(--surface-container-high);color:var(--on-surface);}.file-action-btn--danger:hover{background:rgba(159,64,61,0.1);color:var(--error);}.file-action-btn .material-icons-outlined{font-size:18px;}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-20) var(--space-8);color:var(--outline);}.empty-icon{font-size:64px;opacity:0.3;margin-bottom:var(--space-4);}.empty-state p{font-size:0.9375rem;}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-20) var(--space-8);color:var(--outline);}.loading-spinner{width:40px;height:40px;border:3px solid var(--surface-container-high);border-top-color:var(--primary);border-radius:50%;animation:spin 0.8s linear infinite;margin-bottom:var(--space-4);}.loading-state p{font-size:0.875rem;}.editor-overlay{position:fixed;top:0;right:0;width:0;height:100vh;z-index:200;transition:width 0.4s var(--ease);overflow:hidden;}.editor-overlay.open{width:60%;box-shadow:-10px 0 40px rgba(42,52,57,0.1);}.editor-panel{width:100%;height:100%;background:var(--surface-container-lowest);display:flex;flex-direction:column;}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--ghost-border);background:var(--surface-container-lowest);}.editor-title{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-weight:600;font-size:1rem;color:var(--on-surface);}.editor-title .material-icons-outlined{font-size:20px;color:var(--primary);}.editor-badge{padding:2px 10px;background:var(--primary-container);color:var(--on-primary-container);border-radius:var(--radius-2xl);font-size:0.6875rem;font-weight:600;font-family:var(--font-body);}.editor-actions{display:flex;align-items:center;gap:var(--space-2);}.btn-editor{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-default);font-size:0.8125rem;font-weight:600;transition:all var(--duration) var(--ease);}.btn-editor .material-icons-outlined{font-size:18px;}.btn-editor--save{background:linear-gradient(135deg,var(--primary),var(--primary-dim));color:var(--on-primary);box-shadow:0 2px 6px rgba(15,23,42,0.2);}.btn-editor--save:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(15,23,42,0.25);}.btn-editor--close{color:var(--on-surface-variant);padding:var(--space-2);}.btn-editor--close:hover{background:var(--surface-container);color:var(--on-surface);}.editor-body{flex:1;overflow:hidden;}.editor-body .CodeMirror{height:100% !important;font-size:14px;font-family:'Fira Code','Consolas',monospace;}.context-menu{position:fixed;z-index:300;background:var(--surface-container-lowest);border-radius:var(--radius-lg);padding:var(--space-2);min-width:180px;box-shadow:var(--shadow-cloud),0 0 0 1px var(--ghost-border);backdrop-filter:blur(24px);animation:ctxPopIn 0.15s var(--ease);}@keyframes ctxPopIn{from{opacity:0;transform:scale(0.95) translateY(-4px);}to{opacity:1;transform:scale(1) translateY(0);}}.ctx-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-default);font-size:0.8125rem;font-weight:500;color:var(--on-surface);transition:all var(--duration) var(--ease);}.ctx-item:hover{background:var(--surface-container-low);}.ctx-item .material-icons-outlined{font-size:18px;color:var(--on-surface-variant);}.ctx-item--danger{color:var(--error);}.ctx-item--danger .material-icons-outlined{color:var(--error);}.ctx-item--danger:hover{background:rgba(159,64,61,0.08);}.ctx-separator{height:1px;background:var(--ghost-border);margin:var(--space-1) var(--space-3);}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(42,52,57,0.3);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:400;animation:fadeIn 0.2s var(--ease);}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.modal{background:var(--surface-container-lowest);border-radius:var(--radius-xl);padding:var(--space-8);width:90%;max-width:420px;box-shadow:var(--shadow-cloud);animation:modalSlideIn 0.3s var(--ease);}@keyframes modalSlideIn{from{opacity:0;transform:scale(0.95) translateY(10px);}to{opacity:1;transform:scale(1) translateY(0);}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);}.modal-header h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--on-surface);}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-default);color:var(--on-surface-variant);transition:all var(--duration) var(--ease);}.modal-close:hover{background:var(--surface-container);}.modal-close .material-icons-outlined{font-size:20px;}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);}.btn-secondary{padding:var(--space-3) var(--space-6);background:var(--surface-container-high);color:var(--on-surface);border-radius:var(--radius-md);font-size:0.875rem;font-weight:600;transition:all var(--duration) var(--ease);}.btn-secondary:hover{background:var(--surface-container-highest);}.btn-danger{padding:var(--space-3) var(--space-6);background:var(--error);color:var(--on-error);border-radius:var(--radius-md);font-size:0.875rem;font-weight:600;transition:all var(--duration) var(--ease);box-shadow:0 2px 6px rgba(159,64,61,0.25);}.btn-danger:hover{opacity:0.9;transform:translateY(-1px);}.toast-container{position:fixed;top:var(--space-6);right:var(--space-6);z-index:500;display:flex;flex-direction:column;gap:var(--space-3);}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--surface-container-lowest);border-radius:var(--radius-lg);box-shadow:var(--shadow-cloud),0 0 0 1px var(--ghost-border);font-size:0.875rem;font-weight:500;animation:toastSlideIn 0.4s var(--ease);max-width:380px;backdrop-filter:blur(12px);}@keyframes toastSlideIn{from{opacity:0;transform:translateX(20px);}to{opacity:1;transform:translateX(0);}}.toast--success .material-icons-outlined{color:var(--success);}.toast--error .material-icons-outlined{color:var(--error);}.toast--info .material-icons-outlined{color:var(--primary);}.toast .material-icons-outlined{font-size:20px;flex-shrink:0;}.toast-hiding{animation:toastSlideOut 0.3s var(--ease) forwards;}@keyframes toastSlideOut{to{opacity:0;transform:translateX(20px);}}@media (max-width:1024px){.login-layout{grid-template-columns:1fr;}.login-branding{display:none;}.login-form-container{padding:var(--space-6);}.toolbar-btn-label{display:none;}.editor-overlay.open{width:100%;}.file-list-header,.file-item{grid-template-columns:1fr 100px 60px;}.fh-modified,.file-modified{display:none;}}@media (max-width:768px){:root{--sidebar-width:0px;}.sidebar{transform:translateX(-100%);transition:transform 0.3s var(--ease);}.sidebar.open{transform:translateX(0);width:260px;}.main-content{margin-left:0;}.file-list-header,.file-item{grid-template-columns:1fr 60px;}.fh-size,.file-size,.fh-modified,.file-modified{display:none;}.file-actions{opacity:1;}}.rename-input{padding:var(--space-1) var(--space-2);font-size:0.875rem;font-weight:600;color:var(--on-surface);background:var(--surface-container-lowest);border:1.5px solid var(--primary);border-radius:var(--radius-sm);outline:none;min-width:150px;}::-webkit-scrollbar{width:6px;height:6px;}::-webkit-scrollbar-track{background:transparent;}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:3px;}::-webkit-scrollbar-thumb:hover{background:var(--outline);}