:root{color-scheme:dark;font-family:Bahnschrift,Microsoft YaHei,Noto Sans SC,sans-serif;background:#020914;color:#eefbff;--ink: #020914;--ink-soft: #061426;--panel: rgba(4, 18, 34, .9);--panel-strong: rgba(3, 14, 28, .96);--line: rgba(20, 217, 255, .38);--line-soft: rgba(20, 217, 255, .18);--text-muted: #88a9bc;--cyan: #14d9ff;--cyan-bright: #72f5ff;--blue: #178cff;--green: #85f2a4;--danger: #ff7184;--shadow: 0 24px 70px rgba(0, 0, 0, .48)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--ink)}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 72% 0%,rgba(0,107,181,.16),transparent 30%),linear-gradient(145deg,#020812,#04111f 58%,#020914)}button,input,textarea{font:inherit}button{cursor:pointer}button,input,textarea{letter-spacing:0}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan-bright);outline-offset:2px}svg{flex:0 0 auto}.eyebrow{margin:0 0 8px;color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.login-screen,.settings-screen,.loading-screen{min-height:100vh;display:grid;place-items:center;padding:32px}.login-screen{position:relative;overflow:hidden;background:linear-gradient(90deg,#01081247,#010812b3 48%,#01070ed1),linear-gradient(180deg,#00142924,#01070e94),url(/assets/wastewater-command-center-Cfpu7JQ3.png) center / cover no-repeat}.login-panel,.settings-panel{position:relative;width:min(100%,590px);border:1px solid rgba(20,217,255,.52);border-radius:6px;padding:48px 52px;overflow:hidden;background:linear-gradient(180deg,#06182bf2,#020c19f7),#020c19f5;box-shadow:0 0 0 1px #178cff1f,0 0 36px #00b8ff1f,var(--shadow)}.login-panel:before,.settings-panel:before{content:"";position:absolute;inset:14px;pointer-events:none;border:1px solid rgba(20,217,255,.11)}.login-panel:after,.settings-panel:after{content:"";position:absolute;top:0;left:48px;width:110px;height:3px;pointer-events:none;background:var(--cyan);box-shadow:0 0 18px #14d9ffb3}.login-identity,.rail-brand{display:flex;align-items:center}.login-identity{gap:14px;margin-bottom:28px}.login-identity .eyebrow{margin-bottom:4px}.login-identity strong{color:#f3fbff;font-size:16px}.login-symbol,.brand-mark{display:grid;place-items:center;color:var(--cyan-bright);background:linear-gradient(145deg,#14d9ff2e,#178cff14);box-shadow:inset 0 0 18px #14d9ff1c,0 0 22px #14d9ff1a}.login-symbol{width:52px;height:52px;border:1px solid rgba(20,217,255,.5);border-radius:6px}.login-symbol svg{width:28px;height:28px}.login-panel h1,.settings-heading h1,.chat-topbar h1{margin:0;letter-spacing:0}.login-panel h1{max-width:490px;color:#f7fcff;font-size:42px;line-height:1.16;text-shadow:0 0 24px rgba(80,189,255,.16)}.login-subtitle,.settings-heading p,.empty-state>p{color:var(--text-muted)}.login-subtitle{max-width:490px;margin:18px 0 0;font-size:15px;line-height:1.65}.login-form,.settings-form{display:grid;gap:18px;margin-top:34px}.login-form label,.settings-form label{display:grid;gap:9px;color:#dceef7;font-size:14px;font-weight:700}.input-shell{height:56px;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;border:1px solid rgba(30,160,222,.45);border-radius:6px;background:#020d1bdb;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.input-shell:focus-within{border-color:var(--cyan);background:#031629f5;box-shadow:0 0 0 3px #14d9ff1a,0 0 24px #14d9ff14}.input-shell svg{width:19px;height:19px;justify-self:center;color:#4fccea}.login-form input{width:100%;height:54px;border:0;padding:0 15px 0 2px;outline:0;background:transparent;color:#f4fcff;font-size:16px}.settings-form input,.composer textarea{width:100%;border:1px solid rgba(30,160,222,.42);border-radius:6px;outline:none;background:#020d1bdb;color:#f4fcff;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.settings-form input{height:48px;padding:0 14px}.settings-form input:focus,.composer textarea:focus{border-color:var(--cyan);background:#031629f5;box-shadow:0 0 0 3px #14d9ff1a}.primary-button,.ghost-button,.rail-action,.case-button{min-height:44px;border:1px solid transparent;border-radius:6px;padding:0 16px;font-weight:800}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;color:#001019;background:linear-gradient(180deg,#55edff,#10b8ed);box-shadow:inset 0 0 0 1px #ffffff70,0 0 24px #14d9ff3b;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.primary-button:hover:not(:disabled){filter:brightness(1.08);box-shadow:inset 0 0 0 1px #ffffff8f,0 0 34px #14d9ff59}.primary-button:active:not(:disabled){transform:translateY(1px)}.primary-button:disabled{opacity:.48;cursor:not-allowed}.login-form .primary-button{min-height:56px;margin-top:4px;font-size:16px}.ghost-button,.rail-action,.case-button{border-color:var(--line-soft);color:#e3f9ff;background:#08273e94}.error-line,.success-line,.status-line{border-radius:6px;padding:10px 12px;font-size:14px}.error-line{border:1px solid rgba(255,113,132,.42);color:#ffe7eb;background:#ff71841f}.success-line,.status-line{border:1px solid rgba(133,242,164,.34);color:#ddffe7;background:#85f2a41a}.settings-screen,.loading-screen{background:linear-gradient(90deg,#01081275,#010812d1),url(/assets/wastewater-command-center-Cfpu7JQ3.png) center / cover no-repeat}.settings-panel{width:min(100%,560px)}.settings-heading p:last-child{line-height:1.6}.settings-actions{display:flex;gap:12px;flex-wrap:wrap}.chat-shell{height:100vh;min-height:680px;display:grid;grid-template-columns:320px minmax(0,1fr);overflow:hidden;background:#020914}.ops-rail{min-width:0;overflow-y:auto;display:flex;flex-direction:column;gap:14px;border-right:1px solid rgba(20,217,255,.3);padding:24px 18px;background:linear-gradient(180deg,#041325f7,#020b17fc),#020b17;box-shadow:inset -14px 0 34px #007ec20a}.rail-brand{gap:12px;min-height:58px;padding:0 6px}.brand-mark{width:50px;height:50px;border:1px solid rgba(20,217,255,.5);border-radius:6px}.brand-mark svg{width:27px;height:27px}.rail-brand .eyebrow{margin-bottom:4px;font-size:13px}.rail-brand strong{color:#f2fbff;font-size:19px;line-height:1.2}.rail-action{width:100%;min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-color:#14d9ff85;color:#eafcff;background:linear-gradient(180deg,#0b4162bd,#041b30d6);box-shadow:inset 0 -2px #14d9ff94,0 0 22px #14d9ff14;font-size:16px}.rail-action svg{width:21px;height:21px;color:var(--cyan)}.ops-summary,.case-list,.model-card ul{display:grid;gap:10px}.ops-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-item{min-width:0;min-height:78px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;border:1px solid rgba(23,140,255,.24);border-radius:6px;padding:10px;background:linear-gradient(150deg,#08253db3,#031322d1)}.summary-item>svg{width:24px;height:24px;color:var(--cyan);padding:4px;border:1px solid rgba(20,217,255,.26);border-radius:50%;background:#14d9ff0f}.summary-item span,.case-button span{display:block;color:var(--text-muted);font-size:12px}.summary-item strong{display:block;margin-top:4px;overflow:hidden;color:#f0fbff;font-size:13px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.model-card,.case-panel{border:1px solid rgba(20,217,255,.25);border-radius:6px;background:linear-gradient(155deg,#051d31c2,#02101de6)}.model-card{padding:14px}.panel-kicker,.case-heading{display:flex;align-items:center;gap:8px}.panel-kicker svg,.case-heading svg{width:16px;height:16px;color:var(--cyan)}.panel-kicker .eyebrow{margin:0}.model-card h2{margin:9px 0 10px;color:#f3fbff;font-size:16px;line-height:1.25}.model-card ul{gap:7px;margin:0;padding-left:18px;color:#bad2de;font-size:12px;line-height:1.45}.model-card li::marker{color:var(--cyan)}.case-panel{display:grid;gap:11px;padding:13px 10px 10px}.case-heading{color:var(--cyan);font-size:13px;font-weight:800;letter-spacing:0}.case-list{grid-template-columns:repeat(2,minmax(0,1fr))}.case-button{min-width:0;min-height:88px;display:grid;grid-template-columns:24px minmax(0,1fr);align-content:center;gap:5px 7px;padding:10px;text-align:left;transition:border-color .16s ease,background .16s ease,transform .16s ease}.case-button:hover{border-color:#14d9ff94;background:#093952bd;transform:translateY(-1px)}.case-button svg{grid-row:1 / 3;align-self:center;width:21px;height:21px;color:var(--cyan)}.case-button strong{min-width:0;color:#effbff;font-size:13px;line-height:1.3;overflow-wrap:anywhere}.chat-main{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:14px;padding:18px;background:radial-gradient(circle at 82% 8%,rgba(0,118,194,.1),transparent 30%),linear-gradient(180deg,#020a15,#03101d)}.chat-topbar,.message-board,.composer{position:relative;border:1px solid rgba(20,217,255,.36);border-radius:6px;background:var(--panel);box-shadow:inset 0 0 0 1px #178cff0a,0 16px 42px #0003}.chat-topbar:after,.composer:after{content:"";position:absolute;top:-1px;right:10%;width:86px;height:2px;pointer-events:none;background:var(--cyan);box-shadow:0 0 14px #14d9ffb8}.chat-topbar{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 30px;background:linear-gradient(120deg,#04192ef5,#020d1bf0),var(--panel)}.chat-topbar .eyebrow{margin-bottom:9px}.chat-topbar h1{color:#f7fcff;font-size:30px;line-height:1.16}.status-chip{min-width:106px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(133,242,164,.52);border-radius:999px;padding:10px 16px;color:#ddffe7;background:#195b3d2b;box-shadow:0 0 18px #85f2a414}.status-chip svg{width:14px;height:14px;color:var(--green)}.message-board{min-height:0;overflow:auto;isolation:isolate}.message-board.is-empty{padding:0;overflow:hidden;background:linear-gradient(90deg,#01091566,#0109152e 52%,#01091552),url(/assets/wastewater-command-center-Cfpu7JQ3.png) center / cover no-repeat}.message-board.has-messages{padding:22px;background:linear-gradient(#020c19f0,#020c19f0),url(/assets/wastewater-command-center-Cfpu7JQ3.png) center / cover no-repeat}.empty-state-visual{width:100%;min-height:100%;display:grid;place-items:center;padding:34px;background:linear-gradient(180deg,#010a1626,#010a166b),radial-gradient(circle at 50% 52%,#020f1d38,#010812a3 76%)}.empty-state{width:min(100%,820px);margin:0 auto;text-align:center;text-shadow:0 2px 18px rgba(0,0,0,.72)}.empty-state .eyebrow{display:inline-flex;align-items:center;gap:14px;margin-bottom:22px;color:var(--cyan-bright);font-size:14px}.empty-state .eyebrow:before,.empty-state .eyebrow:after{content:"";width:74px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan))}.empty-state .eyebrow:after{background:linear-gradient(90deg,var(--cyan),transparent)}.empty-state h2{margin:0;color:#f7fcff;font-size:44px;line-height:1.35;text-shadow:0 0 28px rgba(72,172,255,.28),0 3px 18px rgba(0,0,0,.8)}.empty-state>p{max-width:720px;margin:18px auto 0;color:#c5dce7;font-size:16px;line-height:1.75}.sample-case{width:min(100%,690px);min-height:54px;margin:25px auto 0;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;border:1px solid rgba(20,217,255,.58);border-radius:6px;padding:10px 18px;color:#d1e8f1;background:#021628c2;box-shadow:inset 0 0 22px #14d9ff0d,0 0 22px #14d9ff14;font-size:14px;text-shadow:none}.sample-case>span:first-child{color:var(--cyan);font-weight:800}.sample-case strong{color:#f1fbff}.message{max-width:84%;margin-bottom:15px;display:grid;gap:6px}.message-author{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:12px}.message-author svg{width:14px;height:14px;color:var(--cyan)}.message p,.markdown-body{margin:0;border:1px solid rgba(31,151,205,.28);border-radius:6px;padding:13px 15px;overflow-wrap:anywhere;box-shadow:0 12px 28px #00000024}.message p{line-height:1.7;white-space:pre-wrap}.markdown-body{font-size:16px;line-height:1.5}.message.user{margin-left:auto}.message.user .message-author{justify-content:flex-end}.message.user p{border-color:#178cff75;background:linear-gradient(135deg,#0e4c84b8,#052445d6)}.message.assistant .markdown-body{border-color:#14d9ff4d;background:#052032d6}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin:12px 0 8px;color:#f2fbff;line-height:1.28;letter-spacing:0}.markdown-body h1,.markdown-body h2{font-size:18px}.markdown-body h3{font-size:17px}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body blockquote,.markdown-body pre,.markdown-body table{margin:6px 0}.markdown-body h1+p,.markdown-body h2+p,.markdown-body h3+p,.markdown-body h1+ul,.markdown-body h2+ul,.markdown-body h3+ul,.markdown-body h1+ol,.markdown-body h2+ol,.markdown-body h3+ol{margin-top:0}.markdown-body ul,.markdown-body ol{padding-left:20px}.markdown-body li{margin:4px 0}.markdown-body strong{color:var(--cyan-bright)}.markdown-body code{border:1px solid rgba(20,217,255,.24);border-radius:5px;padding:2px 6px;background:#010a15b8;color:#8feeff;font-family:Cascadia Code,Consolas,monospace;font-size:.92em}.markdown-body pre{overflow:auto;border:1px solid rgba(20,217,255,.22);border-radius:6px;padding:12px;background:#010913d6}.markdown-body pre code{border:0;padding:0;background:transparent}.markdown-body blockquote{border-left:3px solid var(--cyan);padding:6px 10px;color:#dff8ff;background:#14d9ff0f}.markdown-body table{width:100%;display:block;overflow-x:auto;border-collapse:collapse}.markdown-body th,.markdown-body td{border:1px solid rgba(31,151,205,.32);padding:6px 9px;text-align:left}.markdown-body th{color:#f2fbff;background:#14d9ff1a}.chat-error{margin:0}.composer{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:14px;align-items:stretch;padding:14px;background:linear-gradient(135deg,#051c30f5,#020d1bf7)}.composer textarea{min-height:82px;max-height:180px;resize:vertical;padding:15px 17px;line-height:1.55}.send-button{min-height:82px;align-self:stretch;font-size:16px}.send-button svg{width:21px;height:21px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1180px){.chat-shell{grid-template-columns:286px minmax(0,1fr)}.ops-rail{padding-inline:14px}.chat-main{padding:14px}.empty-state h2{font-size:38px}}@media(max-width:900px){.chat-shell{height:auto;min-height:100vh;grid-template-columns:1fr;overflow:visible}.ops-rail{overflow:visible;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);border-right:0;border-bottom:1px solid rgba(20,217,255,.3)}.ops-summary,.model-card,.case-panel{grid-column:1 / -1}.chat-main{min-height:760px}}@media(max-width:600px){.login-screen,.settings-screen,.loading-screen{padding:18px}.login-screen{place-items:center;background:linear-gradient(#0108129e,#010812db),url(/assets/wastewater-command-center-Cfpu7JQ3.png) 22% center / cover no-repeat}.login-panel,.settings-panel{padding:34px 24px}.login-panel h1{font-size:32px}.login-identity{margin-bottom:22px}.ops-rail{grid-template-columns:1fr;padding:18px 14px}.ops-summary,.case-list{grid-template-columns:1fr}.ops-summary,.model-card,.case-panel{grid-column:auto}.case-button{min-height:72px}.chat-main{min-height:720px;gap:10px;padding:10px}.chat-topbar{min-height:auto;align-items:flex-start;flex-direction:column;padding:18px}.chat-topbar h1{font-size:24px}.status-chip{min-width:92px}.empty-state-visual{padding:28px 16px}.empty-state .eyebrow:before,.empty-state .eyebrow:after{width:34px}.empty-state h2{font-size:30px}.empty-state>p{font-size:14px}.sample-case{align-items:flex-start;justify-content:flex-start;gap:8px 12px;padding:12px;text-align:left}.message-board.has-messages{padding:14px}.message{max-width:100%}.composer{grid-template-columns:1fr;gap:10px;padding:10px}.composer textarea{min-height:88px}.send-button{min-height:50px}}