:root{--ink:#162b26;--muted:#6d7d77;--cream:#f4f2eb;--paper:#fff;--line:#dfe5e1;--green:#1d5b49;--lime:#d9ff57}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:var(--cream);color:var(--ink)}button,input,a{font:inherit}.loading{min-height:100vh;display:grid;place-content:center;text-align:center;color:var(--muted)}.loading span{width:36px;height:36px;border:3px solid #d5ddd9;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;padding:42px;background:radial-gradient(circle at 70% 20%,#dff4ae,transparent 32%),linear-gradient(135deg,#f4f2eb 55%,#173e33 55%)}.brand{font-weight:900;letter-spacing:.08em;display:flex;align-items:center;gap:12px}.brand span{display:grid;place-content:center;width:34px;height:34px;border-radius:9px;background:var(--lime);color:#15392f}.login-card{grid-column:1;align-self:center;max-width:560px;padding:50px 0}.eyebrow,header p{font-size:12px;font-weight:800;letter-spacing:.17em;color:var(--green)}.login-card h1{font-family:Georgia,serif;font-weight:500;font-size:56px;line-height:1.04;margin:12px 0 24px}.login-card>p:not(.eyebrow){max-width:480px;color:var(--muted);font-size:17px;line-height:1.7}.google-slot{width:320px;min-height:44px;margin:32px 0 18px}.login-card small{color:var(--muted)}.error,.notice{max-width:480px;padding:13px 16px;border-radius:10px;margin-top:20px;background:#fff0e9;color:#8b3c25}.notice{background:#fff8d7;color:#645310}.portal{min-height:100vh;display:grid;grid-template-columns:260px 1fr}aside{position:fixed;inset:0 auto 0 0;width:260px;background:#153d32;color:white;padding:30px 20px;display:flex;flex-direction:column}aside .brand{padding:0 10px 28px;border-bottom:1px solid #ffffff1f}nav{display:grid;gap:6px;margin-top:28px}nav button{border:0;background:transparent;color:#c5d5cf;text-align:left;padding:13px 14px;border-radius:10px;cursor:pointer}nav button:hover,nav button.active{background:#ffffff12;color:white}nav i{font-style:normal;display:inline-block;width:25px}.profile{margin-top:auto;padding:18px 8px 0;border-top:1px solid #ffffff1f;display:flex;align-items:center;gap:10px}.profile img,.profile>i{width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--lime);color:#173e33;display:grid;place-content:center;font-style:normal}.profile div{min-width:0;flex:1}.profile b,.profile span{display:block;overflow:hidden;text-overflow:ellipsis}.profile b{font-size:13px}.profile span{font-size:10px;color:#9fb7ae}.profile a{color:white;text-decoration:none}.content{grid-column:2;padding:42px 48px}header{display:flex;align-items:end;justify-content:space-between}header h1{font-family:Georgia,serif;font-size:42px;font-weight:500;margin:6px 0 0}header p{margin:0}header label{width:320px;display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--line);padding:11px 14px;border-radius:11px}header input{border:0;outline:0;width:100%;background:transparent}.crumbs{display:flex;gap:8px;align-items:center;margin:30px 0 14px}.crumbs button{border:0;background:transparent;color:var(--green);cursor:pointer;padding:0;font-weight:700}.crumbs span{color:#9da9a4}.summary{display:flex;gap:14px;align-items:center;margin-bottom:20px}.summary span{color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}.card{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;cursor:pointer;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #173e3314;border-color:#b9c9c2}.thumb{aspect-ratio:1;background:#e9edea;display:grid;place-content:center;position:relative;overflow:hidden}.thumb img,.thumb video{width:100%;height:100%;object-fit:cover}.folder-icon{font-size:70px;color:#e1a92e}.file-icon{font-weight:900;color:var(--green)}.play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-content:center;width:40px;height:40px;border-radius:50%;background:#ffffffd9}.meta{padding:13px 14px}.meta b,.meta span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta b{font-size:13px}.meta span{font-size:11px;color:var(--muted);margin-top:5px}.empty{grid-column:1/-1;padding:80px;text-align:center;color:var(--muted)}dialog{width:min(960px,92vw);border:0;border-radius:18px;padding:0;background:#111;color:white;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#081c16cc}.close{position:absolute;right:14px;top:10px;z-index:2;border:0;color:white;background:#0007;border-radius:50%;width:36px;height:36px;font-size:24px;cursor:pointer}.media{height:min(68vh,680px);display:grid;place-content:center;background:#0a0a0a}.media img,.media video{max-width:100%;max-height:68vh}.unknown{font-size:70px}.preview-meta{display:flex;justify-content:space-between;gap:20px;padding:18px 22px}.preview-meta b,.preview-meta span{display:block}.preview-meta span{font-size:12px;color:#aaa;margin-top:5px}.preview-meta>div:last-child{display:flex;gap:10px}.preview-meta a{color:#173e33;background:var(--lime);padding:10px 13px;border-radius:9px;text-decoration:none;font-size:12px;font-weight:800}@media(max-width:760px){.login-shell{grid-template-columns:1fr;padding:24px;background:var(--cream)}.login-card h1{font-size:42px}.portal{display:block}aside{position:static;width:auto;height:auto}.profile{margin-top:20px}.content{padding:28px 18px}header{display:block}header label{width:100%;margin-top:20px}.grid{grid-template-columns:repeat(2,1fr)}.preview-meta{display:block}.preview-meta>div:last-child{margin-top:15px}}