:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#0f172a;background:#f3f5f9;font-synthesis:none;--bg: #f3f5f9;--surface: #ffffff;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--primary: #2563eb;--primary-hover: #1d4ed8;--hover: #f1f5f9;--selected: rgba(37, 99, 235, .08);--input: #ffffff;--color-folder: #2563eb;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select{font:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:inherit;border:0;background:none;transition:background-color .1s ease,color .1s ease,border-color .1s ease}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:hover{background:var(--hover)}input,select{color:var(--text)}button svg{flex-shrink:0}p{line-height:1.65}h1,h2,h3,p{margin-top:0}h1{font-size:30px;font-weight:600;letter-spacing:-1px;margin-bottom:0}h2{font-size:21px;font-weight:600}svg{stroke-width:1.7}input[type=checkbox]{accent-color:var(--primary);width:15px;height:15px;cursor:pointer;margin:0;flex-shrink:0}.app-shell{height:100dvh;display:grid;grid-template-columns:246px minmax(0,1fr);grid-template-rows:88px minmax(0,1fr)}.topbar{grid-column:1/-1;display:flex;align-items:center;gap:32px;padding:0 28px}.brand{display:flex;align-items:center;gap:12px;width:216px;flex-shrink:0;font-size:21px;font-weight:650;letter-spacing:-.7px}.brand-light{font-weight:400}.brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 4px 14px #2563eb59;color:#fff;display:grid;place-items:center}.search-box{max-width:680px;flex:1;display:flex;align-items:center;gap:13px;background:var(--input);border:1px solid var(--border);border-radius:14px;padding:0 16px;height:46px;color:var(--muted);transition:all .2s ease}.search-box:focus-within{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 3px #2563eb2e;color:var(--text)}.search-box input{border:0;outline:0;background:none;min-width:0;flex:1;font-size:14px;color:var(--text)}.search-hint{font-size:11px;border:1px solid var(--border);border-radius:6px;padding:4px 6px;white-space:nowrap}.search-scope-pill{background:var(--hover);border:1px solid var(--border);border-radius:6px;font-size:11px;font-weight:500;padding:4px 10px;color:var(--muted);cursor:pointer;white-space:nowrap;transition:all .15s ease;-webkit-user-select:none;user-select:none}.search-scope-pill:hover{color:var(--text);background:var(--selected)}.search-scope-pill.active{background:var(--primary, #2563eb);color:#fff;border-color:var(--primary, #2563eb);box-shadow:0 2px 6px #2563eb4d}.header-right{margin-left:auto;display:flex;align-items:center;gap:18px}.encrypted-badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:500;color:#10b981;background:#10b98114;border:1px solid rgba(16,185,129,.2);padding:4px 10px;border-radius:9999px;letter-spacing:.1px}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:13px;font-weight:600;box-shadow:0 2px 8px #6366f14d;display:grid;place-items:center}.icon-button{width:34px;height:34px;padding:6px;border-radius:8px;flex-shrink:0;transition:background-color .1s ease,color .1s ease}.icon-button:hover{background:var(--hover)}.theme-toggle-btn{color:var(--muted)}.theme-toggle-btn:hover{color:var(--text)}[data-theme=dark] .theme-toggle-btn:hover{color:#fbbf24}[data-theme=light] .theme-toggle-btn:hover{color:#3b82f6}.sidebar{padding:8px 18px 22px 20px;display:flex;flex-direction:column}.new-button{border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 1px 3px #0000000d;justify-content:flex-start;width:122px;height:44px;font-size:13.5px;font-weight:550;padding:0 16px;margin:0 0 18px 4px;transition:border-color .12s ease,background-color .12s ease,color .12s ease;color:var(--text);gap:9px}.new-button:hover{border-color:var(--primary);color:var(--primary);background:var(--hover)}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button{height:44px;justify-content:flex-start;border-radius:10px;padding:0 16px;color:var(--muted);font-size:13px;font-weight:500;transition:all .16s ease}.sidebar nav button:hover{color:var(--text);background:var(--hover)}.sidebar nav button.nav-active{color:var(--primary);background:var(--selected);font-weight:600}.nav-count{margin-left:auto}.sidebar-bottom{margin-top:auto;padding:18px 10px 0}.storage-status{display:flex;align-items:center;gap:7px;font-size:11px;margin:23px 3px 13px;color:var(--muted)}.status-dot{width:7px;height:7px;border-radius:50%;background:#f59e0b}.status-dot.online{background:#10b981;box-shadow:0 0 8px #10b98166;animation:pulse-dot 3s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.75}}.sidebar-version{font-size:10px;color:var(--muted);margin-left:3px}.main-content{margin:0 24px 24px 0;background:var(--surface);border:1px solid var(--border);border-radius:18px;min-width:0;overflow:hidden;padding:28px 28px 0;display:flex;flex-direction:column;box-shadow:0 4px 24px -2px #0000000a}.page-heading{display:flex;justify-content:flex-end;align-items:center;margin-bottom:12px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:var(--muted);margin-bottom:9px}.primary,.secondary,.destructive{border-radius:10px;padding:9px 16px;font-size:12.5px;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1)}.primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px #2563eb47}.primary:hover{background:var(--primary-hover, #1d4ed8)}.secondary{border:1px solid var(--border);background:var(--surface);color:var(--text)}.secondary:hover{background:var(--hover);border-color:#2563eb4d}.destructive{background:#ef4444;color:#fff;box-shadow:0 2px 8px #ef444440}.destructive:hover{background:#dc2626}.upload-button{padding:11px 15px}.toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:19px;gap:10px}.breadcrumbs{display:flex;align-items:center;gap:5px;min-width:0;overflow-x:auto}.breadcrumbs>button:not(.icon-button){font-size:12px;white-space:nowrap;padding:5px}.breadcrumbs>svg{flex-shrink:0;color:#a4adb9}.toolbar-divider{width:1px;height:17px;background:var(--border);margin:0 12px}.view-controls{display:flex;gap:13px;align-items:center}.view-switch{display:flex;border:1px solid var(--border);padding:3px;border-radius:7px}.view-switch button{width:31px;height:26px;border-radius:4px;color:var(--muted)}.view-switch .active{color:var(--primary);background:var(--selected)}.folder-summary{display:flex;justify-content:space-between;padding:19px 0 15px;font-size:11px;color:var(--muted)}.folder-summary>span:last-child{display:flex;align-items:center;gap:5px}.file-surface{min-height:0;flex:1;display:flex;flex-direction:column}.table-head,.file-row{display:grid;grid-template-columns:minmax(200px,1fr) 160px 110px 36px;align-items:center;gap:16px}.table-head{height:40px;border-bottom:1px solid var(--border);font-size:11.5px;color:var(--muted);flex-shrink:0}.table-head button{padding:0;justify-content:flex-start;font-size:11.5px;font-weight:550;color:var(--muted);gap:4px}.table-head button:hover{color:var(--text);background:none}.name-cell{display:flex;align-items:center;gap:14px;min-width:0;padding-left:6px}.name-cell span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.name-cell svg{width:20px;height:20px;flex-shrink:0;color:#98a5b5}.folder-icon{color:#3b82f6!important;fill:#3b82f626;stroke-width:1.4}.video-icon{color:#8b5cf6!important}.image-icon{color:#10b981!important}.text-icon{color:#0284c7!important}.archive-icon{color:#f59e0b!important}.audio-icon{color:#ec4899!important}.file-row{border-bottom:1px solid var(--border);font-size:12px;cursor:default;transition:background-color .14s ease,border-color .14s ease}.file-row:hover{background:var(--hover)}.file-row.selected{background:var(--selected);border-color:#2563eb40}.file-card.selected{background:var(--selected);border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.type-cell,.date-cell,.size-cell{color:var(--muted);font-size:11px}.file-scroll{flex:1;overflow:auto;min-height:150px}.more{color:var(--muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:330px;text-align:center;width:100%;padding:30px}.empty-art{position:relative;width:100px;height:92px;display:flex;align-items:center;justify-content:center;border-radius:28px;background:#2563eb14;margin-bottom:25px;color:var(--primary)}.empty-art>svg:last-child{position:absolute;right:6px;bottom:5px;background:var(--surface);border-radius:50%;padding:3px;color:var(--primary);box-shadow:0 2px 8px #0000001a;width:30px;height:30px}.empty-state h2{font-size:19px;letter-spacing:-.4px;margin-bottom:9px}.empty-state p{font-size:12px;color:var(--muted);margin-bottom:20px}.grid-scroll{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(210px,100%),1fr));grid-auto-rows:minmax(220px,max-content);gap:16px;align-content:start;padding-bottom:20px}.grid-scroll>.empty-state{grid-column:1/-1}.grid-load-more{grid-column:1 / -1;align-self:start}.file-card{min-width:0;min-height:220px;border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden;cursor:pointer;box-shadow:0 1px 2px #0000000a;transition:border-color .1s ease,background-color .1s ease,box-shadow .1s ease}.file-card:hover{border-color:var(--primary);background:var(--hover);box-shadow:0 3px 10px #00000014}.card-title{display:flex;align-items:center;gap:8px;padding:10px 12px}.card-title>svg{width:17px;flex-shrink:0}.card-title strong{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.card-preview{margin:0 10px;background:var(--bg);border-radius:6px;height:125px;display:grid;place-items:center}.card-preview svg{height:48px;width:48px;color:#98a5b5}.card-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding:13px}.selection-bar{display:flex;gap:18px;align-items:center;padding:11px 0;font-size:12px;min-height:49px;overflow-x:auto}.selection-bar button{white-space:nowrap;font-size:11px}.selection-bar strong{white-space:nowrap}.danger{color:#bd5c52!important}.error-banner,.error{color:#a74941;background:#fceeea;border-radius:8px;padding:12px 15px;font-size:12px}.error-banner{display:flex;align-items:center;gap:12px;margin-top:12px;animation:banner-slide-in .2s cubic-bezier(.16,1,.3,1) both}@keyframes banner-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.error-banner span{flex:1}.error-banner button{font-size:12px;text-decoration:underline}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0f172aa6;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:backdrop-in .18s ease-out both}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;width:470px;max-width:95vw;max-height:90dvh;overflow:auto;box-shadow:0 24px 60px -12px #00000047,0 0 0 1px var(--border);animation:modal-spring-in .24s cubic-bezier(.16,1,.3,1) both}@keyframes modal-spring-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal:has(.preview-body){width:1000px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.modal-head h2{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px}.modal p{font-size:13px}.modal label,.login-card label{font-size:12px;display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.modal input,.login-card input,.settings-card select{border:1px solid var(--border);background:var(--bg);border-radius:7px;padding:11px 13px;width:100%}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.muted{color:var(--muted);font-size:12px}.new-options{display:flex;flex-direction:column;gap:10px}.new-options button{justify-content:flex-start;padding:16px;border:1px solid var(--border);border-radius:8px}.properties,.settings-card dl{display:grid;grid-template-columns:140px minmax(0,1fr);gap:15px;font-size:12px}.properties dt,.settings-card dt{color:var(--muted)}.properties dd,.settings-card dd{margin:0;overflow-wrap:anywhere}.preview-body{display:flex;flex-direction:column;align-items:center;min-height:200px;background:var(--bg);border-radius:8px;padding:15px}.preview-body img{max-height:65vh;max-width:100%;object-fit:contain}.preview-body video{width:100%;max-height:65vh}.preview-body iframe{height:65vh;width:100%;border:0;background:#fff}.preview-body pre{width:100%;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:60vh;overflow:auto;line-height:1.6}.preview-unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;color:var(--muted);gap:15px}.context-dismiss{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35}.context-menu{position:fixed;z-index:36;width:237px;padding:7px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 36px -4px #00000038,0 0 0 1px var(--border);animation:context-menu-in 80ms ease-out both}@keyframes context-menu-in{0%{opacity:0}to{opacity:1}}.context-menu button{width:100%;padding:10px;justify-content:flex-start;font-size:12px;border-radius:7px;transition:background-color .1s ease,color .1s ease}.context-menu button:hover{background:var(--hover)}.context-menu hr{border:0;border-top:1px solid var(--border)}.context-sheet-header{display:none}.transfer-panel{position:fixed;bottom:24px;right:28px;width:410px;z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 36px #00000047,0 0 0 1px var(--border);overflow:hidden;max-width:calc(100vw - 32px)}.transfer-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.transfer-header-actions{display:flex;align-items:center;gap:4px}.transfer-header-progress-track{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--border, rgba(255, 255, 255, .08));overflow:hidden}.transfer-header-progress-fill{height:100%;background:var(--primary, #3b82f6);transition:width .22s ease-out}.transfer-header-progress-fill.is-indeterminate{width:100%!important;background:linear-gradient(90deg,transparent 0%,var(--primary, #3b82f6) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1.4s infinite linear}.transfer-header h3{font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px;margin:0}.transfer-list{max-height:380px;overflow-y:auto;padding:0}.transfer-list>.muted{padding-top:20px}.transfer-item{padding:15px 0;border-bottom:1px solid var(--border)}.transfer-title{display:flex;gap:9px;align-items:center;font-size:12px}.transfer-title strong{font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.transfer-item progress{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;margin:12px 0;border:0;border-radius:5px;background:var(--border)}progress::-webkit-progress-bar{background:var(--border);border-radius:5px}progress::-webkit-progress-value{background:var(--primary, #2563eb);border-radius:5px}progress::-moz-progress-bar{background:var(--primary, #2563eb)}.transfer-detail{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);gap:8px;margin-top:6px}.transfer-note{font-size:10px;color:var(--muted);padding:13px 17px;background:var(--bg);line-height:1.6}.transfer-error{font-size:10px;color:#b66154;margin:10px 0 0}.text-button{font-size:11px;color:var(--primary);padding:8px 0 0}.success{color:#4e8b66}.settings-page{overflow:auto;max-width:800px;padding-bottom:25px}.settings-page h1{margin-bottom:10px}.settings-card{border:1px solid var(--border);border-radius:10px;padding:22px;margin-top:20px}.settings-card h3{font-size:14px;display:flex;align-items:center;gap:10px;margin-bottom:22px}.oauth-reconnect-guide ol{padding-left:22px;line-height:1.7}.oauth-command{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface, rgba(0, 0, 0, .16));margin:12px 0}.oauth-command code{overflow-wrap:anywhere;font-size:12px}.oauth-reconnect-guide .muted{font-size:12px;line-height:1.65}.oauth-token-field{display:grid;gap:8px;margin:16px 0 12px;font-size:13px}.oauth-token-field textarea{width:100%;min-height:112px;resize:vertical;padding:12px;border:1px solid var(--border);border-radius:10px;color:var(--text);background:var(--surface, rgba(0, 0, 0, .16));font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.oauth-success{display:flex;align-items:center;gap:8px;color:var(--green, #75b797);font-size:13px}.settings-card label{display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:25px;margin-bottom:12px}.settings-card select{width:150px;padding:8px}.warning{background:var(--selected)}.warning p{font-size:12px;color:var(--muted);margin-bottom:0}.drop-overlay{position:fixed;top:8px;right:8px;bottom:8px;left:8px;z-index:100;border:3px dashed #4e8b6b;border-radius:20px;background:#edf6f0ee;display:grid;place-items:center;pointer-events:none;color:var(--primary);text-align:center}.drop-overlay h2{margin:20px 0 8px}.drop-overlay p{font-size:13px}.login-page{height:100dvh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 25% 25%,rgba(37,99,235,.08),transparent 55%),radial-gradient(ellipse at 75% 75%,rgba(139,92,246,.06),transparent 55%),var(--bg)}.login-card{width:400px;max-width:100%;padding:38px;border-radius:20px;background:var(--surface);border:1px solid var(--border);box-shadow:0 20px 60px #00000014,0 0 0 1px var(--border)}.login-card>.brand-mark{margin-bottom:24px}.login-card h1{font-size:24px;margin-bottom:8px}.login-card>p{font-size:13px;color:var(--muted);margin-bottom:30px}.login-card .primary{width:100%;margin-top:10px;padding:13px}.private-note{border-top:1px solid var(--border);margin-top:28px;padding-top:18px;font-size:10px;color:var(--muted);display:flex;gap:7px;align-items:center}.splash{height:100dvh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--primary);font-size:14px}.mobile-toggle{display:none}.spin{animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[data-theme=light]{color-scheme:light;--bg: #f3f5f9;--surface: #ffffff;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--primary: #2563eb;--primary-hover: #1d4ed8;--hover: #f1f5f9;--selected: rgba(37, 99, 235, .08);--input: #ffffff;--color-folder: #2563eb;color:var(--text);background:var(--bg)}[data-theme=light] .main-content{box-shadow:0 4px 20px -2px #0000000d}[data-theme=light] .search-box{background:#fff;border-color:#e2e8f0}[data-theme=light] .search-box:focus-within{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}[data-theme=light] .modal,[data-theme=light] .context-menu,[data-theme=light] .transfer-panel,[data-theme=light] .transfer-drawer,[data-theme=light] .remote-menu{background:#fff!important;border-color:#e2e8f0!important;color:#0f172a!important;box-shadow:0 18px 45px -8px #0f172a1f,0 0 0 1px #e2e8f0!important}[data-theme=light] .context-menu button{color:#0f172a}[data-theme=light] .context-menu button:hover{background:#f1f5f9;color:var(--primary)}[data-theme=light] .context-menu hr{border-top-color:#e2e8f0}[data-theme=light] .modal-head h2{color:#0f172a}[data-theme=light] .modal p{color:#334155}[data-theme=light] .modal label{color:#475569}[data-theme=light] .modal input,[data-theme=light] .modal select{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}[data-theme=light] .modal input:focus,[data-theme=light] .modal select:focus{background:#fff;border-color:var(--primary)}[data-theme=light] .new-button{background:#fff;border-color:#e2e8f0;color:#0f172a}[data-theme=light] .new-button:hover{background:#f8fafc;border-color:var(--primary);color:var(--primary)}[data-theme=light] .new-options button{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}[data-theme=light] .new-options button:hover{background:#f1f5f9;border-color:#cbd5e1;color:var(--primary)}[data-theme=light] .secondary{background:#fff;border-color:#cbd5e1;color:#0f172a}[data-theme=light] .secondary:hover{background:#f1f5f9;border-color:#94a3b8}[data-theme=dark]{color-scheme:dark;--bg: #030712;--surface: #0a0e1a;--text: #f8fafc;--muted: #8b9bb4;--border: rgba(255, 255, 255, .08);--primary: #3b82f6;--primary-hover: #60a5fa;--hover: rgba(255, 255, 255, .05);--selected: rgba(59, 130, 246, .16);--input: #050811;--color-folder: #3b82f6;color:var(--text);background:var(--bg)}[data-theme=dark] .primary{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 2px 10px #2563eb66}[data-theme=dark] .primary:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 4px 16px #2563eb8c}[data-theme=dark] .empty-art{background:var(--selected);color:var(--primary)}[data-theme=dark] .empty-art>svg:last-child{background:var(--surface);color:var(--primary)}[data-theme=dark] .error-banner{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.25)}[data-theme=dark] .login-page{background:radial-gradient(ellipse at 25% 25%,rgba(37,99,235,.12),transparent 55%),radial-gradient(ellipse at 75% 75%,rgba(139,92,246,.08),transparent 55%),var(--bg)}[data-theme=dark] .main-content{background:var(--surface);border-color:#ffffff14;box-shadow:0 16px 40px -12px #000000bf}[data-theme=dark] .search-box{background:var(--input);border-color:#ffffff14}[data-theme=dark] .search-box:focus-within{background:#0a0e1a;border-color:var(--primary)}[data-theme=dark] .modal,[data-theme=dark] .context-menu,[data-theme=dark] .transfer-panel{background:#0b0f1a;border-color:#ffffff1a;box-shadow:0 24px 60px -15px #000c,0 0 0 1px #ffffff0f}[data-theme=dark] .new-button{background:#0b0f1a;border-color:#ffffff1a;color:#f8fafc}[data-theme=dark] .new-button:hover{background:#101625;border-color:var(--primary);color:var(--primary)}[data-theme=dark] .file-row{border-bottom-color:#ffffff0f}[data-theme=dark] .table-head{border-bottom-color:#ffffff14}@media(min-width:1500px){.main-content{padding:38px 42px 0}.table-head,.file-row{grid-template-columns:minmax(280px,1fr) 180px 120px 36px}}@media(max-width:1050px){.app-shell{grid-template-columns:200px minmax(0,1fr)}.brand{width:169px;font-size:18px}.topbar{gap:20px;padding:0 20px}.search-hint,.encrypted-badge{display:none}.main-content{padding:25px 20px 0;margin-right:15px}.table-head,.file-row{grid-template-columns:minmax(140px,1fr) 130px 80px 32px;gap:8px}.type-cell{display:none}.name-cell{gap:10px}.sidebar{padding-left:12px;padding-right:12px}.header-right{gap:8px}}@media(max-width:720px){.app-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:76px minmax(0,1fr)}.topbar{padding:0 13px;gap:10px}.brand{width:auto}.brand>span{display:none}.brand-mark{width:33px;height:33px;border-radius:10px}.mobile-toggle{display:flex}.search-box{height:39px;padding:0 10px;gap:8px}.search-box input{font-size:12px}.header-right>.icon-button{display:none}.avatar{width:30px;height:30px}.sidebar{position:fixed;left:0;top:76px;bottom:0;width:225px;background:var(--bg);z-index:30;border-right:1px solid var(--border);transform:translate(-100%)}.sidebar.show{transform:translate(0)}.main-content{margin:0 10px 10px;padding:22px 15px 0;border-radius:12px}.page-heading{margin-bottom:12px}.eyebrow{font-size:8px;letter-spacing:1.5px}.upload-button{padding:9px;font-size:11px}.toolbar{padding-bottom:14px}.toolbar-divider{margin:0 4px}.breadcrumbs{gap:0}.view-controls{gap:3px}.folder-summary>span:last-child{display:none}.table-head,.file-row{grid-template-columns:minmax(130px,1fr) 68px 36px;min-height:52px}.file-row .icon-button.more{width:36px;height:36px}.date-cell{display:none}.name-cell{gap:10px;padding-left:2px}.name-cell input[type=checkbox]{width:20px;height:20px}.name-cell svg{width:19px}.empty-state{padding:20px;min-height:300px}.empty-state h2{font-size:17px}.selection-bar{gap:11px}.selection-bar button{font-size:0;gap:0}.selection-bar .icon-button{font-size:11px}.settings-card{padding:17px}.properties,.settings-card dl{grid-template-columns:110px 1fr}.transfer-panel{right:15px;bottom:15px}.grid-scroll{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.card-preview{height:95px}.modal{padding:20px}.header-right{margin-left:0}}@media(prefers-reduced-motion:reduce){.spin{animation:none}}.remote-picker{display:flex;flex-direction:column;gap:8px;margin:18px 12px;font-size:12px;color:var(--muted)}.remote-picker select{width:100%;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:inherit;font-size:14px}button,select,.file-row,.file-card{transition:background-color .1s ease,color .1s ease,border-color .1s ease}button:disabled{cursor:wait;opacity:.65}.modal-backdrop{animation:soft-fade .16s ease both}.modal{animation:soft-enter .18s cubic-bezier(.2,.8,.2,1) both}.transfer-panel{animation:soft-enter .18s ease both}.file-surface{position:relative}.loading-line{position:absolute;z-index:2;top:0;left:0;width:100%;height:2px;overflow:hidden;pointer-events:none}.loading-line:after{content:"";display:block;width:35%;height:100%;background:var(--primary);animation:loading-slide 1.3s ease-in-out infinite}.folder-skeleton{min-height:380px;padding:12px 20px}.skeleton-item{height:58px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--border)}.skeleton-item span{height:12px;width:22%;border-radius:5px;background:var(--input);animation:skeleton-pulse 1.6s ease-in-out infinite}.skeleton-item span:first-child{width:28px;height:26px}.skeleton-item span:last-child{margin-left:auto;width:14%}.folder-skeleton.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}.folder-skeleton.grid .skeleton-item{height:160px;border:1px solid var(--border);border-radius:12px;padding:18px;flex-direction:column;align-items:flex-start}.folder-skeleton.grid .skeleton-item span{width:65%}.folder-skeleton.grid .skeleton-item span:last-child{margin-left:0}.action-notice{position:fixed;z-index:100;bottom:26px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:14px 20px;max-width:calc(100vw - 32px);border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:0 8px 30px #182f4820;font-size:14px;animation:soft-fade .16s ease both;pointer-events:none}@keyframes soft-fade{0%{opacity:0}to{opacity:1}}@keyframes soft-enter{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@keyframes skeleton-pulse{50%{opacity:.45}}@keyframes loading-slide{0%{transform:translate(-100%)}to{transform:translate(390%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:active:not(:disabled){transform:none}.loading-line:after{width:100%;opacity:.35}}.file-surface>.folder-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--surface);overflow:hidden}.video-preview{width:100%}.video-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;padding:16px;font-size:14px;color:var(--muted)}.video-status svg{flex-shrink:0}.image-preview{width:100%;text-align:center}.page-heading{gap:8px;flex-shrink:0}.drop-target{background:var(--selected);outline:2px solid var(--primary);outline-offset:-2px}.transfer-actions{display:flex;flex-wrap:wrap;gap:8px 14px;padding:10px 18px;border-bottom:1px solid var(--border)}.transfer-actions button{font-size:11px}.upload-batch{display:flex;flex-direction:column;gap:6px;padding:14px 0;font-size:11px;background:var(--bg);border-bottom:1px solid var(--border)}.upload-batch strong{overflow-wrap:anywhere}.upload-batch span{color:var(--muted)}.conflict-options{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin:20px 0 12px}.modal .conflict-batch{display:flex;gap:9px;align-items:center;margin-top:18px}.modal .conflict-batch input{width:16px;height:16px;padding:0;margin:0;accent-color:var(--primary)}.main-content{padding-top:16px}.toolbar{min-height:48px;padding:0 0 10px;flex-shrink:0;flex-wrap:nowrap}.breadcrumbs{flex:1;scrollbar-width:none}.breadcrumbs::-webkit-scrollbar{display:none}.breadcrumbs>button,.toolbar-divider{flex-shrink:0}.view-controls{flex-shrink:0;gap:8px}.inline-count{font-size:11px;color:var(--muted);white-space:nowrap;margin-right:7px}.header-upload{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.header-folder{display:inline-flex;align-items:center;justify-content:center;padding:10px}.header-right{gap:10px}.favorite-button{flex-shrink:0;color:var(--muted)}.favorite-button.is-favorite,.favorite-heading svg{color:#d98c9f}.favorite-heading{display:inline-flex;gap:8px;align-items:center;font-size:13px;white-space:nowrap}.cinema-modal{background:#081019b3;backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%)}.cinema-modal .modal{width:min(1440px,96vw);padding:0;border-radius:20px;border:1px solid #ffffff26;overflow:hidden;background:#10182099;box-shadow:0 30px 100px #0009,0 0 60px #82c9ab0d}.cinema-modal .modal-head{display:none}.cinema-modal .preview-body{padding:0;background:transparent;border-radius:0;min-height:0}@media(max-width:720px){.topbar{gap:8px}.header-right{gap:6px}.header-upload{padding:9px;border-radius:10px}.header-upload span,.header-folder{display:none}.main-content{padding-top:10px}.toolbar{min-height:44px;padding-bottom:7px;gap:5px}.breadcrumbs>button:not(.icon-button){max-width:120px;overflow:hidden;text-overflow:ellipsis}.breadcrumbs>.icon-button[aria-label=Forward],.toolbar-divider{display:none}.inline-count{margin:0;font-size:10px}.view-controls{gap:2px}.cinema-modal{padding:8px}.cinema-modal .modal{width:100%;max-width:100%;border-radius:14px}}.toolbar{position:relative}.cinema-modal{padding:0;background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none;animation:none}[data-theme=light] .cinema-modal,:root:not([data-theme=dark]) .cinema-modal{background:#f8fafc}[data-theme=dark] .cinema-modal{background:#060b10}.cinema-modal .modal{animation:none;transform:none;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none}.cinema-modal .preview-body{width:100%;height:100%}.cinema-modal .drive-player{height:100%;max-height:none;min-height:0;aspect-ratio:auto;background:transparent}.file-thumbnail{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-preview .file-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center;border:0;border-radius:0}.name-cell>.file-thumbnail{width:32px;height:32px;flex:0 0 32px;border-radius:5px}.name-cell>.file-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center}.card-preview{overflow:hidden}.remote-picker{position:relative;margin:10px 0 16px}.remote-trigger{width:100%;min-height:42px;padding:7px 12px;gap:10px;justify-content:flex-start;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);transition:all .14s ease}.remote-trigger:hover,.remote-trigger[aria-expanded=true]{border-color:var(--primary);background:var(--hover)}.remote-symbol{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;border-radius:7px;color:var(--primary);background:var(--selected)}.remote-current{display:flex;align-items:center;text-align:left;min-width:0}.remote-current strong{font-size:13px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remote-chevron{margin-left:auto;color:var(--muted);flex-shrink:0;transition:transform .16s}.remote-chevron.is-open{transform:rotate(180deg)}.remote-menu{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:40;padding:5px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 12px 36px #00000040;max-height:240px;overflow-y:auto}.remote-option{width:100%;justify-content:flex-start;gap:9px;padding:9px 10px;border-radius:8px;color:var(--muted);font-size:12px}.remote-option span{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remote-option.is-highlighted{background:var(--hover);color:var(--text)}.remote-option[aria-selected=true]{color:var(--primary);font-weight:550}.remote-check{margin-left:auto;color:var(--primary)}.grid-scroll{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:max-content;gap:16px;padding-top:16px}.grid-file-divider{grid-column:1 / -1;height:0;margin:2px 0}.file-card{min-height:0;background:var(--hover);border:1px solid transparent;border-radius:13px}.file-card:hover{background:var(--selected)}.file-card.selected{background:var(--selected);border-color:var(--primary)}.folder-card{height:54px;align-self:start}.folder-card .card-title{height:100%;padding:8px 12px}.folder-card .card-title>svg{width:21px;height:21px}.card-title{min-height:49px;gap:9px;padding:9px 12px}.card-title strong{min-width:0;flex:1;font-size:13px;font-weight:550}.card-title .icon-button{flex-shrink:0}.media-card .card-preview{height:auto;aspect-ratio:1;margin:0 9px;border-radius:8px}.media-card .card-preview svg{width:58px;height:58px}.media-card .card-meta{padding:10px 12px;font-size:11px}@media(max-width:1439px){.grid-scroll{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1099px){.grid-scroll{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media(max-width:719px){.grid-scroll{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-title{padding:8px;gap:6px}.card-title strong{font-size:12px}.media-card .card-meta{padding:9px;font-size:10px}.folder-card .card-title{padding:8px}}@media(max-width:339px){.grid-scroll{grid-template-columns:minmax(0,1fr)}}.context-menu{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-y:auto}.context-menu button:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;background:var(--hover)}.transfer-panel{width:420px;border-radius:18px;box-shadow:0 18px 60px #0004;animation:transfer-enter .24s ease-out}.transfer-header{padding:15px 18px;border-bottom:0}.transfer-header h3{font-size:14px}.transfer-summary{margin:0 14px 12px;padding:16px;border-radius:12px;background:var(--hover);display:grid;grid-template-columns:42px 1fr;gap:4px 12px}.transfer-summary-icon{grid-row:span 2;width:42px;height:42px;display:grid;place-items:center;color:var(--primary);border-radius:12px;background:var(--selected)}.transfer-summary strong{display:block;font-size:14px}.transfer-summary span{display:block;margin-top:5px;color:var(--muted);font-size:12px}.transfer-summary progress{grid-column:1/-1;width:100%;height:5px;border:0;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:10px}.transfer-summary small{grid-column:1/-1;color:var(--muted);font-size:11px;margin-top:5px}.transfer-actions{padding:0 16px 12px;gap:6px;border-bottom:1px solid var(--border)}.transfer-actions button{padding:6px 9px;font-size:11px;border:1px solid var(--border);border-radius:7px}.transfer-actions button:disabled,.transfer-actions button[hidden]{display:none}.transfer-list{max-height:min(420px,48dvh);padding:0 16px}.upload-batch{background:transparent;padding:12px 0 8px;border-bottom:0;gap:4px}.upload-batch strong{display:flex;align-items:center;gap:6px;font-size:12px}.upload-batch span{font-size:10px}.transfer-item{padding:13px 0}.transfer-title{font-size:12px}.transfer-title>svg{flex-shrink:0}.transfer-title .icon-button{width:25px;height:25px}.transfer-progress{display:flex;align-items:center;gap:10px}.transfer-progress progress{flex:1;min-width:0;margin:10px 0 5px;height:5px}.transfer-progress>span{width:32px;text-align:right;font-size:10px;color:var(--muted)}.transfer-detail{line-height:1.5}.transfer-note{padding:11px 16px;border-top:1px solid var(--border);background:transparent}.transfer-note summary{cursor:pointer;color:var(--muted);font-size:11px}.transfer-note p{margin:8px 0 0;line-height:1.6}.is-working .transfer-summary-icon svg{animation:upload-float 1.6s ease-in-out infinite}.state-active progress::-webkit-progress-value,.is-working progress::-webkit-progress-value{background:linear-gradient(100deg,#2563eb 20%,#60a5fa,#2563eb 80%);background-size:200% 100%;animation:upload-flow 2s linear infinite}.state-completed .success{animation:transfer-enter .25s ease-out}@keyframes transfer-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes upload-float{50%{transform:translateY(-4px)}}@keyframes upload-flow{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.transfer-panel,.is-working .transfer-summary-icon svg,.state-completed .success,.state-active progress::-webkit-progress-value,.is-working progress::-webkit-progress-value{animation:none}}.download-queue{margin:0 14px 12px;border-radius:12px;background:var(--hover);padding:0 12px 10px}.download-header,.download-header strong{display:flex;align-items:center;justify-content:space-between;gap:8px}.download-header{padding:12px 0 5px;font-size:13px}.download-list{max-height:30dvh;overflow:auto}.download-hint{color:var(--muted);font-size:10px;line-height:1.6;margin:8px 0 0}.download-hint summary{cursor:pointer}.upload-section-label{font-size:11px;color:var(--muted);padding:0 18px 8px}.transfer-panel{max-height:calc(100dvh - 30px);overflow-y:auto}.new-options button small{display:block;color:var(--muted);font-size:11px;font-weight:400}.new-options button>span{flex:1;text-align:left}.file-card.is-dragging,.file-row.is-dragging{opacity:.48}.folder-card.drop-target,.file-row.drop-target{background-color:var(--selected);border-color:var(--primary)}.drop-received{background-color:var(--selected)}.drive-drag-ghost{position:fixed;left:-1000px;top:-1000px;z-index:9999;display:flex;align-items:center;gap:10px;max-width:280px;padding:12px 16px;border-radius:14px;background:var(--surface);color:var(--text);border:1px solid var(--primary);box-shadow:0 8px 24px #0003;font-size:13px;font-weight:600;pointer-events:none}.drive-drag-ghost>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drive-drag-count{display:grid;place-items:center;flex-shrink:0;min-width:26px;height:26px;padding:0 5px;border-radius:9px;background:var(--primary);color:#fff}@media(prefers-reduced-motion:reduce){.file-card,.file-row{transition:none}}.trash-page{padding:24px;overflow:auto;min-width:0}.trash-heading{display:flex;align-items:center;gap:12px}.trash-heading h1{font-size:24px;margin:0}.trash-list{margin-top:24px;border-radius:16px;background:var(--surface)}.trash-row{display:flex;align-items:center;gap:16px;padding:16px;border-bottom:1px solid var(--border)}.trash-row>svg{flex-shrink:0;color:var(--muted)}.trash-info{min-width:0;flex:1;display:grid;gap:6px}.trash-info strong,.trash-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trash-info small,.trash-expiry small{color:var(--muted);font-size:12px}.trash-expiry{display:grid;gap:6px;font-size:13px}@media(max-width:719px){.trash-page{padding:16px}.trash-row{flex-wrap:wrap;gap:12px}.trash-info{flex-basis:calc(100% - 50px)}.trash-expiry{flex:1}}.card-touch-select{display:none}@media(max-width:720px),(pointer:coarse){.selection-mode .card-title .card-touch-select{display:block;width:20px;height:20px;margin:0;flex:0 0 20px;accent-color:var(--primary)}.file-card,.file-row{touch-action:manipulation}}.card-touch-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1.5px solid var(--muted);border-radius:6px;background:transparent;cursor:pointer}.card-touch-select:checked{background:var(--primary);border-color:var(--primary);box-shadow:inset 0 0 0 4px var(--surface)}.transfer-drawer{width:410px;max-height:min(620px,calc(100dvh - 32px));display:flex;flex-direction:column;border-radius:16px;overflow:hidden;box-shadow:0 12px 40px #00000047,0 0 0 1px var(--border);transition:opacity .2s ease,transform .22s cubic-bezier(.2,.8,.2,1)}.transfer-drawer.is-open{animation:transfer-drawer-in .24s cubic-bezier(.2,.8,.2,1) both}.transfer-drawer.is-closing{opacity:0;transform:translateY(18px) scale(.98);pointer-events:none}.transfer-count{color:var(--primary);background:var(--selected);min-width:22px;height:22px;border-radius:8px;display:grid;place-items:center;font-size:11px;font-weight:600}.transfer-tabs{display:flex;align-items:center;gap:6px;padding:11px 16px;border-bottom:1px solid var(--border)}.transfer-tabs button{border:0;padding:7px 12px;border-radius:8px;background:transparent;color:var(--muted);font-size:12px;font-weight:500;cursor:pointer;transition:background .16s ease,color .16s ease}.transfer-tabs button.selected{background:var(--selected);color:var(--primary)}.transfer-tabs .transfer-tab-action{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;padding:5px 9px;border-radius:6px;background:var(--hover);color:var(--muted);white-space:nowrap;cursor:pointer;transition:all .14s ease}.transfer-tabs .transfer-tab-action:hover{background:var(--selected);color:var(--text)}.transfer-tabs .transfer-tab-action.danger:hover{background:#ef44441f;color:#ef4444}.transfer-tabs .transfer-clear{margin-left:auto;font-size:11px}.transfer-drawer .transfer-tabs>button{display:inline-flex;align-items:center;gap:7px}.transfer-drawer .transfer-tabs .transfer-clear{margin-left:auto;padding:6px;min-width:32px;min-height:32px;justify-content:center}.transfer-history-tools{display:flex;align-items:center;gap:8px;padding:9px 14px;border-bottom:1px solid var(--border)}.transfer-history-search{min-width:0;flex:1;display:flex;align-items:center;gap:7px;color:var(--muted)}.transfer-history-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:11px}.transfer-history-search input::placeholder{color:var(--muted)}.transfer-history-filters{display:flex;gap:3px}.transfer-history-filters button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;transition:color .14s ease,background-color .14s ease,transform .14s ease}.transfer-history-filters button:hover{background:var(--hover);color:var(--text)}.transfer-history-filters button.selected{background:var(--selected);color:var(--primary)}.transfer-history-filters button:active{transform:scale(.92)}.transfer-empty{display:flex;min-height:140px;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--muted);padding:24px 16px}.transfer-empty svg{color:var(--primary);animation:transfer-check-in .26s ease-out both}.transfer-empty strong{color:var(--text);font-size:13px;font-weight:500}.transfer-empty span{font-size:11px}.transfer-drawer .transfer-actions{padding:8px 16px;border-bottom:0;gap:6px}.transfer-drawer .transfer-actions:empty,.transfer-drawer .history-actions{display:none}.transfer-drawer .transfer-actions button{border:0;background:var(--hover);font-size:11px}.transfer-drawer .transfer-list{min-height:0;max-height:min(390px,48dvh);padding:0}.transfer-row{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);transition:background-color .15s ease;position:relative;animation:transfer-row-in .18s ease-out both}.transfer-row.is-child{padding-left:44px;background:#00000004;border-bottom:none}[data-theme=dark] .transfer-row.is-child{background:#ffffff04}.transfer-row.is-child:before{content:"";position:absolute;left:27px;top:0;bottom:0;width:2px;background:var(--border)}.transfer-row.is-child:after{content:"";position:absolute;left:27px;top:50%;width:9px;height:2px;background:var(--border)}.transfer-row.is-child .transfer-row-icon{width:30px;height:30px;border-radius:8px}.transfer-row.is-child .transfer-row-content{border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .05));padding-bottom:4px}.transfer-row:hover{background-color:var(--hover)}.transfer-row-icon{flex-shrink:0;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;transition:transform .18s ease}.transfer-row:hover .transfer-row-icon{transform:scale(1.05)}.transfer-row-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.transfer-row-top{display:flex;align-items:center;justify-content:space-between}.transfer-row-name{font-size:13px;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer-row-meta{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transfer-row-status{font-weight:500;flex-shrink:0}.state-completed .transfer-row-status{color:#10b981}.state-failed .transfer-row-status{color:#ef4444}.state-paused .transfer-row-status{color:#f59e0b}.transfer-row-stats{opacity:.85;flex-shrink:0;font-variant-numeric:tabular-nums}.transfer-row-subtitle{opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer-row-progress-track{position:relative;width:100%;height:3px;background:var(--hover, rgba(255,255,255,.08));border-radius:9999px;overflow:hidden;margin-top:6px}.transfer-row-progress-fill{height:100%;background:var(--primary, #3b82f6);border-radius:9999px;transition:width .2s ease-out}.transfer-row-progress-fill.is-paused{background:#f59e0b}.transfer-row-progress-fill.is-indeterminate{width:100%!important;background:linear-gradient(90deg,transparent 0%,var(--primary, #3b82f6) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1.4s infinite linear}.transfer-reselect-link{display:inline-block;font-size:11px;color:var(--primary);margin-top:4px;cursor:pointer;text-decoration:underline}.transfer-row-error{font-size:11px;color:#ef4444;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.state-paused .transfer-row-error,.state-checkpoint .transfer-row-error{color:#f59e0b}.transfer-row-actions{flex-shrink:0;display:flex;align-items:center;gap:6px;position:relative}.transfer-success-badge{color:#10b981;display:grid;place-items:center;animation:check-pop .28s cubic-bezier(.175,.885,.32,1.275) both}.transfer-failed-group{display:flex;align-items:center;gap:4px;position:relative}.transfer-ring-wrap{position:relative;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0}.transfer-ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;transition:opacity .14s ease}.transfer-ring-percent{font-size:9px;font-weight:700;color:var(--primary, #3b82f6);font-variant-numeric:tabular-nums;letter-spacing:-.5px;line-height:1}.transfer-ring-percent.is-paused{color:#f59e0b}.transfer-row:hover .transfer-ring-center{opacity:0}.transfer-hover-actions{position:absolute;right:-2px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:2px;opacity:0;pointer-events:none;background:var(--surface);border-radius:9999px;box-shadow:0 2px 10px #00000040,0 0 0 1px var(--border);padding:2px 3px;transition:opacity .16s ease,transform .16s ease;z-index:3}.transfer-row:hover .transfer-hover-actions{opacity:1;pointer-events:auto}.transfer-action-btn{width:26px;height:26px;border-radius:50%;border:none;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:background .14s ease,color .14s ease,transform .12s ease}.transfer-action-btn:hover{background:var(--hover);color:var(--text);transform:scale(1.1)}.transfer-action-btn:active{transform:scale(.92)}.transfer-mini{position:fixed;bottom:24px;right:28px;z-index:50;display:inline-flex;align-items:center;gap:10px;padding:10px 18px 10px 12px;border:1px solid var(--border);border-radius:9999px;background:var(--surface);color:var(--text);box-shadow:0 10px 30px #00000038,0 2px 8px #0000001a;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .18s ease,box-shadow .18s ease;animation:transfer-pill-in .22s cubic-bezier(.2,.8,.2,1) both}.transfer-mini:hover{transform:translateY(-2px);box-shadow:0 14px 36px #00000047}.transfer-mini:active{transform:translateY(0)}.transfer-mini-progress{display:grid;place-items:center}.transfer-mini-text{font-size:13px;font-weight:500;letter-spacing:-.01em}.transfer-mini-chevron{color:var(--muted);transition:transform .16s ease}.transfer-mini:hover .transfer-mini-chevron{color:var(--text)}.progress-ring.is-spinning circle:nth-child(2){animation:spin 1s linear infinite;transform-origin:center}@keyframes transfer-drawer-in{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes transfer-pill-in{0%{opacity:0;transform:translateY(14px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes transfer-row-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes transfer-check-in{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@keyframes check-pop{0%{transform:scale(0);opacity:0}70%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:720px){.transfer-drawer{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));width:auto;max-width:none;border-radius:20px;max-height:min(70dvh,580px);padding-bottom:env(safe-area-inset-bottom)}.transfer-drawer .transfer-header{padding-top:12px}.transfer-drawer .transfer-header .icon-button,.transfer-drawer .transfer-title button{min-width:40px;min-height:40px}.transfer-drawer .transfer-tabs button{min-height:40px}.transfer-history-tools{padding:8px 12px}.transfer-history-filters button{width:34px;height:34px}.transfer-mini{right:12px;bottom:max(12px,env(safe-area-inset-bottom));min-height:44px}}@media(prefers-reduced-motion:reduce){.transfer-drawer,.transfer-drawer.is-open,.transfer-drawer .transfer-item,.transfer-row,.transfer-empty svg,.transfer-mini{animation:none;transition:none}.transfer-drawer progress::-webkit-progress-value{transition:none}.transfer-history-filters button{transition:none}}.transfer-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}.transfer-folder{padding:12px 16px 10px;background:var(--surface);border-bottom:1px solid var(--border);position:relative}.transfer-folder.is-completed{opacity:.85}.transfer-folder-header{display:flex;align-items:center;gap:8px}.transfer-folder-icon{width:24px;height:24px;border-radius:6px;background:#3b82f61f;color:var(--primary, #3b82f6);display:grid;place-items:center;flex-shrink:0}.transfer-folder-title-wrap{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.transfer-folder-name{font-size:12px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer-folder-remote{font-size:10px;font-weight:500;padding:1px 6px;border-radius:4px;background:var(--hover);color:var(--muted);white-space:nowrap;flex-shrink:0}.transfer-folder-count{font-size:11px;color:var(--muted);white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}.transfer-folder-progress-wrap{margin-top:8px;display:flex;flex-direction:column;gap:5px}.transfer-folder-track{width:100%;height:3px;background:var(--hover, rgba(255, 255, 255, .08));border-radius:9999px;overflow:hidden}.transfer-folder-fill{height:100%;background:var(--primary, #3b82f6);border-radius:9999px;transition:width .2s ease-out}.transfer-folder-fill.is-completed{background:#10b981}.transfer-folder-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.mobile-action-bar{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);border-radius:16px;display:flex;align-items:center;gap:12px;padding:8px 14px;z-index:1000;max-width:min(92vw,560px);animation:action-bar-in .2s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}[data-theme=light] .mobile-action-bar,:root:not([data-theme=dark]) .mobile-action-bar{background:#fffffffa!important;border:1px solid #e2e8f0!important;color:#0f172a!important;box-shadow:0 14px 36px -4px #0f172a24,0 0 0 1px #e2e8f0!important}[data-theme=light] .mobile-action-bar-info,:root:not([data-theme=dark]) .mobile-action-bar-info{border-right-color:#e2e8f0!important;color:#0f172a!important}[data-theme=light] .mobile-action-bar-count,:root:not([data-theme=dark]) .mobile-action-bar-count{color:#0f172a!important;font-weight:600}[data-theme=light] .mobile-action-bar-close,:root:not([data-theme=dark]) .mobile-action-bar-close{color:#64748b!important}[data-theme=light] .mobile-action-bar-close:hover,:root:not([data-theme=dark]) .mobile-action-bar-close:hover{color:#0f172a!important;background:#f1f5f9!important}[data-theme=light] .mobile-action-btn,:root:not([data-theme=dark]) .mobile-action-btn{background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#0f172a!important}[data-theme=light] .mobile-action-btn:hover,:root:not([data-theme=dark]) .mobile-action-btn:hover{background:#f1f5f9!important;border-color:#cbd5e1!important;color:#2563eb!important}[data-theme=light] .mobile-action-btn.danger,:root:not([data-theme=dark]) .mobile-action-btn.danger{color:#ef4444!important;background:#fef2f2!important;border-color:#fecaca!important}[data-theme=light] .mobile-action-btn.danger:hover,:root:not([data-theme=dark]) .mobile-action-btn.danger:hover{background:#fee2e2!important;border-color:#fca5a5!important;color:#dc2626!important}[data-theme=dark] .mobile-action-bar{background:#0d121ff5!important;border:1px solid rgba(255,255,255,.12)!important;color:#f8fafc!important;box-shadow:0 20px 50px -8px #000c,0 0 0 1px #ffffff14!important}[data-theme=dark] .mobile-action-bar-info{border-right-color:#ffffff1f!important;color:#f8fafc!important}[data-theme=dark] .mobile-action-bar-count{color:#f8fafc!important;font-weight:600}[data-theme=dark] .mobile-action-bar-close{color:#94a3b8!important}[data-theme=dark] .mobile-action-bar-close:hover{color:#f8fafc!important;background:#ffffff14!important}[data-theme=dark] .mobile-action-btn{background:#ffffff0f!important;border:1px solid rgba(255,255,255,.1)!important;color:#f8fafc!important}[data-theme=dark] .mobile-action-btn:hover{background:#ffffff1f!important;border-color:#fff3!important;color:#60a5fa!important}[data-theme=dark] .mobile-action-btn.danger{color:#f87171!important;background:#ef444424!important;border-color:#ef444447!important}[data-theme=dark] .mobile-action-btn.danger:hover{background:#ef444438!important;border-color:#ef444473!important;color:#fca5a5!important}@keyframes action-bar-in{0%{opacity:0;transform:translate(-50%,20px) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}.mobile-action-bar-info{display:flex;align-items:center;gap:8px;padding-right:10px;border-right:1px solid var(--border);color:var(--text)}.mobile-action-bar-close{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--muted);cursor:pointer;padding:4px;border-radius:6px;transition:all .14s ease}.mobile-action-bar-close:hover{color:var(--text);background:var(--hover)}.mobile-action-bar-count{font-size:13px;font-weight:600;white-space:nowrap;color:var(--text)}.mobile-action-bar-buttons{display:flex;align-items:center;gap:6px;overflow-x:auto}.mobile-action-btn{display:flex;align-items:center;gap:6px;background:var(--hover);border:1px solid var(--border);color:var(--text);font-size:13px;font-weight:500;padding:8px 14px;min-height:38px;border-radius:10px;cursor:pointer;white-space:nowrap;transition:all .14s ease}.mobile-action-btn:hover{background:var(--selected);color:var(--primary)}.mobile-action-btn.danger{color:#ef4444;border-color:#ef444433}.mobile-action-btn.danger:hover{background:#ef44441f}@media(max-width:640px){.context-dismiss{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1100}.context-menu{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;max-width:100%!important;border-radius:20px 20px 0 0!important;border-bottom:0!important;padding:12px 16px max(24px,env(safe-area-inset-bottom))!important;z-index:1200;max-height:80vh!important;overflow-y:auto!important;box-shadow:0 -10px 40px #00000080!important;animation:sheet-slide-up .2s cubic-bezier(.16,1,.3,1) both!important}.context-menu:before{content:"";display:block;width:38px;height:4px;border-radius:2px;background:var(--muted);opacity:.45;margin:0 auto 12px}.context-sheet-header{display:flex;align-items:center;gap:12px;padding:0 4px 12px;border-bottom:1px solid var(--border);margin-bottom:8px}.context-sheet-header svg{width:28px;height:28px;flex-shrink:0}.context-sheet-info{display:flex;flex-direction:column;min-width:0;gap:2px}.context-sheet-info strong{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.context-sheet-info span{font-size:11.5px;color:var(--muted)}.context-menu button{min-height:48px;font-size:14px;gap:14px;padding:12px 14px;border-radius:10px}.context-menu button svg{width:18px;height:18px}.context-menu hr{margin:6px 0}}@keyframes sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.lang-toggle{display:inline-flex;align-items:center;gap:6px;background:var(--hover);border:1px solid var(--border);border-radius:8px;padding:4px 10px;font-size:12px;font-weight:500;cursor:pointer;color:var(--text);transition:all .15s ease}.lang-toggle:hover{background:var(--active)}.drive-player{position:relative;width:100%;aspect-ratio:16 / 9;max-height:84dvh;min-height:200px;background:var(--bg, #000000);border:0;border-radius:0;overflow:hidden;color:var(--text, #f1f1f1);isolation:isolate;user-select:none;-webkit-user-select:none;--player-accent: var(--primary, #2563eb);--player-track-bg: rgba(255, 255, 255, .2);--player-buffer-bg: rgba(255, 255, 255, .4);--player-hover-bg: rgba(255, 255, 255, .28)}.preview-body .drive-player video{display:block;width:100%;height:100%;max-height:none;object-fit:contain;cursor:pointer;background:transparent}.drive-player:focus-visible{outline:2px solid var(--player-accent);outline-offset:-2px}.drive-player.is-theater{max-height:88dvh;width:100%;aspect-ratio:auto}.player-topline{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px 36px;background:linear-gradient(180deg,rgba(0,0,0,.75) 0%,rgba(0,0,0,.3) 60%,transparent 100%);pointer-events:none;opacity:0;transition:opacity .22s ease;z-index:10}.player-title{flex:1;min-width:0;font-size:14px;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.7);pointer-events:auto;display:flex;align-items:center;gap:8px}.player-compat-badge{font-size:10px;font-weight:700;background:#3b82f6;color:#fff;padding:2px 7px;border-radius:4px;letter-spacing:.3px;flex-shrink:0}.player-tools{display:flex;align-items:center;gap:6px;pointer-events:auto}.player-topline button{width:36px;height:36px;border-radius:50%;border:none;background:#0006;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background-color .16s ease,transform .14s ease}.player-topline button:hover{background:#fff3;transform:scale(1.08)}.player-topline button:active{transform:scale(.92)}.player-controls{position:absolute;inset:auto 0 0;padding:48px max(18px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 60%,transparent 100%);opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease;pointer-events:none;z-index:10}.controls-visible .player-controls,.drive-player:has(.player-controls :focus-visible) .player-controls{opacity:1;transform:translateY(0);pointer-events:auto}.controls-visible .player-topline,.drive-player:has(.player-topline :focus-visible) .player-topline{opacity:1}.drive-player:not(.controls-visible){cursor:none}.player-timeline{position:relative;height:20px;display:flex;align-items:center;cursor:pointer}.player-track{position:absolute;left:0;right:0;height:3.5px;border-radius:2px;background:var(--player-track-bg);transition:height .16s cubic-bezier(.2,0,0,1);overflow:visible}.player-timeline:hover .player-track{height:6px}.player-hover-track{position:absolute;top:0;bottom:0;left:0;background:var(--player-hover-bg);border-radius:2px;pointer-events:none}.player-buffer{position:absolute;top:0;bottom:0;background:var(--player-buffer-bg);border-radius:2px}.player-progress{position:absolute;top:0;bottom:0;left:0;background:var(--player-accent);border-radius:2px}.player-scrubber-head{position:absolute;top:50%;width:0;height:0;border-radius:50%;background:var(--player-accent);transform:translate(-50%,-50%) scale(0);transition:transform .16s cubic-bezier(.2,0,0,1),width .16s ease,height .16s ease;pointer-events:none;box-shadow:0 0 4px #0006}.player-timeline:hover .player-scrubber-head{width:13px;height:13px;transform:translate(-50%,-50%) scale(1)}.player-timeline input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;z-index:5;touch-action:none}.player-time-tooltip{position:absolute;bottom:24px;transform:translate(-50%);background:#1c1c1cf2;color:#fff;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.3px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #0006;border:1px solid rgba(255,255,255,.1);animation:tooltip-fade .12s ease-out both;z-index:20}@keyframes tooltip-fade{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}.player-control-row{display:flex;align-items:center;gap:4px;margin-top:4px}.drive-player button{color:#fff;background:transparent;border:0;border-radius:50%;width:38px;height:38px;padding:0;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .14s ease,transform .12s ease;position:relative}.drive-player button:hover{background:#ffffff29}.drive-player button:active{transform:scale(.92)}.drive-player button:focus-visible{outline:2px solid var(--player-accent);outline-offset:2px}.player-seek-button{position:relative}.player-seek-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8.5px;font-weight:700;line-height:1}.player-volume{display:inline-flex;align-items:center;position:relative}.player-volume-slider-wrap{width:0;opacity:0;overflow:hidden;transform:scaleX(0);transform-origin:left center;transition:width .2s cubic-bezier(.2,0,0,1),opacity .18s ease,transform .18s ease;display:flex;align-items:center}.player-volume:hover .player-volume-slider-wrap,.player-volume:focus-within .player-volume-slider-wrap{width:62px;opacity:1;transform:scaleX(1);margin-left:4px;margin-right:8px}.player-volume-slider-wrap input{width:100%;height:4px;margin:0;padding:0;background:#ffffff59;border-radius:2px;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;accent-color:#ffffff}.player-volume-slider-wrap input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 1px 4px #0006}.player-time{font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff;margin-left:6px;letter-spacing:.2px}.player-time>span{color:#ffffffa6}.player-spacer{flex:1}.player-settings-wrap{position:relative}.player-settings-btn.is-active{background:#ffffff38}.player-settings-menu{position:absolute;bottom:calc(100% + 12px);right:0;width:180px;background:#1c1c1cf5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px 0;box-shadow:0 12px 36px #0009;z-index:60;animation:settings-popup .16s cubic-bezier(.2,.9,.3,1) both}@keyframes settings-popup{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.player-settings-header{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;padding:4px 16px 8px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:4px}.player-settings-item{width:100%!important;border-radius:0!important;height:34px!important;padding:0 16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:transparent!important;color:#f1f1f1!important;font-size:12.5px!important;text-align:left!important;transition:background-color .12s ease!important}.player-settings-item:hover{background:#ffffff1f!important}.player-settings-item.is-selected{background:#ffffff14!important;font-weight:600}.player-settings-check{color:var(--player-accent)}.player-compat-tag{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px}.player-compat-tag.on{background:#10b981;color:#fff}.player-compat-tag.off{background:#ffffff29;color:#fff9}.player-subtitles-wrap{position:relative}.player-subtitles-btn.is-active{color:var(--player-accent)}.player-subtitles-menu{position:absolute;bottom:calc(100% + 12px);right:0;width:240px;max-height:280px;overflow-y:auto;background:#1c1c1cf5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px 0;box-shadow:0 12px 36px #0009;z-index:60;animation:settings-popup .16s cubic-bezier(.2,.9,.3,1) both}.player-sub-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.player-upload-sub-item{color:var(--player-accent)!important;font-weight:500;border-top:1px solid rgba(255,255,255,.08)!important;margin-top:4px}video::cue{background-color:#000000bf;color:#fff;font-family:YouTube Noto,Roboto,Segoe UI,Arial,sans-serif;font-size:1.15em;font-weight:500;line-height:1.35;text-shadow:0 0 2px #000,0 1px 3px rgba(0,0,0,.9);padding:2px 4px;border-radius:2px}.player-theater-btn.is-active{color:var(--player-accent)}.player-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15}.drive-player .player-big-play{width:72px;height:72px;border-radius:50%;background:#000000a6;border:2px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 40px #0009;transition:transform .16s cubic-bezier(.175,.885,.32,1.275),background .16s ease}.drive-player .player-big-play:hover{transform:translate(-50%,-50%) scale(1.1);background:var(--player-accent);border-color:var(--player-accent)}.drive-player .player-big-play:active{transform:translate(-50%,-50%) scale(.95)}.player-loading,.player-error{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(85%,420px);text-align:center;font-size:13px;color:#f1f1f1;padding:22px 24px;border-radius:16px;background:#141414d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 40px #0009;z-index:15}.player-loading svg{color:var(--player-accent)}.player-loading.player-rebuffering:not(.player-loading-slow){top:auto;left:auto;right:max(24px,env(safe-area-inset-right));bottom:max(90px,env(safe-area-inset-bottom));transform:none;background:transparent;border:none;box-shadow:none;padding:0;width:auto}.player-loading.player-rebuffering:not(.player-loading-slow) span{display:none}.player-error-actions{display:flex;align-items:center;gap:10px;margin-top:4px}.player-error-actions button{border-radius:8px!important;height:36px!important;padding:0 16px!important;width:auto!important;font-size:12px;font-weight:500;border:1px solid rgba(255,255,255,.2)}.player-error-actions button.primary{background:var(--player-accent);color:#fff;border-color:var(--player-accent)}.player-notice{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:13px;font-weight:500;background:#000c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);color:#fff;padding:10px 18px;border-radius:24px;text-align:center;pointer-events:none;box-shadow:0 8px 24px #0006;animation:notice-in .16s cubic-bezier(.2,.9,.3,1) both;z-index:25}@keyframes notice-in{0%{opacity:0;transform:translate(-50%,-40%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.player-doubletap-ripple{position:absolute;top:0;bottom:0;width:44%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:20}.player-doubletap-ripple.is-left{left:0;border-radius:0 120px 120px 0;background:radial-gradient(ellipse at 0% 50%,rgba(255,255,255,.25) 0%,transparent 75%);animation:ripple-pulse .6s ease-out both}.player-doubletap-ripple.is-right{right:0;border-radius:120px 0 0 120px;background:radial-gradient(ellipse at 100% 50%,rgba(255,255,255,.25) 0%,transparent 75%);animation:ripple-pulse .6s ease-out both}.player-ripple-content{display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff;font-size:13px;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,.8)}@keyframes ripple-pulse{0%{opacity:0;transform:scale(.85)}35%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.drive-player:fullscreen{max-height:none;width:100vw;height:100dvh;aspect-ratio:auto;border-radius:0}@media(max-width:720px),(pointer:coarse){.drive-player{touch-action:manipulation}.drive-player button,.player-topline button{width:44px;height:44px;min-width:44px;min-height:44px}.player-topline{padding:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 12px max(14px,env(safe-area-inset-left))}.player-title{font-size:13.5px;font-weight:550}.player-controls{padding:38px max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.player-control-row{gap:10px}.player-volume,.player-pip{display:none!important}.player-play-btn{display:flex!important}.drive-player .player-big-play{display:flex!important;width:76px;height:76px}.player-time{font-size:11.5px;flex:1;font-weight:500}.player-spacer{display:none}.player-timeline{height:44px;margin-bottom:2px}.player-timeline input{height:44px;touch-action:none}.player-timeline:hover .player-track,.player-track{height:5px;border-radius:3px}.player-scrubber-head{width:18px;height:18px;transform:translate(-50%,-50%) scale(1);box-shadow:0 2px 8px #0009}.player-settings-menu,.player-subtitles-menu{position:fixed;bottom:calc(56px + max(12px,env(safe-area-inset-bottom)));right:12px;left:12px;width:auto;max-width:380px;margin-left:auto;border-radius:16px;padding:10px 0;z-index:100;max-height:55vh;box-shadow:0 16px 40px #000000b3}.player-settings-item{min-height:44px;font-size:14px;padding:0 18px}}.drive-player:fullscreen .player-topline{padding-top:max(16px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.drive-player:fullscreen .player-controls{padding-bottom:max(16px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}@media(prefers-reduced-motion:reduce){.player-controls,.player-topline,.player-doubletap-ripple,.player-time-tooltip,.player-settings-menu{animation:none!important;transition:none!important}}.player-poster-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:5;cursor:pointer;background:#000;transition:opacity .35s cubic-bezier(.16,1,.3,1),visibility .35s}.player-poster-container.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.player-poster-blur{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;width:calc(100% + 60px);height:calc(100% + 60px);object-fit:cover;filter:blur(36px) brightness(.65);opacity:.85;pointer-events:none}.player-poster{position:relative;max-width:100%;max-height:100%;object-fit:contain;z-index:2;box-shadow:0 12px 48px #00000080;pointer-events:none;animation:poster-fade-in .18s ease-out both}@keyframes poster-fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.player-loading.player-initial-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;padding:16px 24px;border-radius:20px;pointer-events:none;animation:notice-in .18s cubic-bezier(.2,.9,.3,1) both}[data-theme=light] .drive-player,:root:not([data-theme=dark]) .drive-player{background:#f8fafc;color:#0f172a;--player-accent: var(--primary, #2563eb);--player-track-bg: rgba(15, 23, 42, .12);--player-buffer-bg: rgba(15, 23, 42, .24);--player-hover-bg: rgba(15, 23, 42, .18)}[data-theme=light] .player-poster-container,:root:not([data-theme=dark]) .player-poster-container{background:#f1f5f9}[data-theme=light] .player-poster-blur,:root:not([data-theme=dark]) .player-poster-blur{filter:blur(36px) brightness(.95);opacity:.7}[data-theme=light] .player-topline,:root:not([data-theme=dark]) .player-topline{background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.7) 60%,transparent 100%)}[data-theme=light] .player-title,:root:not([data-theme=dark]) .player-title{color:#0f172a;text-shadow:none}[data-theme=light] .player-topline button,:root:not([data-theme=dark]) .player-topline button{background:#0f172a0f;color:#0f172a}[data-theme=light] .player-topline button:hover,:root:not([data-theme=dark]) .player-topline button:hover{background:#0f172a1f;color:var(--player-accent)}[data-theme=light] .player-controls,:root:not([data-theme=dark]) .player-controls{background:linear-gradient(0deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.75) 60%,transparent 100%);color:#0f172a}[data-theme=light] .player-controls button,:root:not([data-theme=dark]) .player-controls button{color:#0f172a}[data-theme=light] .player-controls button:hover,:root:not([data-theme=dark]) .player-controls button:hover{color:var(--player-accent)}[data-theme=light] .player-time,:root:not([data-theme=dark]) .player-time{color:#475569}[data-theme=light] .player-volume-slider,:root:not([data-theme=dark]) .player-volume-slider{background:#0f172a1f}[data-theme=light] .player-settings-menu,[data-theme=light] .player-subtitles-menu,:root:not([data-theme=dark]) .player-settings-menu,:root:not([data-theme=dark]) .player-subtitles-menu{background:#fffffffa;border:1px solid #e2e8f0;box-shadow:0 16px 40px #0f172a29;color:#0f172a}[data-theme=light] .player-settings-header,[data-theme=light] .player-subtitles-header,:root:not([data-theme=dark]) .player-settings-header,:root:not([data-theme=dark]) .player-subtitles-header{color:#64748b;border-bottom-color:#e2e8f0}[data-theme=light] .player-settings-item,:root:not([data-theme=dark]) .player-settings-item{color:#0f172a}[data-theme=light] .player-settings-item:hover,:root:not([data-theme=dark]) .player-settings-item:hover{background:#f1f5f9;color:var(--player-accent)}[data-theme=light] .player-time-tooltip,:root:not([data-theme=dark]) .player-time-tooltip{background:#fff;color:#0f172a;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0f172a1f}[data-theme=light] .player-loading,[data-theme=light] .player-error,:root:not([data-theme=dark]) .player-loading,:root:not([data-theme=dark]) .player-error{background:#fffffff2;border:1px solid #e2e8f0;color:#0f172a;box-shadow:0 16px 40px #0f172a26}[data-theme=light] .player-notice,:root:not([data-theme=dark]) .player-notice{background:#fffffff2;border:1px solid #e2e8f0;color:#0f172a;box-shadow:0 8px 24px #0f172a24}[data-theme=light] .drive-player .player-big-play,:root:not([data-theme=dark]) .drive-player .player-big-play{background:#ffffffe6;border:2px solid rgba(15,23,42,.12);color:#0f172a;box-shadow:0 10px 30px #0f172a26}[data-theme=light] .drive-player .player-big-play:hover,:root:not([data-theme=dark]) .drive-player .player-big-play:hover{background:var(--player-accent);color:#fff;border-color:var(--player-accent)}[data-theme=dark] .drive-player{background:#030712;color:#f8fafc;--player-accent: var(--primary, #3b82f6);--player-track-bg: rgba(255, 255, 255, .2);--player-buffer-bg: rgba(255, 255, 255, .4);--player-hover-bg: rgba(255, 255, 255, .28)}[data-theme=dark] .player-topline{background:linear-gradient(180deg,rgba(3,7,18,.88) 0%,rgba(3,7,18,.4) 60%,transparent 100%)}[data-theme=dark] .player-title{color:#f8fafc;text-shadow:0 1px 4px rgba(0,0,0,.7)}[data-theme=dark] .player-topline button{background:#ffffff1f;color:#fff}[data-theme=dark] .player-topline button:hover{background:#ffffff38}[data-theme=dark] .player-controls{background:linear-gradient(0deg,rgba(3,7,18,.92) 0%,rgba(3,7,18,.45) 60%,transparent 100%);color:#f8fafc}[data-theme=dark] .player-controls button{color:#f8fafc}[data-theme=dark] .player-controls button:hover{color:#60a5fa}[data-theme=dark] .player-time{color:#cbd5e1}[data-theme=dark] .player-volume-slider{background:#fff3}[data-theme=dark] .player-settings-menu,[data-theme=dark] .player-subtitles-menu{background:#0b0f1af5;border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 40px #000000b3;color:#f8fafc}[data-theme=dark] .player-settings-header,[data-theme=dark] .player-subtitles-header{color:#94a3b8;border-bottom-color:#ffffff14}[data-theme=dark] .player-settings-item{color:#f8fafc}[data-theme=dark] .player-settings-item:hover{background:#ffffff14;color:var(--player-accent)}[data-theme=dark] .player-time-tooltip{background:#0f172af2;color:#fff;border:1px solid rgba(255,255,255,.12)}[data-theme=dark] .player-loading,[data-theme=dark] .player-error{background:#0b0f1ae6;border:1px solid rgba(255,255,255,.12);color:#f8fafc;box-shadow:0 16px 40px #0009}[data-theme=dark] .player-notice{background:#0b0f1ae6;border:1px solid rgba(255,255,255,.12);color:#fff;box-shadow:0 8px 24px #00000080}[data-theme=dark] .drive-player .player-big-play{background:#0b0f1abf;border:2px solid rgba(255,255,255,.25);color:#fff;box-shadow:0 10px 40px #0009}[data-theme=dark] .drive-player .player-big-play:hover{background:var(--player-accent);color:#fff;border-color:var(--player-accent)}
