:root{--cream: #fbf4e6;--ink: #191919;--blue: #404cd6;--line: #d7d1c5;--line-strong: #6b665a;--cream-dim: #f3ead7;--ok: #2e7d4f;--warn: #a86a00;--bad: #b3312d;--font: "neue-haas-grotesk-display", "Neue Haas Grotesk Display Pro", "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--cream);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:var(--blue);text-decoration:none}h1{font-size:26px;font-weight:600;letter-spacing:-.01em;margin:0 0 4px}h2{font-size:16px;font-weight:600;margin:26px 0 10px}h2:first-child{margin-top:0}.page-sub{color:var(--line-strong);margin:0 0 22px}.shell{display:flex;min-height:100%}.sidebar{width:216px;flex-shrink:0;background:var(--ink);color:var(--cream);display:flex;flex-direction:column;padding:22px 0;position:sticky;top:0;height:100vh}.sidebar .mark{padding:0 22px 22px;color:var(--cream)}.sidebar .mark small{display:block;margin-top:6px;color:#8f8a7e;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.sidebar nav{display:flex;flex-direction:column;gap:1px;padding:0 12px}.sidebar nav a{color:#bdb7aa;padding:8px 10px;border-radius:999px;font-size:13.5px}.sidebar nav a:hover{color:var(--cream)}.sidebar nav a.active{background:var(--blue);color:var(--cream)}.sidebar .foot{margin-top:auto;padding:16px 22px 0;border-top:1px solid #33302a;font-size:12px;color:#8f8a7e}.sidebar .foot b{color:var(--cream);display:block;font-weight:500}.sidebar .foot button{margin-top:10px;color:var(--cream);border-color:#55514a}.sidebar select{color:var(--cream);background:var(--ink);border-color:#55514a;color-scheme:dark;margin:4px 0 16px}.sidebar select option{color:var(--ink);background:var(--cream)}.content{flex:1;padding:34px 42px 60px;max-width:1160px}.card{background:#fffdf8;border:1px solid var(--line);padding:18px 20px;margin-bottom:18px}.grid{display:grid;gap:14px}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.stat{background:#fffdf8;border:1px solid var(--line);padding:14px 16px}.stat .label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--line-strong)}.stat .value{font-size:25px;font-weight:600;margin-top:4px}.stat .note{font-size:12px;color:var(--line-strong);margin-top:2px}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--line-strong);font-weight:500;padding:8px 10px;border-bottom:1px solid var(--line-strong)}td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}tr.clickable:hover td{background:var(--cream-dim);cursor:pointer}button,.btn{font-family:var(--font);font-size:13.5px;border-radius:999px;padding:8px 18px;border:1px solid var(--blue);background:var(--blue);color:var(--cream);cursor:pointer}button:hover,.btn:hover{filter:brightness(1.08)}button.secondary{background:transparent;color:var(--ink);border-color:var(--line-strong)}button.danger{background:transparent;color:var(--bad);border-color:var(--bad)}button.small{padding:4px 12px;font-size:12.5px}button:disabled{opacity:.45;cursor:default}input,select,textarea{font-family:var(--font);font-size:14px;background:transparent;border:1px solid var(--line-strong);border-radius:999px;padding:8px 16px;color:var(--ink);width:100%}textarea{border-radius:14px;min-height:90px}label{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--line-strong);margin:12px 0 5px}.chip{display:inline-block;border-radius:999px;padding:2px 10px;font-size:11.5px;border:1px solid var(--line-strong);color:var(--ink);white-space:nowrap}.chip.blue{border-color:var(--blue);color:var(--blue)}.chip.ok{border-color:var(--ok);color:var(--ok)}.chip.warn{border-color:var(--warn);color:var(--warn)}.chip.bad{border-color:var(--bad);color:var(--bad)}.chip.solid{background:var(--blue);border-color:var(--blue);color:var(--cream)}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.5px}pre.output{background:var(--ink);color:var(--cream);padding:16px 18px;overflow-x:auto;font-size:12.5px;line-height:1.5;white-space:pre-wrap}.meter{height:8px;background:var(--cream-dim);border:1px solid var(--line);overflow:hidden}.meter>div{height:100%;background:var(--blue)}.row{display:flex;gap:10px;align-items:center}.row.between{justify-content:space-between}.muted{color:var(--line-strong)}.error-text{color:var(--bad)}.spacer{height:14px}.login{display:flex;min-height:100vh}.login .brand-side{flex:1.1;background:var(--ink);color:var(--cream);display:flex;flex-direction:column;justify-content:space-between;padding:48px}.login .brand-side .strap{font-size:42px;font-weight:600;letter-spacing:-.02em;line-height:1.05;max-width:420px}.login .brand-side .foot-note{color:#8f8a7e;font-size:12.5px;max-width:380px}.login .form-side{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.login .form-box{width:340px}.topbar{display:none}.chat-layout{display:flex;gap:24px;height:calc(100vh - 118px);height:calc(100dvh - 118px);min-height:320px}.chat-list{width:270px;flex-shrink:0;display:flex;flex-direction:column;min-height:0}.chat-list-head h1{margin:0}.chat-convos{overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:8px;padding-bottom:8px}button.chat-convo{background:#fffdf8;border:1px solid var(--line);border-radius:10px;color:var(--ink);text-align:left;padding:10px 12px;display:flex;flex-direction:column;gap:2px;font-size:13.5px}button.chat-convo:hover{filter:none;background:var(--cream-dim)}button.chat-convo.active{border-color:var(--blue)}button.chat-convo .title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.chat-empty{margin:auto 0;max-width:560px}.chat-head{padding-bottom:10px;border-bottom:1px solid var(--line)}.chat-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40vw}.chat-back{display:none}.chat-gauge{display:flex;align-items:center;gap:6px}.chat-gauge .meter{width:90px}.chat-gauge span{font-size:11.5px}.chat-compact-note{font-size:12px;margin:6px 0 0}.chat-thread{flex:1;min-height:0;overflow-y:auto;padding:16px 2px;display:flex;flex-direction:column;gap:12px}.bubble-row{display:flex}.bubble-row.user{justify-content:flex-end}.bubble{max-width:78%;padding:10px 14px;font-size:14px;line-height:1.5;overflow-wrap:break-word}.bubble.user{background:var(--ink);color:var(--cream);border-radius:16px 16px 4px;white-space:pre-wrap}.bubble.assistant{background:#fffdf8;border:1px solid var(--line);border-radius:16px 16px 16px 4px}.bubble.assistant p{margin:0 0 8px}.bubble.assistant p:last-child{margin-bottom:0}.bubble.assistant ul{margin:0 0 8px;padding-left:20px}.bubble .chat-heading{font-weight:600}.chat-code{background:var(--ink);color:var(--cream);padding:10px 12px;overflow-x:auto;border-radius:8px;font-size:12px;margin:0 0 8px}.tool-note{font-size:12px;color:var(--line-strong);padding:2px 0}.chat-composer{display:flex;gap:10px;align-items:flex-end;padding-top:12px;border-top:1px solid var(--line)}.chat-composer textarea{flex:1;min-height:44px;max-height:160px;resize:vertical}@media(max-width:860px){.login .brand-side{display:none}.login .form-box{width:min(340px,100%)}.grid.cols-4,.grid.cols-3{grid-template-columns:1fr 1fr}.shell{display:block}.topbar{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40;background:var(--ink);color:var(--cream);padding:10px 16px}.topbar .mark small{display:none}.topbar .burger{background:transparent;color:var(--cream);border-color:#55514a;min-height:40px;padding:8px 16px}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#19191980;z-index:45}.sidebar{position:fixed;top:0;left:0;bottom:0;height:100vh;height:100dvh;width:min(78vw,300px);z-index:50;transform:translate(-102%);transition:transform .18s ease;overflow-y:auto}.sidebar.open{transform:translate(0)}.sidebar nav a{padding:13px 14px;font-size:15px}.content{padding:18px 16px 40px;max-width:none}h1{font-size:22px}.row{flex-wrap:wrap}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}button,.btn{min-height:40px}input,select{min-height:42px}.chat-layout{height:calc(100vh - 128px);height:calc(100dvh - 128px);gap:0}.chat-list{width:100%}.chat-layout.thread-open .chat-list{display:none}.chat-layout:not(.thread-open) .chat-main{display:none}.chat-back{display:inline-block}.chat-title{max-width:34vw}.bubble{max-width:92%}}@media(max-width:560px){.grid.cols-4,.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}}