:root{color-scheme:dark;--bg:#07101d;--panel:#101b2c;--panel2:#142238;--line:#26364f;--text:#f4f7fb;--muted:#91a0b6;--cyan:#57d9ff;--green:#48e0a4;--amber:#ffc768;--red:#ff7188;--radius:20px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -20%,#183c5b 0,transparent 38%),var(--bg);color:var(--text);min-height:100vh;padding:0 18px 90px}button{font:inherit}header,main{width:min(1120px,100%);margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:28px 2px 20px}h1,h2,p{margin:0}h1{font-size:clamp(25px,4vw,38px);letter-spacing:-.04em}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--cyan);font-weight:800}.status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.status i{width:9px;height:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px currentColor}.status.ok i{background:var(--green)}.hero{background:linear-gradient(120deg,#172941,#0e1c30);border:1px solid #29415f;border-radius:26px;padding:24px;display:flex;justify-content:space-between;align-items:end;gap:24px;box-shadow:0 24px 80px #0005}.hero h2{font-size:clamp(24px,5vw,42px);margin:7px 0 8px;letter-spacing:-.035em}.hero p,.section-head span{color:var(--muted);font-size:13px}.primary{border:0;border-radius:16px;padding:15px 23px;background:var(--cyan);color:#03121d;font-weight:850;box-shadow:0 12px 35px #35cfff33;cursor:pointer}.primary:active{transform:translateY(1px)}section{margin-top:28px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:0 2px 13px}.section-head h2{font-size:18px}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.card{padding:17px;min-height:164px;display:flex;flex-direction:column;cursor:pointer;transition:.18s}.card:hover{transform:translateY(-2px);border-color:#3c5779}.card-top{display:flex;justify-content:space-between;align-items:center}.icon{font-size:22px}.badge{font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:5px 7px;border-radius:99px;background:#20324b;color:var(--muted)}.badge.ok{color:var(--green);background:#10372d}.badge.warn{color:var(--amber);background:#3b301a}.card h3{font-size:15px;margin:20px 0 5px}.card p{font-size:12px;color:var(--muted);line-height:1.45}.metric{margin-top:auto;padding-top:15px;color:var(--text);font-size:13px;font-weight:700}.lower{display:grid;grid-template-columns:1.05fr .95fr;gap:14px}.panel{padding:18px;min-height:240px}.project{padding:14px 0;border-top:1px solid var(--line)}.project:first-of-type{border:0}.project-row{display:flex;justify-content:space-between;gap:10px}.project strong{font-size:14px}.project small{color:var(--muted)}.progress{height:6px;background:#24334a;border-radius:9px;overflow:hidden;margin-top:11px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--green));border-radius:inherit}.events{display:grid;gap:0}.event{display:grid;grid-template-columns:8px 1fr auto;gap:10px;align-items:start;padding:11px 0;border-top:1px solid var(--line);font-size:12px}.event:first-child{border:0}.event i{width:7px;height:7px;background:var(--cyan);border-radius:50%;margin-top:5px}.event span{color:var(--muted)}.text-button{border:0;background:none;color:var(--cyan);cursor:pointer}nav{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:4px;background:#111d2ee8;backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:18px;padding:6px;z-index:5;box-shadow:0 15px 45px #0008}nav button{border:0;background:transparent;color:var(--muted);padding:10px 14px;border-radius:12px;cursor:pointer;white-space:nowrap}nav button.active,nav button:hover{background:#20324a;color:var(--text)}#toast{position:fixed;left:50%;bottom:86px;transform:translate(-50%,20px);background:#edf8ff;color:#07101d;padding:12px 17px;border-radius:12px;font-weight:700;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:9}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.card:last-child{grid-column:span 2}.lower{grid-template-columns:1fr}}
@media(max-width:560px){body{padding-inline:12px}.hero{align-items:stretch;flex-direction:column}.primary{width:100%}.grid{grid-template-columns:1fr}.card:last-child{grid-column:auto}.card{min-height:135px}nav{width:calc(100% - 18px);justify-content:space-between}nav button{padding:10px 8px;font-size:12px}}

/* Universal Control Center */
.intent{display:grid;gap:18px;padding:22px}.intent h2{font-size:clamp(24px,4vw,38px);margin:5px 0 7px}.intent p{color:var(--muted);font-size:13px}.intent-row{display:grid;grid-template-columns:1fr auto;gap:12px}.intent textarea{width:100%;resize:vertical;min-height:92px;border-radius:16px;border:1px solid var(--line);background:#0a1525;color:var(--text);padding:14px 15px;font:inherit;outline:none}.intent textarea:focus{border-color:#4bc7eb;box-shadow:0 0 0 3px #57d9ff16}.quick{display:flex;gap:8px;flex-wrap:wrap}.quick button{border:1px solid var(--line);background:#132239;color:var(--text);padding:9px 12px;border-radius:12px;cursor:pointer}.quick button:hover{border-color:#4e6d91}.route{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center}.route>div:not(:nth-child(2)):not(:nth-child(4)){background:#0b1727;border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;gap:5px}.route b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#173b4d;color:var(--cyan);font-size:12px}.route small{color:var(--muted)}
@media(max-width:700px){.intent-row{grid-template-columns:1fr}.route{grid-template-columns:1fr}.route>div:nth-child(2),.route>div:nth-child(4){transform:rotate(90deg);justify-self:center}.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.grid{grid-template-columns:1fr}}
/* One-click process completion */
.finish-all{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;min-height:0}.finish-all h2{font-size:clamp(22px,3vw,31px);margin:5px 0 8px}.finish-all p{max-width:760px;color:var(--muted);font-size:13px;line-height:1.55}.finish-all .primary:disabled{opacity:.55;cursor:wait}.finish-status{grid-column:1/-1;border:1px solid var(--line);background:#0a1525;border-radius:13px;padding:11px 13px;color:var(--muted);font-size:13px}.finish-status.completed{border-color:#24694f;color:var(--green)}.finish-status.needs_attention{border-color:#735a29;color:var(--amber)}
@media(max-width:620px){.finish-all{grid-template-columns:1fr}.finish-all .primary{width:100%}}


/* Low-vision human layer */
.vision-toggle{border:2px solid var(--cyan);border-radius:15px;background:#07101d;color:#fff;padding:12px 16px;font-weight:850;cursor:pointer;white-space:nowrap}
.vision-toggle:hover,.vision-toggle:focus-visible{background:var(--cyan);color:#03121d;outline:3px solid #fff}
.vision-panel{position:fixed;inset:0;z-index:30;margin:0;background:#02060c;color:#fff;padding:clamp(16px,4vw,42px);overflow:auto}
.vision-shell{width:min(760px,100%);margin:auto;display:grid;gap:22px}
.vision-shell h2{font-size:clamp(38px,8vw,72px);line-height:1.03}
.vision-shell p{font-size:clamp(20px,4vw,30px);line-height:1.35}
.vision-close{justify-self:end;border:2px solid #fff;border-radius:14px;background:#111;color:#fff;padding:13px 18px;font-size:20px;font-weight:800;cursor:pointer}
.vision-find{min-height:100px;border:4px solid #fff;border-radius:22px;background:#ffdf45;color:#111;font-size:clamp(30px,7vw,54px);font-weight:950;cursor:pointer}
.vision-find:disabled{opacity:.6;cursor:wait}
.vision-status{border:3px solid #fff;border-radius:18px;background:#111b29;padding:20px;font-size:clamp(24px,5vw,38px);font-weight:850}
.vision-status.found{background:#083d2b;border-color:#65ffbd}.vision-status.uncertain{background:#4a3100;border-color:#ffd56c}
.vision-preview{width:100%;max-height:360px;object-fit:contain;border:3px solid #fff;border-radius:18px;background:#000}
.vision-privacy{font-size:clamp(16px,3vw,22px)!important;color:#d6e6f4}
body.low-vision{--text:#fff;--muted:#e8f2fa}
body.low-vision button:focus-visible{outline:4px solid #ffdf45;outline-offset:4px}
@media(max-width:680px){header{align-items:flex-start;flex-wrap:wrap}.vision-toggle{order:3;width:100%;font-size:20px}.vision-shell{gap:18px}}
.install-control{border:1px solid var(--cyan);border-radius:15px;background:#132b42;color:var(--text);padding:12px 16px;font-weight:850;cursor:pointer;white-space:nowrap}.install-control:hover,.install-control:focus-visible{background:var(--cyan);color:#03121d;outline:3px solid #fff}.install-control[hidden]{display:none!important}@media(max-width:680px){.install-control{order:4;width:100%;font-size:18px}}