:root{font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:#e8f0f5;background:#0c1420;font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 80% -30%,#19334b 0,transparent 56%),#0c1420}button,input{font:inherit}button{cursor:pointer}main{max-width:1080px;margin:auto;padding:24px 32px 70px}header{height:66px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #263646}.brand{display:flex;align-items:center;gap:12px;font-size:1.12rem;font-weight:700}.mark{background:#54d5c2;color:#0a2630;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:24px;font-weight:700}.quiet{background:none;border:0;color:#a4b7c5}.heading{margin:56px 0 28px}h1{font-size:clamp(2rem,5vw,3rem);letter-spacing:-.04em;margin:0 0 10px}p{color:#9cb0c0;margin:0}.add{display:flex;gap:10px;padding:8px;background:#182638;border:1px solid #344559;border-radius:18px;box-shadow:0 15px 45px #0003}.add input{flex:1;min-width:0;border:0;background:transparent;color:white;padding:14px;outline:0;direction:ltr;text-align:left}.add input::placeholder{color:#70889a}button:not(.quiet):not(.link){border:0;background:#56d6c4;color:#092328;border-radius:11px;padding:13px 22px;font-weight:700}button:hover{filter:brightness(1.1)}.listhead{display:flex;justify-content:space-between;align-items:center;margin:48px 0 15px;color:#9cb0c0}.listhead h2{font-size:1.05rem;color:#e8f0f5;margin:0}.list{display:grid;gap:10px}.row{display:flex;align-items:center;gap:18px;padding:18px 20px;background:#152234;border:1px solid #2b3c4e;border-radius:15px}.fileicon{width:44px;height:44px;flex:none;border-radius:11px;background:#234052;color:#64dfcd;display:grid;place-items:center;font-size:21px}.details{flex:1;min-width:0}.name{font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:right}.meta{font-size:.85rem;color:#9cb0c0;margin-top:5px}.actions{display:flex;gap:7px;flex-wrap:wrap}.link{background:#23374a;border:1px solid #385064;color:#d9e7ef;border-radius:9px;padding:9px 12px;text-decoration:none;font-size:.88rem}.link.danger{color:#f3aeb2}.empty{border:1px dashed #395165;border-radius:15px;padding:48px 20px;text-align:center;color:#91aabb}.login{min-height:68vh;display:grid;place-items:center}.card{width:min(100%,390px);background:#172638;border:1px solid #35485d;border-radius:20px;padding:32px;box-shadow:0 24px 90px #0004}.card h1{font-size:2rem;margin-bottom:30px}.card label{display:block;margin-bottom:9px}.card input{width:100%;padding:14px;background:#0e1b2a;color:white;border:1px solid #486074;border-radius:10px;margin-bottom:16px}.card button{width:100%}.error{color:#ff9ca4;min-height:23px;margin:10px 0}.viewer{position:fixed;inset:0;background:#071019ed;display:grid;place-items:center;padding:20px;z-index:10}.viewer video{max-width:min(100%,1100px);max-height:85vh;background:black}.close{position:absolute;top:18px;left:18px}.viewer[hidden],[hidden]{display:none!important}@media(max-width:650px){main{padding:16px}.heading{margin:40px 0 22px}.add{display:block}.add input,.add button{width:100%}.row{align-items:flex-start;flex-wrap:wrap}.actions{width:100%;padding-inline-start:60px}.fileicon{width:42px;height:42px}}