/* Allushi look for the Sofia pages (tokens from www.joanisallushi.com). Served at /_brand/allushi.css */
:root{--ink-950:#0a0c0e;--ink-900:#111417;--ink-800:#1a1e23;--ink-700:#272c33;--ink-600:#3a414a;--ink-500:#545d68;
--ink-400:#78828e;--ink-300:#a2abb5;--ink-100:#e4e7eb;--green-500:#15b572;--green-400:#2ece8b;--glow:#2ece8b33;--red:#f0705f;
--display:"Space Grotesk",Inter,sans-serif;--body:Inter,system-ui,sans-serif;--mono:"JetBrains Mono",SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}html{color-scheme:dark}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--ink-950);color:var(--ink-300);font:15px/1.6 var(--body);
background-image:radial-gradient(60rem 30rem at 50% -10rem,#2ece8b14,transparent)}
header{padding:18px 24px;border-bottom:1px solid var(--ink-800)}
.logo{display:inline-block;color:#fff;text-decoration:none;font:600 17px/1 var(--display);letter-spacing:.34em}
.logo small{display:block;margin-top:7px;font:500 8.5px/1 var(--mono);letter-spacing:.32em;color:var(--ink-400)}
main{width:100%;max-width:560px;margin:56px auto 32px;padding:0 16px}
.kicker{margin:0 0 14px;font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--green-400)}
h1{margin:0 0 12px;font:400 36px/1.12 var(--display);letter-spacing:-.02em;color:#fff}
h2{margin:32px 0 12px;font:500 13px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-400)}
p{margin:0 0 24px}a{color:var(--green-400)}
.card{background:var(--ink-900);border:1px solid var(--ink-800);border-radius:14px;padding:20px}
.drop{display:block;padding:40px 16px;text-align:center;cursor:pointer;color:#fff;border:1.5px dashed var(--ink-600);border-radius:14px;
background:var(--ink-900);transition:border-color .2s,box-shadow .2s}
.drop span{display:block;margin-top:6px;font-size:13px;color:var(--ink-400)}
.drop:hover,.drop.over{border-color:var(--green-500);box-shadow:0 0 0 3px var(--glow)}input[type=file]{display:none}
input[type=text],input[type=number],input[type=password]{width:100%;padding:11px 12px;font:inherit;color:#fff;background:var(--ink-800);
border:1px solid var(--ink-700);border-radius:6px}
input:focus{outline:0;border-color:var(--green-500);box-shadow:0 0 0 3px var(--glow)}
button{padding:11px 18px;font:600 15px/1 var(--body);color:var(--ink-950);background:var(--green-500);border:1px solid transparent;
border-radius:6px;cursor:pointer;transition:background .15s}
button:hover{background:var(--green-400)}button:disabled{opacity:.4;cursor:default}
button.ghost{padding:7px 12px;font-size:13px;color:var(--ink-100);background:transparent;border-color:var(--ink-700)}
button.ghost:hover{border-color:var(--ink-500);background:var(--ink-800)}
.wide{width:100%}ul{list-style:none;margin:16px 0 0;padding:0}
li{padding:14px 0;border-top:1px solid var(--ink-800)}li:first-child{border-top:0}
.file{display:flex;justify-content:space-between;gap:12px;color:#fff;font-size:14px}.file small{color:var(--ink-400)}
progress{width:100%;height:4px;margin-top:8px;appearance:none;border:0;border-radius:2px;background:var(--ink-800)}
progress::-webkit-progress-bar{background:var(--ink-800);border-radius:2px}progress::-webkit-progress-value{background:var(--green-500);border-radius:2px}
progress::-moz-progress-bar{background:var(--green-500)}
.ok{color:var(--green-400)}.err{color:var(--red)}.muted{color:var(--ink-400);font-size:13px}.mono{font-family:var(--mono);font-size:13px}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grow{flex:1;min-width:0;overflow-wrap:anywhere}
.new{margin-bottom:16px;border-color:var(--green-500);box-shadow:0 0 0 3px var(--glow)}
footer{margin-top:auto;padding:24px;text-align:center;font:500 11px/1 var(--mono);letter-spacing:.08em;color:var(--ink-500)}
footer a{color:var(--ink-400);text-decoration:none}