@font-face{font-family:'Open Sans';font-weight:400;src:url('fonts/open-sans-latin-400-normal.woff2') format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Open Sans';font-weight:400;src:url('fonts/open-sans-latin-ext-400-normal.woff2') format('woff2');font-display:swap;unicode-range:U+0100-02AF,U+1E00-1E9F}
@font-face{font-family:'Open Sans';font-weight:600;src:url('fonts/open-sans-latin-600-normal.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Open Sans';font-weight:700;src:url('fonts/open-sans-latin-700-normal.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Source Code Pro';font-weight:500;src:url('fonts/source-code-pro-latin-500-normal.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Source Code Pro';font-weight:600;src:url('fonts/source-code-pro-latin-600-normal.woff2') format('woff2');font-display:swap}

:root{--ink:#120A1C;--ink2:#1B1128;--ink3:#0C0713;--text:#F3EEF9;--muted:#B9AECB;--lav:#C9A6F7;--purple:#9B5CF6;--mint:#3DDC97;--line:rgba(243,238,249,.14);
  --sans:'Open Sans',system-ui,sans-serif;--mono:'Source Code Pro',ui-monospace,monospace;--pad:40px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--lav)}a:hover{color:#E4D3FB}
button,input,textarea,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--lav);outline-offset:2px}
h1,h2,h3{font-family:'ruddy',var(--sans);margin:0;line-height:1.05;font-weight:700}
.ol{color:transparent;-webkit-text-stroke:2px var(--lav)}
.ol.mint{-webkit-text-stroke-color:var(--mint)}
.label{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--lav)}
.okc{color:var(--mint)}
.muted{color:var(--muted)}.small{font-size:14px}
.row{display:flex;align-items:center}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.center{justify-content:center}.grow{flex:1 1 200px;min-width:0}
.gap8{gap:8px}.gap10{gap:10px}.gap12{gap:12px}.gap14{gap:14px}
.stack2,.stack6,.stack8,.stack16,.stack18,.stack20,.stack24{display:flex;flex-direction:column}
.stack2{gap:2px}.stack6{gap:6px}.stack8{gap:8px}.stack16{gap:16px}.stack18{gap:18px}.stack20{gap:20px}.stack24{gap:24px}
.inline{display:inline}.nolink{text-decoration:none}
.err{margin:0;padding:10px 14px;border-radius:10px;background:rgba(229,72,77,.15);border:1px solid rgba(229,72,77,.5);color:#FFD7D8}
.msg{margin:0;font-size:15px;line-height:1.55;color:#D8CDE6;overflow-wrap:anywhere}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;border:0;background:var(--purple);color:#fff;
  font-family:'ruddy',var(--sans);font-size:18px;text-transform:uppercase;letter-spacing:.03em;text-decoration:none;cursor:pointer;
  box-shadow:0 0 0 1px rgba(201,166,247,.5),0 0 32px rgba(155,92,246,.5);transition:background-color .2s,box-shadow .2s;font-weight:700}
.btn:hover{background:#8A47F0;color:#fff;box-shadow:0 0 0 1px rgba(201,166,247,.7),0 0 44px rgba(155,92,246,.7)}
.btn:disabled{opacity:.5;cursor:default}
.btn.big{min-height:56px;font-size:19px;width:100%}
.mintbtn{background:var(--mint);color:#0B2A1D;box-shadow:0 0 0 1px rgba(61,220,151,.6),0 0 36px rgba(61,220,151,.45)}
.mintbtn:hover{background:#2FC985;color:#0B2A1D;box-shadow:0 0 0 1px rgba(61,220,151,.8),0 0 46px rgba(61,220,151,.6)}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(243,238,249,.3);background:transparent;color:var(--text);
  font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer}
.btn-ghost:hover{border-color:var(--lav);color:var(--text)}
.sbtn{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(243,238,249,.25);background:transparent;color:var(--text);font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap}
.sbtn:hover{border-color:var(--lav);color:var(--text)}
.sbtn.danger{color:#FF8A8D;border-color:rgba(255,138,141,.35)}
.sbtn.danger:hover{border-color:#FF8A8D}

/* login, download and request cards */
.jungle{min-height:100vh;background:var(--ink) url('img/jungle.jpg') center/cover no-repeat fixed}
.jungle::before{content:'';position:fixed;inset:0;background:linear-gradient(rgba(18,10,28,.35),rgba(18,10,28,.6));pointer-events:none}
.login-wrap{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.glass{background:rgba(18,10,28,.74);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.card{width:100%;max-width:440px;display:flex;flex-direction:column;gap:20px;padding:40px;border-radius:24px;border:1px solid rgba(201,166,247,.45);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.card.wide{max-width:640px}
.card.mintcard{border-color:rgba(61,220,151,.5);box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 60px rgba(61,220,151,.18)}
.card .btn{min-height:52px}
.wide-logo{width:100%;height:auto}
.h-card{font-size:clamp(34px,5vw,44px);line-height:1.02;overflow-wrap:anywhere}

/* form fields */
.fld{display:flex;flex-direction:column;gap:7px}
.fld label{font-size:14px;font-weight:600}
.fld input,.fld textarea,.fld select{min-height:48px;border-radius:10px;border:1px solid rgba(243,238,249,.25);background:rgba(18,10,28,.6);color:var(--text);padding:0 14px;font-size:15px;width:100%}
.fld select{padding:0 10px;background:var(--ink)}
.fld textarea{padding:12px 14px;min-height:96px;resize:vertical}
.fld input:focus,.fld textarea:focus,.fld select:focus{border-color:var(--lav);outline:none;box-shadow:0 0 0 3px rgba(201,166,247,.25)}
.chk{display:flex;gap:10px;align-items:center;font-size:15px;cursor:pointer}
.chk input{width:18px;height:18px;accent-color:var(--purple)}

/* admin layout */
.band{position:relative;padding:22px var(--pad) 44px;background:linear-gradient(180deg,rgba(18,10,28,.55) 0%,rgba(18,10,28,.85) 70%,var(--ink) 100%),url('img/jungle.jpg') center 40%/cover}
.band.flat{padding-bottom:28px}
.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.brandimg{width:105px;height:auto}
.navpill{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(243,238,249,.3);background:transparent;color:var(--text);text-decoration:none;
  font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.navpill:hover{border-color:var(--lav);color:var(--text)}
.navpill.on{background:var(--text);color:var(--ink);border-color:var(--text)}
.navpill.ghost{border-color:transparent;color:var(--muted)}
.h-big{margin-top:40px;font-size:clamp(48px,6.4vw,80px);line-height:.98;overflow-wrap:anywhere}
.main{max-width:1360px;margin:0 auto;padding:8px var(--pad) 64px}
.split{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start}
.split>section{flex:999 1 560px}
.split>.panel{flex:1 1 360px;max-width:440px}
.panel{padding:28px;border-radius:22px;background:var(--ink2);box-shadow:0 0 0 1px rgba(201,166,247,.35)}
.panel.ok{box-shadow:0 0 0 1px rgba(61,220,151,.6),0 0 44px rgba(61,220,151,.22)}
.panel.narrow{max-width:640px}
.panel[hidden]{display:none}
.link{display:block;padding:12px 14px;border-radius:10px;background:var(--ink);border:1px solid rgba(201,166,247,.35);color:var(--lav);font-family:var(--mono);font-size:14px;overflow-wrap:anywhere;cursor:pointer}
.panel.ok .link{border-color:rgba(61,220,151,.5);color:var(--mint)}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:14px}
.kv dt,.kv .k{color:var(--muted)}

/* drop zone, progress, file list */
.drop{min-height:220px;border-radius:18px;border:2px dashed rgba(201,166,247,.55);background:rgba(201,166,247,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px}
.drop strong{font-size:20px}
.drop.over{background:rgba(201,166,247,.16);border-color:var(--lav)}
.drop.mintdrop{min-height:170px;border-color:rgba(61,220,151,.55);background:rgba(61,220,151,.06)}
.drop.mintdrop.over{background:rgba(61,220,151,.16);border-color:var(--mint)}
.prog[hidden]{display:none}
.bar{height:8px;border-radius:999px;background:rgba(243,238,249,.12);overflow:hidden;margin-top:8px}
.bar div{height:100%;width:0;border-radius:999px;background:var(--lav);box-shadow:0 0 16px rgba(201,166,247,.8);transition:width .3s}
.flist{border-radius:18px;background:var(--ink2);box-shadow:0 0 0 1px rgba(243,238,249,.1);overflow:hidden}
.flist:empty{display:none}
.flist.pub{background:rgba(27,17,40,.85);border-radius:16px}
.fi{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid rgba(243,238,249,.08)}
.fi:first-child{border-top:0}
.fi .ext{flex:none;width:42px;height:42px;border-radius:10px;background:rgba(201,166,247,.14);color:var(--lav);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;font-weight:600}
.fi .nm{flex:1;min-width:0;display:flex;flex-direction:column}
.fi .nm>span:first-child,.fi .nm>button{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fi .nm>button{background:none;border:0;padding:0;text-align:left;color:var(--text);cursor:pointer;text-decoration:underline;text-decoration-color:rgba(201,166,247,.5);text-underline-offset:3px}
.fi .nm>button:hover{color:var(--lav)}
.fi .sz{font-size:13px;color:var(--muted)}
.fi .st{font-family:var(--mono);font-size:12px;color:var(--lav);white-space:nowrap}
.fi .st.ok{color:var(--mint)}.fi .st.bad{color:#FF8A8D}
.fi .mini{height:4px;border-radius:999px;background:rgba(243,238,249,.12);margin-top:6px;overflow:hidden}
.fi .mini div{height:100%;background:var(--lav)}
.round{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(243,238,249,.3);background:transparent;color:var(--text);text-decoration:none;cursor:pointer;font-size:18px;line-height:1}
.round:hover{border-color:var(--lav);color:var(--text)}
.round[aria-disabled="true"]{opacity:.35;pointer-events:none}

/* list */
.fchip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(243,238,249,.25);background:transparent;color:var(--text);font-size:14px;font-weight:600;cursor:pointer}
.fchip.on{background:var(--text);color:var(--ink);border-color:var(--text)}
.fchip.mint.on{background:var(--mint);border-color:var(--mint)}
.tablebox{overflow-x:auto;border-radius:18px;border:1px solid var(--line)}
.rtable{width:100%;min-width:920px;border-collapse:collapse;font-size:14px}
.rtable th{background:var(--ink2);text-align:left;padding:14px 18px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.rtable td{padding:12px 18px;border-top:1px solid rgba(243,238,249,.1);vertical-align:middle}
.rtable tr[hidden]{display:none}
.rtable tr.hl td{background:rgba(61,220,151,.07)}
.dirpill{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(201,166,247,.5);color:var(--lav)}
.dirpill.in{border-color:rgba(61,220,151,.6);color:var(--mint)}

/* preview */
.viewer{position:fixed;inset:0;z-index:40;background:rgba(12,7,19,.96);display:flex;flex-direction:column}
.viewer[hidden]{display:none}
.vbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;border-bottom:1px solid rgba(243,238,249,.12)}
.vbar .name{font-family:var(--mono);font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vstage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:20px}
.vstage img,.vstage video{max-width:100%;max-height:100%;border-radius:14px}
.vstage iframe{width:100%;height:100%;border:0;border-radius:14px;background:#fff}

.toast{position:fixed;left:50%;top:20px;transform:translate(-50%,-140%);z-index:60;padding:12px 18px;border-radius:12px;background:var(--ink2);border:1px solid rgba(201,166,247,.5);box-shadow:0 10px 40px rgba(0,0,0,.5);transition:transform .25s;visibility:hidden}
.toast.show{transform:translate(-50%,0);visibility:visible}

@media (max-width:760px){
  :root{--pad:18px}
  .card{padding:28px 22px}
  .h-big{margin-top:28px}
  .panel{padding:22px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* list as cards */
.chips{flex-wrap:wrap}
.tcard{border-radius:18px;background:var(--ink2);box-shadow:0 0 0 1px rgba(243,238,249,.1);overflow:hidden}
.tcard[hidden]{display:none}
.tcard.hl{box-shadow:0 0 0 1px rgba(61,220,151,.6),0 0 40px rgba(61,220,151,.2)}
.tmain{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;padding:20px 22px}
.ttitle{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:6px}
.ttitle b{font-size:18px;overflow-wrap:anywhere}
.tstats{margin:0;display:grid;grid-template-columns:220px 110px 100px;gap:8px 28px;font-size:14px}
.tstats .st{display:flex;flex-direction:column;gap:2px;min-width:0}
.tstats dt{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.tstats dd{margin:0}
.tact{display:flex;flex-wrap:wrap;gap:8px}
.sbtn{min-height:40px;padding:0 14px}
.sbtn.wide{width:150px;justify-content:center}
.sbtn.on{border-color:var(--lav);background:rgba(201,166,247,.14)}
.sbtn:disabled{opacity:.4;cursor:default}
.hist{border-top:1px solid rgba(243,238,249,.1);padding:16px 22px 20px;background:rgba(18,10,28,.45);display:flex;flex-direction:column;gap:10px}
.hist[hidden]{display:none}
.hrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;font-size:14px}
.hat{width:110px;font-family:var(--mono);font-size:13px;color:var(--muted)}
.hk{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;background:rgba(243,238,249,.08);color:#D8CDE6}
.hk.all{background:rgba(201,166,247,.18);color:#E4D3FB}
.hw{flex:1;min-width:160px;overflow-wrap:anywhere}
@media (max-width:760px){
  .tmain{padding:16px;gap:14px}
  .tstats{grid-template-columns:1fr 1fr;width:100%}
  .tact{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .tact .sbtn,.sbtn.wide{width:auto;min-height:44px;justify-content:center}
  .hist{padding:14px 16px}
  .hrow{gap:3px 10px}
  .hw{flex-basis:100%}
}

/* recipient: downloaded files */
.fi.got{background:rgba(61,220,151,.06)}
.fi.got .ext{background:rgba(61,220,151,.14);color:var(--mint)}
.fi.got .sz{color:var(--mint)}
.round.got{border-color:var(--mint);background:rgba(61,220,151,.16);color:var(--mint);box-shadow:0 0 16px rgba(61,220,151,.45)}
.round.got:hover{color:var(--mint)}
@media (min-width:761px) and (max-width:1359px){.ttitle{flex:1 1 100%}.tstats{grid-template-columns:200px 100px 96px;gap:8px 24px}}
@media (min-width:1360px){
  .tmain{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:24px}
  .tstats{grid-template-columns:200px 100px 96px;gap:8px 24px}
  .tact{flex-wrap:nowrap}
}
.chk[hidden]{display:none}
.mailform{border-top:1px solid rgba(243,238,249,.1);padding:16px 22px 20px;background:rgba(18,10,28,.45);display:flex;flex-direction:column;gap:12px}
.mailform[hidden]{display:none}
@media (max-width:760px){.mailform{padding:14px 16px}}
/* 19.10.: same name dialog, interrupted transfer */
.modal{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(12,7,19,.7)}
.mbox{width:min(520px,100%);padding:24px;border-radius:18px;background:rgba(27,17,40,.98);box-shadow:0 0 0 1px rgba(201,166,247,.4),0 20px 50px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}
.mbox h3{margin:0;font-family:'ruddy',sans-serif;font-weight:700;font-size:24px}
.mlist{margin:0;padding:0;list-style:none;max-width:100%;overflow-wrap:anywhere;color:var(--muted)}
.mbtns{justify-content:center}
.resume{padding:12px 16px;border-radius:14px;background:rgba(201,166,247,.1);box-shadow:inset 0 0 0 1px rgba(201,166,247,.4);font-size:14px;line-height:1.5}
.resume .linkbtn{background:none;border:0;padding:0;color:var(--lav);text-decoration:underline;cursor:pointer;font:inherit}

/* ===== gorillahippo look, shared with the website (keep identical in Select and Transfer) ===== */
:root{--muted2:#BFB3CF}
h1,h2,h3,.h-gal,.h-card,.h-big,.h-folder,.h-login,.fmeta b,.gtitle{text-wrap:balance}
/* links that leave the tool: small arrow on hover */
a.ext{white-space:normal}a.ext::after{content:'';display:inline-block;width:.62em;height:.62em;margin-left:.1em;vertical-align:.1em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E") center/contain no-repeat;opacity:0;transform:translate(-2px,2px);transition:opacity .2s,transform .2s}
a.ext:hover::after,a.ext:focus-visible::after{opacity:.85;transform:none}
/* meta line like the project cards: small caps, " | " between the parts */
.metab{margin:0;font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted2);line-height:1.7}
/* main buttons as narrow as their text, centred on small screens (like the website) */
.login .btn,.card .btn,.btn.big{width:fit-content;max-width:100%;align-self:center;padding:0 36px}

/* footer, variant B of the website, slim */
.gftr{position:relative;z-index:1;margin-top:72px;padding:0 var(--pad)}
.gftr__bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0 28px;border-top:1px solid var(--line);font-size:14px;color:var(--muted2)}
.gftr__stay{font-family:'ruddy',sans-serif;font-size:34px;line-height:1;color:var(--lav);font-weight:900;flex:none}
.gftr__fine{display:flex;flex-direction:column;align-items:flex-end;gap:2px;line-height:1.45;text-align:right;min-width:0}
.gftr__fine a{color:inherit;text-decoration:none}.gftr__fine a:hover{color:var(--lav)}
.gftr__sep{white-space:nowrap;display:inline-flex;gap:.22em;align-items:flex-end;vertical-align:-.15em;line-height:1}
.gftr__sep .mirror{display:inline-block;transform:scaleX(-1)}.gftr__sep .hippo{display:inline-block;font-size:1.2em;line-height:1}
/* login and download pages: just the bar, at the bottom of the jungle */
body.jungle{display:flex;flex-direction:column;min-height:100vh}
body.jungle>.login-wrap,body.jungle>.center{flex:1 0 auto;min-height:0}
.gftr.slim{margin-top:0;border-top:0;background:linear-gradient(rgba(18,10,28,0),rgba(18,10,28,.85) 40%)}
.gftr.slim .gftr__bar{border-top:1px solid rgba(243,238,249,.12)}
body.gallery .gftr__bar{padding-bottom:110px}  /* room for the selection dock */
@media (max-width:600px){
  .gftr__bar{gap:12px;padding:14px 0 20px}
  .gftr__stay{font-size:24px}
  .gftr__fine{font-size:12px}
}

/* tiles: the picture rounds itself (Safari keeps the corners while zooming), soft zoom on hover */
.tile .ph{overflow:hidden}
.tile .ph img{clip-path:inset(0 round 18px 18px 0 0)}
.utile img{clip-path:inset(0 round 14px 14px 0 0)}
.fcov img{clip-path:inset(0 round 16px)}
.gcover{overflow:hidden}.gcover img{clip-path:inset(0 round 18px 18px 0 0)}
.tile .ph img,.utile img,.fcov img,.gcover img{transition:transform .5s ease,clip-path .5s ease}
@media (hover:hover){
  .tile:hover .ph img,.utile:hover img,.gcard:hover .gcover img{transform:scale(1.03);clip-path:inset(1.46% round 17.5px 17.5px 0 0)}
  .ftile:hover .fcov img{transform:scale(1.03);clip-path:inset(1.46% round 15.5px)}
}
@media (prefers-reduced-motion:reduce){.tile:hover .ph img,.utile:hover img,.ftile:hover .fcov img,.gcard:hover .gcover img{transform:none}}

/* transfer download page */
.fi{transition:background-color .2s}
@media (hover:hover){.flist.pub .fi:hover{background:rgba(201,166,247,.07)}}
.dlhead{display:flex;flex-direction:column;gap:10px}
.dlhead .h-card{font-size:clamp(38px,6vw,58px)}
.metab .nw{white-space:nowrap}
body.gallery .grid{padding-bottom:40px}

/* question box (replaces the browser dialogs) */
.gask .mbox{width:min(480px,100%);padding:26px;border-radius:20px;background:rgba(27,17,40,.98);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 0 0 1px rgba(201,166,247,.4),0 24px 60px rgba(0,0,0,.55);display:flex;flex-direction:column;gap:14px}
.gask .mbox.mdanger{box-shadow:0 0 0 1px rgba(255,138,141,.45),0 24px 60px rgba(0,0,0,.55)}
.gask h3{margin:0;font-family:'ruddy',sans-serif;font-size:24px;font-weight:700}
.gask .mtext{margin:0;font-size:16px;line-height:1.5;white-space:pre-line}
.gask .mtext2{margin:0;white-space:pre-line}
.gask .inp{min-height:46px;border-radius:10px;border:1px solid rgba(243,238,249,.25);background:var(--ink);color:var(--text);padding:0 14px;font-size:15px}
.gask .inp:focus{border-color:var(--lav);outline:none;box-shadow:0 0 0 3px rgba(201,166,247,.25)}
.gask .mbtns{margin-top:4px;justify-content:flex-start}
.gask .btn{min-height:46px;padding:0 26px;font-size:16px}
.gask .btn-ghost.danger{color:#FF8A8D;border-color:rgba(255,138,141,.45)}
.gask .btn-ghost.danger.dfill{background:rgba(229,72,77,.18);color:#FFD7D8;border-color:#FF8A8D}
.gask .btn-ghost.danger.dfill:hover{background:rgba(229,72,77,.32)}
@media (max-width:600px){.gask .mbtns{flex-direction:column-reverse;align-items:stretch}.gask .mbtns>*{width:100%;margin:0}}
/* long file lists scroll inside the card, the send button stays in reach */
.flist.tall{position:relative;max-height:min(60vh,720px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(61,220,151,.5) transparent}
.flist.tall::-webkit-scrollbar{width:8px}.flist.tall::-webkit-scrollbar-thumb{background:rgba(61,220,151,.45);border-radius:8px}
.bar.mintbar div{background:var(--mint);box-shadow:0 0 16px rgba(61,220,151,.8)}
.prog .gobtn{display:flex;margin:14px auto 0;width:fit-content;white-space:nowrap;max-width:100%}.prog .gobtn[hidden]{display:none}

#progHint{text-align:center;margin:8px 0 0}#progHint[hidden]{display:none}
.chk[hidden]{display:none}

.fi .ext.th{overflow:hidden;padding:0;background:rgba(243,238,249,.06)}.fi .ext.th img{width:100%;height:100%;object-fit:cover;display:block}

/* delete = red bin with a red ring; × only closes */
.round.rm{display:inline-flex;align-items:center;justify-content:center;color:#FF5A5F;border-color:#FF5A5F}.round.rm:hover{background:rgba(255,90,95,.16)}.round.rm svg{width:18px;height:18px}

/* download all: label and size as one line, the size wraps as a whole if needed */
#all{flex-wrap:wrap;column-gap:.4em;row-gap:0;line-height:1.15;padding-block:10px;text-align:center}#all #total{white-space:nowrap}