:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui;color:#f7f7fa;background:#121214;--panel:#19191d;--line:#2a2a31;--mint:#38e8a4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#242031 0,transparent 35%),#121214}main{width:min(1200px,92vw);margin:auto;padding:64px 0}header,.section-title,.split,.training{display:flex;justify-content:space-between;align-items:center;gap:24px}header{margin-bottom:58px}h1{font-size:clamp(38px,6vw,68px);letter-spacing:-.055em;margin:.15em 0}h2{margin:0;font-size:22px}.eyebrow,.section-title span{color:#92929d;font-size:12px;letter-spacing:.16em}.status{border:1px solid var(--line);border-radius:99px;padding:10px 16px}.status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 15px var(--mint);margin-right:8px}.drop-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:18px 0 42px}.drop{min-height:170px;padding:20px;border:1px dashed #3b3b44;border-radius:20px;background:linear-gradient(145deg,#1c1c21,#151518);transition:.25s;display:grid;place-items:center;text-align:center;cursor:pointer}.drop:hover,.drop.drag{transform:translateY(-5px);border-color:var(--mint);box-shadow:0 18px 50px #0008}.drop b{display:block;margin-bottom:8px}.drop small{color:#85858e}.panel{background:#19191de8;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 24px 70px #0005}.split{align-items:stretch}.split>*{width:50%}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}label{display:grid;gap:6px;color:#aaaab3;font-size:12px}input{background:#111114;border:1px solid #303038;border-radius:10px;color:white;padding:12px}button,.complete a{border:0;border-radius:12px;background:var(--mint);color:#092116;font-weight:800;padding:14px 18px;cursor:pointer}button:disabled{opacity:.45}.terminal{background:#0d0d0f}.terminal #fetch-log{height:220px;overflow:auto;font:12px ui-monospace;color:#9be7c8;padding-top:14px}.training{margin-top:22px;align-items:stretch}.training>div{max-width:430px}.training label{margin:24px 0 12px}.training button{width:100%}svg{width:min(600px,55%);background:#101013;border-radius:16px}.grid line{stroke:#25252b;stroke-width:1}polyline{fill:none;stroke-width:4;stroke-linejoin:round}#accuracy{stroke:#38e8a4}#loss{stroke:#ff5576}svg text{fill:#777;font-size:11px}dialog{background:#1c1c21;color:white;border:1px solid #35353e;border-radius:24px;padding:32px;max-width:460px}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog a{display:block;color:var(--mint);margin:24px 0}@media(max-width:850px){.drop-grid{grid-template-columns:1fr 1fr}.split,.training,header{flex-direction:column;align-items:stretch}.split>*,svg{width:100%}}
