:root { color-scheme:dark; }
html,body { background:#000!important; color:#fff!important; font:16px/1.5 Arial,sans-serif!important; }
body * { color:#fff!important; text-shadow:none!important; box-shadow:none!important; }
a,button { cursor:pointer!important; }
a:focus-visible,button:focus-visible,input:focus-visible { outline:2px solid #fff!important; outline-offset:3px; }
#ops,#wrap,#op_bup,#op_mkdir { box-sizing:border-box; width:auto!important; max-width:1000px!important; margin:20px auto!important; padding:18px!important; background:#000!important; border:1px solid #444!important; border-radius:8px; }
#ops>a { display:none!important; }
#ops>#opa_bup,#ops>#opa_mkd { display:inline-block!important; margin:4px!important; padding:10px 18px!important; font:600 16px Arial,sans-serif!important; background:#222!important; border:1px solid #666!important; border-radius:6px; }
#tree,#srv_info,#widget,#repl,#op_up2k,#tt,#w,#wb,#cc,#af,#k,#wfp,#u2err,#uput,#bbsw { display:none!important; }
#op_bup label,#op_bup .cfg,#op_bup>a,#op_bup>div:has(#uput) { display:none!important; }
#acc_info { position:static!important; max-width:1000px; margin:16px auto!important; background:#000!important; text-align:right; font-size:0!important; }
#acc_info #acc_desc { display:none!important; }
#blogout { font:16px Arial,sans-serif!important; }
#simple-title { max-width:1000px; margin:24px auto 0; font:700 30px Arial,sans-serif; }
#simple-intro,#simple-nav { max-width:1000px; margin:8px auto 18px; }
#simple-nav a { display:inline-block; margin-right:22px; text-decoration:underline; }
#files { width:100%!important; }
#files,#files tbody,#files tr,#files td,#files th { background:#000!important; }
#files th,#files td { padding:14px!important; border-bottom:1px solid #333!important; }
#files thead th { background:#181818!important; text-align:left; }
#files tbody tr:hover td { background:#181818!important; }
#files td:first-child,#files th:first-child,#files td:nth-child(4),#files th:nth-child(4),#files td:nth-child(5),#files th:nth-child(5) { display:none!important; }
#files a { text-decoration:underline; }
input,button { font:16px Arial,sans-serif!important; background:#181818!important; border:1px solid #666!important; border-radius:5px; padding:8px; }
input::placeholder { color:#fff!important; opacity:.8; }
input[type=file] { max-width:100%; }
input[type=file]::file-selector-button { background:#222; color:#fff; border:1px solid #666; padding:8px 12px; border-radius:4px; }
input[type=submit] { margin-top:16px; padding:10px 18px; cursor:pointer; }
@media(max-width:700px) { body{padding:10px!important} #wrap{padding:10px!important} #files td,#files th{padding:10px!important} }
#drop-status { max-width:1000px; margin:12px auto; padding:14px; border:1px dashed #777; border-radius:6px; }
#files tr.drop-target td,#wrap.drop-target { background:#292929!important; outline:2px dashed #fff!important; }
#video-player { background:#000;color:#fff;border:1px solid #777;border-radius:8px;width:min(1000px,90vw);max-height:90vh;padding:20px; }
#video-player::backdrop { background:rgba(0,0,0,.85); }
#video-player video { display:block;width:100%;max-height:65vh;background:#000;margin:16px 0; }
#video-player h2 { font-size:18px;overflow-wrap:anywhere; }
#video-player>a { display:inline-block;padding:10px 0; }
#video-player input[type=range] {width:100%;box-sizing:border-box;}
#video-player [hidden] {display:none!important;}
