:root{color-scheme:dark;font:16px/1.5 Geist,system-ui,sans-serif;color:#fff3f4;background:#100d0e;--panel:#1c1518;--line:#40262d;--muted:#c5aeb4;--red:#f44259}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 0,#35151f 0,transparent 36rem)}[hidden]{display:none!important}
header{border-bottom:1px solid var(--line);background:#120e11}.bar{max-width:74rem;margin:auto;padding:.85rem 1.5rem;display:flex;align-items:center;justify-content:space-between;min-height:4.2rem}
.brand{color:inherit;text-decoration:none;font-weight:750}.brand span,.mark{color:var(--red);margin-right:.4rem}.mark{display:grid;place-items:center;border:1px solid var(--line);border-radius:.85rem;background:#341a22;width:3rem;height:3rem;font-size:1.4rem;margin-bottom:1rem}
main{max-width:74rem;margin:auto;padding:3rem 1.5rem}h1,h2,p{margin:0}h1{font-size:clamp(2.3rem,6vw,4rem);line-height:1.08;letter-spacing:-.065em}h2{font-size:1.16rem}p,small{color:var(--muted)}.hero p{margin-top:.6rem}.hero,.upload{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.panel,.card{background:var(--panel);border:1px solid var(--line);border-radius:1rem;padding:1.3rem}.login{max-width:27rem;margin:5vh auto 0;padding:2rem;box-shadow:0 24px 90px #0006}.login h1{font-size:2.6rem}.login form{display:grid;gap:1rem;margin-top:1.5rem}
input,button,.download{font:inherit;border-radius:.55rem;border:1px solid var(--line);padding:.56rem .78rem}input{color:inherit;background:#100d0e;max-width:100%}label{font-weight:650}label input{display:block;width:100%;margin-top:.4rem}button,.download{color:inherit;background:#291d22;font-size:.88rem;text-decoration:none;cursor:pointer}button:hover,.download:hover{background:#472630}button.primary{background:#c9223c;border-color:#f44259;color:white;font-weight:720}button.primary:hover{background:#a7182e}button:disabled{opacity:.55;cursor:default}:focus-visible{outline:2px solid #ff8394;outline-offset:3px}
#crumb{margin:1.5rem 0 .8rem;color:var(--muted)}#folder-form{margin-top:1rem;max-width:30rem}#folder-form p{margin:.5rem 0}.upload input{flex:1;min-width:min(100%,16rem)}#drive>section{margin-top:1.75rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.85rem;margin-top:.75rem}.card{min-width:0}.card strong{display:block;overflow-wrap:anywhere}.card small{display:block;margin:.25rem 0 .8rem}.card .icon{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:.6rem;background:#381c25;color:#ff7184;margin-bottom:.7rem}.actions{display:flex;flex-wrap:wrap;gap:.45rem}.delete,#error{color:#ff8998}.folder{text-align:left}.folder:hover{border-color:var(--red)}.feedback{margin:1rem auto;max-width:48rem}#manual{margin-top:.5rem;width:100%}#empty{margin-top:.55rem}
@media(max-width:560px){main{padding:2rem 1rem}.bar{padding:.75rem 1rem}.login{margin-top:1rem;padding:1.35rem}}

#folders-section { margin-bottom: 1.5rem; }
#no-folders { margin-top: .55rem; }
#crumb:empty { display: none; }
#crumb a { color: #ff8998; }
#drive .upload { margin-top: 1.5rem; }
.folder { display: block; color: inherit; text-decoration: none; }
.folder:hover { background: #291d22; }
.folder-open { color: #ff8998; font-size: .88rem; font-weight: 650; }