:root{color-scheme:light;--bg: #f7f8fa;--panel: #fff;--panel-2: #f1f5f9;--line: #e5e9f0;--text: #1e293b;--muted: #64748b;--accent: #2563eb;--accent-2: #0ea5e9;--accent-ink: #fff;--danger: #dc3545;--ok: #16845b;--shadow: 0 12px 36px #20324d14;--radius: 14px}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;color:var(--text);background:var(--bg);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button,input,select{font:inherit}button,summary{cursor:pointer;touch-action:manipulation}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}a{color:var(--accent)}button:focus-visible,summary:focus-visible,select:focus-visible,label.file-btn:focus-within{outline:3px solid #93c5fd;outline-offset:3px}.app-icon{display:inline-block;flex-shrink:0;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted)}input{width:100%;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text);outline:none}input:focus{border-color:#93b4f7;box-shadow:0 0 0 3px #2563eb0d}.primary,.ghost{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:9px;font-weight:600;white-space:nowrap}.primary{border:1px solid var(--accent);background:var(--accent);color:#fff;box-shadow:0 2px 3px #2563eb16}.primary:hover{background:#1d4ed8}.primary.danger{border-color:var(--danger);background:var(--danger)}.ghost{border:1px solid var(--line);background:#fff}.ghost:hover{background:var(--panel-2)}.text-btn{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:var(--accent);padding:5px 2px;font-size:12px}.danger-text{color:var(--danger)!important}.brand-mark{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:17px;background:var(--accent);color:#fff;font-size:22px;font-weight:800;letter-spacing:-1px}.brand-mark.small{width:36px;height:36px;border-radius:11px;font-size:14px}.topbar{position:sticky;top:0;z-index:40;height:76px;padding:0 32px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:750;letter-spacing:-.5px}.top-actions{display:flex;align-items:center;gap:18px}.top-actions .ghost{font-size:12px;min-height:34px;padding:6px 12px}.pill{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill.online{color:var(--ok)}.pill.offline{color:var(--danger)}.main{margin:0 auto;max-width:1680px;padding:0 28px 60px 0}.main.has-transfers{padding-bottom:340px}.warning{margin:16px 28px 0;padding:12px 16px;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px}.warning strong{display:block}.warning p{margin:4px 0 0}.library-layout{display:grid;grid-template-columns:224px minmax(0,1fr);gap:34px}.library-sidebar{position:sticky;top:76px;align-self:start;min-height:calc(100dvh - 76px);padding:30px 16px;background:#fff;border-right:1px solid var(--line)}.nav-heading{margin:0 14px 15px;color:#94a3b8;font-size:11px;letter-spacing:.08em}.primary-nav,.category-nav{display:grid;gap:5px}.primary-nav button,.category-nav button{display:flex;align-items:center;gap:12px;width:100%;min-height:43px;padding:10px 13px;border:0;border-radius:8px;background:transparent;color:#5b6b82;text-align:left}.primary-nav button:hover,.category-nav button:hover{background:#f6f8fc}.primary-nav button.active,.category-nav button.active{color:#245edb;background:#ecf2ff;font-weight:650}.nav-count{margin-left:auto;font-size:11px;color:#94a3b8;font-variant-numeric:tabular-nums}.active .nav-count{color:#5282e7}.nav-section-label{display:flex;justify-content:space-between;align-items:center;margin:30px 14px 12px;color:#94a3b8;font-size:11px}.auto-tag{color:#718098;font-size:10px;background:#f1f5f9;border-radius:4px;padding:1px 5px}.sidebar-storage{margin:34px 12px 0;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.sidebar-storage>.app-icon{margin-right:8px;color:#8b9ab0}.sidebar-storage strong{display:block;margin:12px 0 4px;color:var(--text);font-size:25px;letter-spacing:-.6px;font-weight:600}.sidebar-storage p{margin:0 0 13px;font-size:11px}.sidebar-storage .text-btn{margin-top:14px;color:var(--muted)}.storage-distribution{display:flex;gap:2px;height:5px;overflow:hidden;border-radius:8px;background:var(--line)}.storage-distribution span{flex-basis:0;background:#60a5fa}.storage-distribution .video{background:#a78bfa}.storage-distribution .audio{background:#fb923c}.storage-distribution .document{background:#2dd4bf}.storage-distribution .archive{background:#fbbf24}.storage-distribution .other,.storage-distribution .application,.storage-distribution .code{background:#94a3b8}.library-content{min-width:0;padding-top:32px}.library-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px}.eyebrow{margin:0 0 7px;color:#8c9aaf;font-size:10px;font-weight:600;letter-spacing:.13em}h1{margin:0;font-size:27px;line-height:1.4;letter-spacing:-.6px;font-weight:650}.page-description{margin:8px 0 0;color:var(--muted);font-size:12px}.toolbar-actions{display:flex;align-items:center;gap:10px}.file-btn{cursor:pointer}.category-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:28px}.category-card{position:relative;display:flex;align-items:flex-start;gap:12px;min-width:0;padding:19px 16px 38px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left;transition:border-color .15s,box-shadow .15s}.category-card:hover{border-color:#b5cbf8;box-shadow:0 4px 16px #2563eb07}.category-card-label{display:grid;gap:5px;color:var(--muted);font-size:12px}.category-card-label strong{color:var(--text);font-size:22px;font-weight:600;line-height:1.4}.category-card-label small{font-size:10px;color:#8d99ac;font-weight:400}.category-card-size{position:absolute;bottom:13px;right:16px;font-size:10px;color:#93a0b3}.file-art{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:11px;background:#eff3f8;color:#71839c}.file-art.image{background:#eaf2ff;color:#4c85ec}.file-art.video{background:#f0ecff;color:#9270db}.file-art.audio{background:#fff1e6;color:#d98b38}.file-art.document{background:#e8f7f2;color:#399c81}.file-art.archive,.file-art.folder{background:#fff5db;color:#d5a23c}.file-art.code{background:#e9f3f9;color:#4b8ba9}.file-art.application{background:#f1effc;color:#8d82b6}.file-art.small{width:38px;height:42px;border-radius:8px}.library-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px}.search-field{display:flex;align-items:center;gap:9px;width:min(400px,100%);min-width:120px;padding:0 13px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#94a3b8}.search-field:focus-within{border-color:#a7c4fb}.search-field input{padding:12px 0;border:0;background:transparent;font-size:12px}.search-field input:focus{box-shadow:none}.search-field input::-webkit-search-cancel-button{display:none}.display-controls{display:flex;gap:12px;flex-shrink:0}.display-controls select{max-width:160px;padding:9px 30px 9px 12px;min-height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font-size:12px}.view-switch{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:8px;background:#fff}.view-switch button{display:grid;place-items:center;min-width:35px;border:0;border-radius:5px;background:transparent;color:#94a3b8}.view-switch button[aria-pressed=true]{color:var(--accent);background:#edf3ff}.location-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 2px 13px;min-height:22px}.crumbs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#a0aec0;min-width:0}.crumb{border:0;padding:0;background:transparent;font-size:12px;color:#64748b;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crumb:last-child{color:var(--text);font-weight:600}.results-label{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.item-count{font-size:11px;color:#93a0b3;white-space:nowrap}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:11px}.files-table{width:100%;table-layout:fixed;border-collapse:collapse}.files-table th{text-align:left;color:#8a98ad;font-size:11px;font-weight:400;padding:14px 18px;background:#fcfdff;border-bottom:1px solid var(--line)}.files-table th:first-child{width:44%;border-radius:11px 0 0}.files-table th:nth-child(2){width:12%}.files-table th:nth-child(3){width:12%}.files-table th:nth-child(4){width:25%}.files-table td{padding:12px 18px;border-bottom:1px solid #f0f2f6;font-size:12px}.files-table tr:last-child td{border-bottom:0}.files-table tbody tr:hover{background:#fafcff}.name-cell{display:flex;align-items:center;gap:12px;min-width:0}.file-name-block{min-width:0}.name-btn{display:block;max-width:100%;padding:9px 0;border:0;background:transparent;color:var(--text);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.name-btn:hover{color:var(--accent)}.meta-type,.meta-size,.meta-time{color:#7c8a9e;white-space:nowrap;font-variant-numeric:tabular-nums}.mobile-meta{display:none}.actions-col{width:7%}.file-menu{position:relative}.file-menu summary{display:grid;place-items:center;width:34px;height:34px;border-radius:6px;list-style:none;color:#94a3b8}.file-menu summary::-webkit-details-marker{display:none}.file-menu summary:hover,.file-menu[open] summary{background:#ecf2ff;color:var(--accent)}.file-menu[open]{z-index:15}.file-menu-options{position:absolute;top:calc(100% + 3px);right:0;width:162px;padding:5px;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);background:#fff}.file-menu-options button{display:block;padding:10px 12px;min-height:42px;width:100%;border:0;border-radius:5px;background:transparent;font-size:12px;text-align:left}.file-menu-options button:hover{background:var(--bg)}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.file-card{min-width:0;border:1px solid var(--line);border-radius:11px;background:#fff;padding:12px 15px 16px}.file-card:hover{border-color:#c5d6f7}.file-card-top{display:flex;align-items:center;justify-content:space-between}.type-label{font-size:10px;color:#94a3b8}.file-card-open{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;padding:12px 0 0;border:0;background:transparent}.file-card-open .file-art{width:78px;height:78px;border-radius:18px}.file-card-open strong{max-width:100%;font-weight:500;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card>p{margin:7px 0 0;text-align:center;font-size:10px;color:#94a3b8}.empty{display:grid;justify-items:center;text-align:center;min-height:270px;align-content:center;padding:35px 20px;border:1px solid var(--line);border-radius:11px;background:#fff}.empty-art{display:grid;place-items:center;width:76px;height:76px;border-radius:22px;background:#f0f5ff;color:#83a6e7}.empty h2{margin:18px 0 8px;font-size:16px;font-weight:550}.empty p{margin:0;color:#8c9aaf;font-size:12px;max-width:350px}.empty .ghost{margin-top:18px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;color:var(--muted);font-size:11px}.pagination>div{display:flex;align-items:center;gap:12px}.pagination .ghost{min-height:34px;padding:6px 11px;font-size:11px}.drop-zone{display:flex;align-items:center;gap:16px;margin-top:24px;padding:20px;border:1px dashed #cdd8ea;border-radius:11px;color:#7297d2;background:#f3f7ff}.drop-zone strong{font-size:12px;font-weight:500;color:#7186a8}.drop-zone p{margin:4px 0 0;font-size:11px;color:#94a3b8}.drop-zone.dragover{border-color:var(--accent);background:#eaf1ff}.drop-caption{margin-left:auto;font-size:10px;color:#94a3b8;white-space:nowrap}.inline-error{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;margin-bottom:14px;border:1px solid #fecaca;border-radius:9px;background:#fff1f2;color:#be123c}.skeleton-wrap{padding:12px 18px}.skeleton-row{height:45px;margin:8px 0;border-radius:7px;background:linear-gradient(90deg,#f1f5f9 20%,#e8edf5,#f1f5f9 80%);background-size:240% 100%;animation:shimmer 1.4s infinite linear}@keyframes shimmer{to{background-position:-240% 0}}.upload-panel{position:fixed;right:22px;bottom:22px;width:min(430px,calc(100% - 32px));max-height:45dvh;overflow:auto;z-index:30;padding:15px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 10px 50px #20324d24}.upload-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px}.upload-head strong{font-size:13px}.upload-active{color:var(--accent);font-size:10px;margin-left:8px}.upload-head-actions{display:flex;flex-wrap:wrap;gap:3px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--muted);border-radius:5px;padding:6px;min-height:30px;font-size:11px}.icon-btn:hover{background:var(--panel-2)}.upload-list{margin-top:8px}.upload-row{border-top:1px solid var(--line);padding:11px 0}.upload-name{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:8px}.upload-name span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pct{color:var(--muted);font-variant-numeric:tabular-nums}.bar{height:5px;background:#edf1f7;border-radius:5px;overflow:hidden}.bar>div{height:100%;border-radius:inherit;background:var(--accent);transition:width .2s}.upload-foot{display:flex;align-items:center;gap:8px;margin-top:7px}.upload-status{flex:1;font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-status.error{color:var(--danger)}.upload-status.done{color:var(--ok)}.upload-size{font-size:10px;color:#94a3b8;white-space:nowrap}.modal{position:fixed;inset:0;z-index:50;background:#14233a66;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:24px}.modal-card{width:min(540px,100%);max-height:90dvh;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.modal-card.wide{width:min(980px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-close{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:var(--bg);color:var(--muted);font-size:22px;flex-shrink:0}.modal-body{padding:22px;overflow:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--line)}.dialog-form label{display:block;font-size:12px;color:var(--muted);margin-bottom:9px}.dialog-message{margin:0;color:var(--muted);line-height:1.8}.preview-stage{display:grid;place-items:center;min-height:180px;background:#101828;border-radius:10px;overflow:hidden}.preview-stage video,.preview-stage img{display:block;max-width:100%;max-height:66dvh;margin:0 auto}.preview-stage audio{width:95%;margin:25px 0}.classification-help p{color:var(--muted);font-size:13px;line-height:1.9}.classification-help dl>div{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.classification-help dt{min-width:44px}.classification-help dd{margin:0;color:var(--muted)}.toast-stack{position:fixed;left:50%;top:90px;transform:translate(-50%);z-index:70;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{pointer-events:auto;border:1px solid var(--line);border-radius:9px;padding:12px 20px;background:#fff;color:var(--text);font-size:12px;box-shadow:var(--shadow);max-width:min(560px,calc(100vw - 32px))}.toast-error{background:#fff1f2;color:#be123c;border-color:#fecdd3}.toast-success{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.toast-enter-active,.toast-leave-active,.modal-enter-active,.modal-leave-active{transition:opacity .16s,transform .16s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(-5px)}.modal-enter-from,.modal-leave-to{opacity:0}.boot-screen{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:18px;color:var(--muted)}.login-screen{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);padding:40px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow);text-align:center}.login-card h1{margin:20px 0 8px}.login-card>p{margin:0 0 25px;font-size:13px}.login-submit{width:100%;margin-top:14px}.form-error{color:var(--danger);margin:12px 0 0}@media(min-width:1440px){.library-layout{grid-template-columns:244px minmax(0,1fr);gap:44px}.main{padding-right:44px}.library-sidebar{padding-left:24px;padding-right:24px}}@media(max-width:1100px){.category-overview{gap:10px}.category-card{padding:15px 12px 34px;gap:8px}.category-card-label strong{font-size:19px}.category-card .file-art{width:35px;height:35px}.category-card-label small{display:none}.library-layout{grid-template-columns:195px minmax(0,1fr);gap:24px}.drop-caption{display:none}.page-description{max-width:300px}.files-table th:nth-child(4),.files-table td:nth-child(4){display:none}.files-table th:first-child{width:58%}.files-table th:nth-child(3){width:20%}}@media(max-width:760px){body{font-size:14px}.topbar{height:66px;padding:0 18px}.brand{font-size:17px;gap:9px}.top-actions{gap:11px}.pill{font-size:10px}.main{padding:0 16px 36px}.warning{margin:12px 16px}.library-layout{display:block}.library-sidebar{position:static;min-height:0;padding:18px 0;border:0;background:transparent}.nav-heading,.nav-section-label,.sidebar-storage{display:none}.primary-nav{display:flex;gap:6px;margin-bottom:14px}.primary-nav button{width:auto;min-height:40px;padding:9px 12px;font-size:13px}.primary-nav .nav-count{margin-left:5px}.category-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.category-nav button{flex-direction:column;justify-content:center;gap:6px;min-height:66px;padding:9px 4px;font-size:11px;border:1px solid var(--line);background:#fff}.category-nav .nav-count{display:none}.category-nav button.active{border-color:#b5cbf8}.library-content{padding-top:9px}.library-heading{display:block;margin-bottom:20px}.eyebrow{display:none}h1{font-size:24px}.page-description{max-width:none;font-size:12px}.toolbar-actions{margin-top:18px}.toolbar-actions>*{flex:1;min-height:44px}.category-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:22px}.category-card{padding:13px 12px 27px;gap:12px}.category-card-label strong{font-size:21px}.category-card-label small{display:inline;font-size:9px}.category-card-size{bottom:10px;font-size:9px}.library-controls{flex-wrap:wrap;margin-bottom:17px;gap:12px}.search-field{width:100%;min-height:46px}.search-field input{font-size:16px;padding:11px 0}.display-controls{width:100%;justify-content:space-between}.display-controls select{min-height:44px;font-size:12px}.view-switch button{min-width:42px}.files-table th,.files-table td{padding:12px}.files-table th:nth-child(2),.files-table td:nth-child(2),.files-table th:nth-child(3),.files-table td:nth-child(3){display:none}.files-table th:first-child{width:auto}.files-table th:last-child{width:60px}.name-cell{gap:10px}.name-btn{font-size:13px;padding:0 0 5px;min-height:28px}.mobile-meta{display:block;font-size:10px;color:#94a3b8}.file-menu summary{width:40px;height:44px}.file-menu-options button{min-height:44px}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.file-card{padding:10px 12px 15px}.file-card-open{gap:17px}.file-card-open .file-art{width:62px;height:62px;border-radius:14px}.file-card-open .app-icon{width:32px;height:32px}.empty{min-height:245px;padding:25px 17px}.empty p{font-size:11px}.drop-zone{padding:16px;gap:12px}.drop-zone strong{font-size:11px}.drop-zone p{font-size:10px}.pagination{align-items:flex-start;flex-direction:column;gap:12px}.pagination>div{width:100%;justify-content:space-between}.upload-panel{bottom:max(10px,env(safe-area-inset-bottom));right:10px;width:calc(100% - 20px);max-height:43dvh}.upload-head-actions .icon-btn,.upload-foot .text-btn{min-height:40px;padding:7px}.upload-size{display:none}.modal{padding:14px}.modal-body{padding:18px}.modal-card{max-height:88dvh}.modal-close{width:44px;height:44px}input{font-size:16px}.toast-stack{top:76px}.main.has-transfers{padding-bottom:340px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.preview-stage iframe{width:100%;height:65dvh;border:0;background:#fff}.preview-fallback{padding:32px;color:#cbd5e1;font-size:13px;text-align:center}@media(max-width:760px){.category-overview{display:none}}.modal{grid-template-columns:minmax(0,1fr)}.modal-card{min-width:0;max-width:100%}.modal-head h2{min-width:0}.source-badge{display:inline-block;margin-left:6px;color:#637eaa;background:#eef3fb;padding:1px 5px;border-radius:4px;font-size:10px}.sync-button{gap:7px}.sync-details p{font-size:13px;line-height:1.9;color:var(--muted)}.sync-summary{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;padding:18px;margin:20px 0;background:#f3f7ff;border-radius:10px;font-size:12px;color:var(--muted)}.sync-summary strong{color:var(--accent);font-size:28px}.sync-state{margin-left:auto;color:var(--accent)}.sync-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.spinning{animation:sync-spin 1.5s linear infinite}@keyframes sync-spin{to{transform:rotate(360deg)}}.media-player{background:#101828;color:#e2e8f0;border-radius:10px;overflow:hidden;outline-offset:-3px}.media-screen{position:relative;display:grid;place-items:center;min-height:180px;background:#030712}.media-screen video{display:block;width:100%;max-height:55dvh}.media-screen audio{width:calc(100% - 36px);margin:60px 18px}.media-loading{position:absolute;top:14px;left:14px;pointer-events:none;padding:6px 10px;border-radius:6px;background:#101828cc;color:#dbeafe;font-size:12px}.media-error{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;padding:25px;background:#101828f5;text-align:center;font-size:13px;line-height:1.8}.media-error .ghost{color:var(--text)}.media-controls{padding:14px 16px}.media-timeline{display:flex;align-items:center;gap:12px;font-size:11px;font-variant-numeric:tabular-nums}.media-timeline input,.media-volume{min-width:0;padding:0;accent-color:#60a5fa;height:24px;box-shadow:none}.media-timeline span{min-width:37px}.media-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:11px}.media-buttons button,.media-notice button{border:1px solid #344258;color:#dbeafe;background:#1e293b;min-height:34px;border-radius:6px;padding:6px 10px;font-size:11px}.media-buttons button:hover{background:#334155}.speed-control{display:flex;align-items:center;gap:5px;font-size:11px}.speed-control select{background:#1e293b;color:#dbeafe;border:1px solid #344258;padding:7px 3px;border-radius:6px;font-size:12px}.media-volume{max-width:85px}.media-notice{display:flex;align-items:center;gap:8px;font-size:11px;color:#93c5fd}.media-notice button{border:0;background:transparent;padding:0}.media-hint{margin:10px 0 0;color:#94a3b8;font-size:10px}.media-player:fullscreen{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;border-radius:0}.media-player:fullscreen .media-screen{flex:1;min-height:0}.media-player:fullscreen video{max-height:calc(100dvh - 160px)}@media(max-width:760px){.top-actions .pill{display:none}.top-actions{gap:8px}.top-actions .sync-button{min-height:40px}.media-buttons button{min-height:42px}.media-buttons{gap:7px}.media-volume,.media-hint{display:none}.media-screen video{max-height:48dvh}.media-controls{padding:12px}.media-notice{flex-wrap:wrap}}.traffic-panel{display:grid;gap:14px}.traffic-panel p{margin:0;line-height:1.65}.traffic-hero{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}.traffic-hero strong{font-size:38px;letter-spacing:-1px}.traffic-hero small{font-size:16px}.traffic-hero span{color:var(--muted)}.traffic-progress{width:100%;height:12px;accent-color:#287d63}.traffic-progress.danger{accent-color:#c86625}.traffic-note{padding:12px;background:#fff6e6;color:#825414;border-radius:8px}.top-actions .traffic-alert{color:#a85b16;background:#fff5e7}.traffic-totals{display:flex;flex-wrap:wrap;gap:24px}.traffic-totals strong{margin-left:8px}.traffic-history{display:flex;gap:12px;align-items:center;font-size:12px}.traffic-history>span:last-child{min-width:75px;text-align:right}.traffic-bar{flex:1;height:9px;background:#edf0eb;border-radius:4px;overflow:hidden}.traffic-bar i{display:block;height:100%;background:#669b87}.traffic-settings{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.traffic-settings input{width:130px;min-height:40px}.traffic-detail table{width:100%;text-align:left;font-size:13px;margin:12px 0}@media(max-width:600px){.topbar .brand>span:last-child{display:none}.top-actions .traffic-button{font-size:11px;padding-inline:7px}}.telegram-panel{display:grid;gap:16px}.telegram-panel p{margin:0;line-height:1.65;overflow-wrap:anywhere}.telegram-profile{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.telegram-profile>div{min-width:0}.telegram-profile button{flex-shrink:0}.telegram-qr{display:grid;justify-items:center;gap:12px;text-align:center}.telegram-qr img{width:224px;max-width:100%;background:#fff;border:1px solid var(--line);border-radius:12px}.telegram-qr p{max-width:420px;font-size:13px;color:var(--muted)}.telegram-password,.telegram-channel-picker{display:grid;gap:12px}.telegram-panel input,.telegram-panel select{width:100%;min-height:42px}.telegram-status-dot{width:7px;height:7px;border-radius:50%;background:#ba7840;display:inline-block}.telegram-status-dot.online{background:#368d64}.telegram-label-mobile{display:none}@media(max-width:600px){.telegram-label-desktop{display:none}.telegram-label-mobile{display:inline}}