.public-client-transfer{margin:28px auto;max-width:1500px;padding:24px;border:1px solid color-mix(in srgb,var(--a) 34%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--a) 7%,#090b0a),#080a09 55%);box-shadow:0 22px 60px #0008,inset 0 1px color-mix(in srgb,var(--a) 15%,transparent)}.public-client-transfer>header{display:flex;justify-content:space-between;gap:24px;align-items:start;margin-bottom:20px}.public-client-transfer>header p,.mix-client-inbox>header span{color:var(--a);font:800 9px var(--mono);letter-spacing:.15em}.public-client-transfer>header h2{margin:5px 0;font-size:clamp(24px,3vw,42px)}.public-client-transfer>header span{color:var(--muted)}.public-client-transfer>header>b{padding:7px 10px;border:1px solid var(--a);color:var(--a);font:800 8px var(--mono)}.client-submission-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:18px}.client-transfer-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.client-transfer-fields label{display:grid;gap:7px}.client-transfer-fields .wide{grid-column:1/-1}.client-transfer-fields input,.client-transfer-fields select,.client-transfer-fields textarea{width:100%}.client-transfer-fields textarea{min-height:112px}.client-multidrop{position:relative;grid-row:span 2;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;border:1px dashed color-mix(in srgb,var(--a) 55%,var(--line));background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--a) 10%,transparent),transparent 55%);cursor:pointer;overflow:hidden}.client-multidrop input{position:absolute;inset:0;opacity:0;cursor:pointer}.client-multidrop>i{font-size:34px;color:var(--a);font-style:normal}.client-multidrop>b{font:900 14px var(--mono);letter-spacing:.08em}.client-multidrop>span,.client-multidrop>output{max-width:85%;color:var(--muted);font:700 9px var(--mono)}.client-multidrop>div{position:absolute;left:8%;right:8%;bottom:16px;height:4px;background:#000}.client-multidrop>div em{display:block;width:0;height:100%;background:var(--a);box-shadow:0 0 14px var(--a);transition:.2s}.client-multidrop.drag,.client-multidrop.has-files{border-style:solid;box-shadow:inset 0 0 40px color-mix(in srgb,var(--a) 9%,transparent)}.client-submission-form>.stems-button,.client-submission-form>.form-message{grid-column:1/2}.client-transfer-login{display:flex;align-items:center;gap:16px;padding:22px;border:1px solid var(--line);background:#0c0f0d}.client-transfer-login>i{font-size:34px;color:var(--a)}.client-transfer-login>div{display:grid;gap:4px;flex:1}.client-transfer-login span{color:var(--muted)}.mix-client-inbox{margin-bottom:20px}.mix-client-inbox>header{display:flex;justify-content:space-between;align-items:center}.mix-inbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:12px;margin-top:16px}.mix-inbox-grid>article{padding:16px;border:1px solid color-mix(in srgb,var(--a) 28%,var(--line));background:color-mix(in srgb,var(--a) 4%,#0a0c0a)}.mix-inbox-grid article>header{display:flex;justify-content:space-between;gap:10px}.mix-inbox-grid article>header>div{display:flex;gap:10px;align-items:center}.mix-inbox-grid article>header span{display:grid}.mix-inbox-grid article>header small,.mix-inbox-grid article>p{color:var(--muted);font:700 8px var(--mono)}.mix-inbox-grid article em{color:var(--a);font:800 8px var(--mono)}.mix-inbox-grid blockquote{margin:12px 0;padding:10px;border-left:2px solid var(--a);color:#ccd4cc}.mix-inbox-grid ul{display:grid;gap:5px;padding:0;list-style:none}.mix-inbox-grid li{display:flex;justify-content:space-between;gap:10px;padding:6px 8px;background:#070907;color:#cbd2cb;font:700 9px var(--mono)}.mix-inbox-grid form{margin-top:12px}.mix-inbox-grid form button{width:100%}@media(max-width:800px){.client-submission-form{grid-template-columns:1fr}.client-multidrop{grid-row:auto;min-height:220px}.client-submission-form>.stems-button,.client-submission-form>.form-message{grid-column:auto}.client-transfer-login{align-items:stretch;flex-direction:column}}
.client-transfer-progress{display:grid;grid-template-columns:1fr auto;gap:7px 16px;margin:14px 0;padding:15px 17px;border:1px solid #303b33;border-radius:11px;background:#0a0f0c}.client-transfer-progress>b{color:#dce6de;font:800 9px monospace;letter-spacing:.1em}.client-transfer-progress>span{color:#829087;font:8px monospace}.client-transfer-progress>em{grid-column:1/-1;display:block;height:10px;overflow:hidden;border:1px solid #344039;border-radius:20px;background:#050806;box-shadow:inset 0 2px 5px #000}.client-transfer-progress>em>i{display:block;width:0;height:100%;border-radius:20px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent,#9cff57) 40%,#0c120e),var(--accent,#9cff57),#fff);box-shadow:0 0 18px var(--accent,#9cff57);transition:width .15s}.client-transfer-progress.active{border-color:color-mix(in srgb,var(--accent,#9cff57) 45%,#303b33)}.client-transfer-progress.active>b{color:var(--accent,#9cff57)}.client-multidrop.uploading{pointer-events:none;border-style:solid;box-shadow:inset 0 0 35px color-mix(in srgb,var(--accent,#9cff57) 10%,transparent)}