:root{color-scheme:dark;--bg:#07162b;--panel:#0b203b;--card:#102b4b;--border:#205177;--text:#f3f7ff;--muted:#9ab5d1;--cyan:#25d9f0;--mint:#31dcc5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 system-ui,"DejaVu Sans",sans-serif}button,input,select{font:inherit}button,a.button,.upload-label{border:1px solid var(--border);border-radius:11px;background:#16385b;color:var(--text);padding:11px 17px;cursor:pointer;text-decoration:none;display:inline-flex;gap:10px;align-items:center;justify-content:center}button:hover,a.button:hover,.upload-label:hover{background:#1a4569;border-color:#3283a2}button:disabled{cursor:wait;color:var(--muted)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}input,select{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;color:var(--text);background:#071b31;margin:6px 0 15px}label{display:block;color:var(--muted);font-size:13px}h1,h2,h3,p{margin:0 0 14px}h1{font-size:28px;line-height:1.25}h2{font-size:22px;line-height:1.3}h3{font-size:17px;margin-top:16px}small,.muted{color:var(--muted);font-size:12px}.hidden{display:none!important}.primary{background:#078f9d;border-color:#15bac3;font-weight:600}.primary:hover{background:#0aa5af}.danger{background:#7c304e;border-color:#b74a70}.danger:hover{background:#9a3b60}.text-button{padding:8px 0;background:none;border:0;color:var(--cyan);font-size:13px}.text-button:hover{background:none}.eyebrow{color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:2px;display:block;margin-bottom:10px}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;padding:28px 17px 18px;background:#081c33;border-right:1px solid var(--border);display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;color:var(--text);text-decoration:none;font-size:29px;line-height:1.1;font-weight:750;margin:0 7px 39px}.brand>img{width:48px;height:48px;object-fit:contain}.brand span{color:var(--cyan);font-weight:400}.brand small{display:block;font-size:8px;letter-spacing:1px;margin-top:7px}.sidebar nav{display:flex;gap:7px;flex-direction:column}.sidebar nav button,.sidebar-bottom button{justify-content:flex-start;text-align:left;border-color:transparent;background:none;font-size:13px;padding:13px 12px;gap:12px}.sidebar nav button.selected{background:#123b62;border-color:#21618a;color:var(--cyan)}.sidebar nav button:hover,.sidebar-bottom button:hover{background:#102d4b}.sidebar-bottom{margin-top:auto;padding:30px 4px 0;font-size:12px}.sidebar-bottom small{display:block;padding-top:17px;font-size:10px}.online{display:flex;align-items:center;gap:8px;color:var(--mint);font-size:11px;padding:10px 12px}.online span{background:var(--mint);border-radius:50%;width:6px;height:6px}.sidebar svg{width:20px;height:20px;flex-shrink:0}main{margin-left:238px;padding:29px 36px 15px;flex:1;min-width:0;max-width:2200px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}header h1{font-size:27px;margin:0}.header-actions{display:flex;align-items:center;gap:20px}time{font-size:22px;font-weight:650;font-variant-numeric:tabular-nums}.icon-button{width:45px;height:45px;padding:10px}.icon-button svg{width:23px;height:23px}.overview{display:grid;grid-template-columns:2.1fr 1fr;gap:20px}.card,.hero{background:var(--panel);border:1px solid var(--border);border-radius:19px;padding:25px}.hero{background:linear-gradient(115deg,#102d4d,#0b243e);display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:285px;overflow:hidden}.hero h2{font-size:29px;margin:18px 0 14px}.hero h2 em{font-style:normal;color:var(--mint)}.hero p{color:var(--muted);font-size:13px;max-width:420px}.hero>img{width:150px;height:170px;object-fit:contain;flex-shrink:0}.hero .badge{font-size:9px;letter-spacing:1.4px;color:var(--cyan);background:#0b3b51;padding:7px 10px;border-radius:7px;display:inline-block}.hero button{margin-top:8px}.hero button span{margin-left:24px}.card-top{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:13px;margin-bottom:20px}.card-top i{display:flex;background:#123b53;color:var(--cyan);padding:9px;border-radius:9px}.card-top svg{width:22px;height:22px}.storage-card strong{font-size:31px;display:block;letter-spacing:-1px}.storage-card p{color:var(--muted);font-size:12px}.storage-card small{display:block;margin:7px 0}.storage-card progress{width:100%;height:8px;border:0;border-radius:5px;background:#173d5b;overflow:hidden}.storage-card progress::-webkit-progress-bar{background:#173d5b}.storage-card progress::-webkit-progress-value{background:var(--mint)}.storage-card progress::-moz-progress-bar{background:var(--mint)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:29px 0 14px}.section-heading h2{font-size:18px;margin:0}.section-heading>span{color:var(--muted);font-size:11px}.apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.app{background:var(--panel);padding:23px 18px;border-radius:16px;border:1px solid #183e60;display:flex;flex-direction:column;align-items:flex-start;min-height:151px;text-align:left;transition:background .15s,border-color .15s}.app:hover{background:#113151}.app-icon{border-radius:13px;width:45px;height:45px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;background:#103a4a;color:var(--mint)}.app-icon svg{width:25px;height:25px}.app.purple .app-icon{color:#b29af8;background:#2b294b}.app.gold .app-icon{color:#f1c66d;background:#3c3627}.app.pink .app-icon{color:#f08bab;background:#3d2940}.app.blue .app-icon{color:#75baff;background:#143958}.app strong{font-size:14px}.app small{font-size:10px;margin-top:5px;line-height:1.4}.bottom-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-top:23px}.metrics{display:flex;justify-content:space-between;gap:16px;margin-bottom:17px}.metrics small{display:block;font-size:11px}.metrics strong{display:block;font-size:22px;margin-top:5px}.bottom-grid .card>p{font-size:12px;color:var(--muted);margin:0}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.page pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 system-ui;background:#071b31;padding:16px;border-radius:10px;color:var(--muted);margin:0 0 20px}.page form .primary{margin:5px 0 10px}.page .card>button,.page .card>a.button{margin-right:8px;margin-bottom:12px}hr{border:0;border-top:1px solid var(--border);margin:22px 0}.max-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.max-toolbar p{margin:0 auto 0 0;color:var(--muted);font-size:12px}.max-toolbar button{font-size:11px;padding:9px 12px}.max-host{height:calc(100vh - 230px);min-height:480px;background:#031021;border:1px solid var(--border);border-radius:17px;overflow:hidden}.max-host iframe{border:0;width:100%;height:100%;display:block}.max-host:fullscreen{border-radius:0}.empty{padding:35px;color:var(--muted);text-align:center}.file-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:22px;flex-wrap:wrap}.file-toolbar strong{margin-right:auto;font-size:14px}.file-list{display:grid;gap:7px}.file-row{display:flex;align-items:center;gap:14px;padding:14px 12px;background:#0d2946;border:1px solid #163d5e;border-radius:11px;text-decoration:none;color:var(--text);cursor:pointer;text-align:left}.file-row svg{width:23px;height:23px;color:var(--cyan);flex-shrink:0}.file-row small{margin-left:auto;white-space:nowrap}.file-row span{overflow-wrap:anywhere;font-size:13px}.upload-label{font-size:12px;color:var(--text)}.upload-label input{display:none}.notice{padding:13px 18px;background:#123b53;border:1px solid #26718c;border-radius:10px;font-size:13px;margin-bottom:18px;overflow-wrap:anywhere}.notice.error{background:#482639;border-color:#a84b6c}footer{display:flex;justify-content:space-between;gap:15px;color:#6285a5;font-size:10px;margin-top:30px;padding-top:15px;border-top:1px solid #15334e}.login{min-height:100vh;display:grid;place-items:center;padding:30px}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:24px;width:min(460px,100%);padding:35px}.login-card>img{width:75px;height:75px;object-fit:contain;margin-bottom:18px}.login-card h1{font-size:25px}.login-card p{color:var(--muted);font-size:13px}.login-card .primary{width:100%;margin-top:8px}.login-card>small{display:block;text-align:center;margin-top:24px}.error{color:#ffb4b4!important}dialog{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:19px;padding:28px;max-width:450px;width:90%}dialog::backdrop{background:#020b18}dialog p{color:var(--muted);font-size:14px}dialog>div{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}#disks>div{padding:15px 0;border-bottom:1px solid var(--border)}#disks strong,#disks small{display:block}#remote-link a{display:block;color:var(--cyan);overflow-wrap:anywhere;margin:12px 0}#remote-enable{margin-top:10px}
@media(min-width:1700px){main{padding:35px 55px}.hero{min-height:310px}.hero h2{font-size:34px}.hero>img{width:190px;height:210px}.apps{gap:20px}.app{min-height:170px}}@media(max-width:1180px){.sidebar{width:205px;padding-inline:12px}main{margin-left:205px;padding:25px 22px}.hero>img{width:110px;height:130px}.hero h2{font-size:23px}.hero .badge{font-size:8px}.card,.hero{padding:20px}.overview{grid-template-columns:1.7fr 1fr}.apps{grid-template-columns:repeat(3,minmax(0,1fr))}.brand{font-size:25px}.brand small{font-size:7px}.bottom-grid{grid-template-columns:1fr 1fr}.metrics strong{font-size:18px}}@media(max-width:800px){.sidebar{position:static;width:100%;padding:13px 15px;border-right:0;border-bottom:1px solid var(--border)}.brand{margin:0 0 16px;font-size:24px}.brand>img{width:38px;height:38px}.brand small{display:none}.sidebar nav{flex-direction:row;overflow:auto;gap:6px}.sidebar nav button{white-space:nowrap;font-size:11px;padding:9px;gap:6px}.sidebar nav svg{width:17px;height:17px}.sidebar-bottom{display:none}.shell{display:block}main{margin:0;padding:23px 17px}.overview,.bottom-grid,.two-columns{grid-template-columns:1fr}.storage-card{display:none}header h1{font-size:22px}.header-actions{gap:10px}time{font-size:17px}.eyebrow{font-size:8px;letter-spacing:1.4px}.hero h2{font-size:25px}.hero>img{width:115px;height:140px}.hero{min-height:260px}.hero .badge{font-size:8px}.apps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.app{padding:17px 13px;min-height:145px}.app strong{font-size:12px}.app small{font-size:9px}.card{padding:20px}.max-host{min-height:440px;height:65vh}.max-toolbar{flex-wrap:wrap}.max-toolbar p{width:100%;margin-bottom:5px}footer span:last-child{display:none}.metrics strong{font-size:23px}.file-toolbar{gap:10px}.file-toolbar strong{width:100%;order:-1}.login-card{padding:28px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.voice-card{margin-bottom:20px}.voice-card form{max-width:650px}.voice-card select,.voice-card input{width:100%;margin-bottom:10px}.voice-card button{margin:10px 8px 0 0}#voice-feedback{color:var(--cyan);font-size:13px;min-height:20px}#voice-key-status{display:block}

.library-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.library-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0}.library-tools form{display:flex;gap:8px;flex:1;min-width:220px}.library-tools input,.library-tools select{margin:0}.library-tools select{max-width:100%;flex-basis:100%}.library-tabs{display:flex;flex-wrap:wrap;gap:8px}.library-tabs .active{background:#075e7c;border-color:#25d9f0}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;align-items:start}.media-poster{position:relative;padding:0;border:0;background:#0b203b;display:flex;flex-direction:column;gap:0;overflow:hidden;width:100%;min-width:0;text-align:left;align-items:stretch}.media-poster img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:12px;z-index:1}.media-poster strong{display:block;font-size:13px;font-weight:600;padding:9px 4px;line-height:1.4;min-height:50px;z-index:1;background:#0b203b}.cover-label{position:absolute;inset:0 0 50px;display:grid;place-items:center;color:#31dcc5;background:#102b4b;border:1px solid #205177;border-radius:12px;font-size:16px;letter-spacing:2px}.media-poster.no-cover{padding-top:150%}.media-detail{padding:20px;background:#0b203b;border:1px solid #205177;border-radius:16px}.media-summary{display:grid;grid-template-columns:minmax(100px,190px) 1fr;gap:24px;margin:22px 0}.media-summary img{width:100%;max-height:300px;object-fit:contain;border-radius:12px}.media-summary p{white-space:pre-line}.playback-stage{margin-top:20px}.playback-stage video{display:block;width:100%;max-height:75vh;background:#000;border-radius:12px}.stream-option{padding:18px;border:1px solid #205177;border-radius:12px;margin-bottom:12px;background:#102b4b}.episode-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:15px 0}.episode-list button{justify-content:flex-start;text-align:left}.reader-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:15px 0}.book-page{display:block;max-width:100%;height:auto;margin:15px auto;background:#fff}.book-text{white-space:pre-wrap;font-size:19px;line-height:1.9;max-width:850px;margin:24px auto}.book-reader{scroll-margin-top:20px}
@media(min-width:1500px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}}@media(max-width:600px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.media-summary{grid-template-columns:100px 1fr;gap:14px}.media-summary h2{font-size:20px}.media-summary p{font-size:13px}.media-detail{padding:13px}.library-tools button,.library-tabs button{padding:10px 12px;font-size:13px}.reader-toolbar button{padding:9px;font-size:13px}}

.stremio-qr{display:block;width:238px;height:238px;max-width:100%;object-fit:contain;background:#fff;border-radius:12px;padding:8px;margin:18px 0}.stremio-code{font-size:24px;font-weight:700;color:#25d9f0;letter-spacing:3px}

#books-page .media-poster img{object-fit:contain;background:#102b4b}
.reader-content{min-height:65vh}.book-reader:fullscreen,.book-reader.reader-expanded{background:#07162b;color:#f3f7ff;padding:20px;overflow:auto;width:100%;height:100%}.book-reader.reader-expanded{position:fixed;inset:0;z-index:1000}.book-reader:fullscreen .reader-toolbar,.reader-expanded .reader-toolbar{position:sticky;top:0;background:#07162b;padding:10px}.drive-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #205177}.drive-row .file-row{flex:1;min-width:0}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.photos-grid a{display:flex;flex-direction:column;min-width:0;background:#102b4b;border-radius:12px;overflow:hidden}.photos-grid img{width:100%;aspect-ratio:1;object-fit:cover}.photos-grid span{padding:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-form,.user-row{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:20px 0}.user-form label{flex:1;min-width:180px}.user-row{border-top:1px solid #205177;padding:18px 0;align-items:center}.user-row input[type=number]{width:110px}.user-row label{display:flex;align-items:center;gap:8px}.user-row input[type=checkbox]{width:20px;height:20px}.user-form input{width:100%}body[data-role=member] footer{display:none}
@media(max-width:800px){body[data-role=member] #navigation{justify-content:space-between;overflow:visible}body[data-role=member] #navigation button{flex:1;min-width:0;flex-direction:column;padding:8px 3px;font-size:11px}body[data-role=member] header{gap:8px}body[data-role=member] .header-actions{gap:8px}}