:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;background:#0b0d11;color:#f5f7fb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#182239 0,#0b0d11 35%);min-height:100vh}main{max-width:920px;margin:auto;padding:calc(18px + env(safe-area-inset-top)) 16px calc(32px + env(safe-area-inset-bottom))}header,.brandline,.row,.project,.event,.actions,.statusgrid{display:flex;align-items:center}header{justify-content:space-between;margin-bottom:18px}.brandline{gap:10px}.brandline h1,.brand h1{margin:0;font-size:24px}.brandline p,.brand p{margin:2px 0;color:#8590a4;font-size:12px}.orb{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a8c8ff,#5d7eff 42%,#7658ee 75%,#151729);box-shadow:0 0 35px #5879ff55}.orb.small{width:36px;height:36px}.card,section,.hero{background:#141820cc;border:1px solid #252c39;border-radius:20px;box-shadow:0 16px 50px #0005}.hero{padding:20px;margin-bottom:12px}.hero h2{font-size:28px;margin:5px 0}.hero p{margin:0;color:#a9b1c1}.hero>div:first-child{flex:1}.statusgrid{gap:8px;flex-wrap:wrap;margin-top:16px}.statusgrid div{background:#0d1016;border:1px solid #252c39;padding:9px 12px;border-radius:13px;min-width:95px}.statusgrid small,.hero small{display:block;color:#7f899b;font-size:10px;letter-spacing:.08em}.statusgrid b{font-size:12px}.green{color:#62e69a}.red{color:#ff7777}.actions{gap:8px;margin:12px 0}button,input{font:inherit}button{border:1px solid #303a4c;background:#1b2230;color:#eaf0ff;border-radius:12px;padding:10px 14px;font-weight:650}button:active{transform:scale(.98)}button.danger{background:#351a20;border-color:#65303b;color:#ffb2bd}button.ghost{background:transparent}.pill{font-size:10px;border-radius:999px;padding:6px 9px;background:#252b36;color:#b8c0cf}.pill.ok{background:#173625;color:#77e5a1}.pill.bad{background:#3d1c22;color:#ff9ca8}.pill.work{background:#202c4f;color:#9bb6ff}.pill.muted{color:#a7adba}nav{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:#10141b;border:1px solid #252c39;border-radius:15px;padding:5px;margin:16px 0}nav button{border:0;background:transparent;color:#7f899b;padding:9px 5px;font-size:12px}nav button.active{background:#252d3b;color:white}.tab{display:none}.tab.active{display:block}section{padding:16px;margin:12px 0}section h3{margin:0 0 12px;font-size:15px}.row{justify-content:space-between;padding:11px 0;border-bottom:1px solid #222936}.row:last-child{border-bottom:0}.row small,.project small,.event small,.artifact small{display:block;color:#7f899b;margin-top:3px}.event{gap:12px;padding:8px 0}.event time{font-variant-numeric:tabular-nums;color:#647086;font-size:11px;width:70px}.events{max-height:430px;overflow:auto}.artifacts{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px}.artifact{color:inherit;text-decoration:none;background:#0f131a;border:1px solid #252c39;border-radius:15px;overflow:hidden}.artifact img{width:100%;aspect-ratio:1.45;object-fit:cover;background:#080a0d}.artifact>div{padding:10px}.fileicon{display:grid;place-items:center;aspect-ratio:1.45;background:#1c2433;color:#8faeff;font-size:22px;font-weight:800}.project{width:100%;justify-content:space-between;text-align:left;margin:7px 0}.project.selected{border-color:#647dff;background:#202947}.muted{color:#7f899b}.login{min-height:90vh;display:grid;place-content:center;gap:28px;max-width:480px}.brand{text-align:center}.brand .orb{margin:0 auto 12px}.card{padding:22px}.card h2{margin-top:0}.card p{color:#96a0b1;line-height:1.5}.card input{width:100%;border:1px solid #344056;background:#0d1118;color:white;border-radius:12px;padding:13px;margin:10px 0}.card button{width:100%}.error{background:#391d22;color:#ffadb6;padding:10px;border-radius:10px;font-size:12px}pre{white-space:pre-wrap;word-break:break-word;color:#9fb0c9;background:#0c1016;padding:12px;border-radius:12px;max-height:400px;overflow:auto;font-size:11px}footer{text-align:center;color:#596477;font-size:11px;margin-top:22px}@media(min-width:680px){.hero{display:flex;align-items:center;gap:20px}.statusgrid{margin-top:0}.hero h2{font-size:34px}}