:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#e8eaf0;background:#101116;font-synthesis:none;color-scheme:dark;font-size:14px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer;background:#252731;color:inherit;border:1px solid #373a47;border-radius:7px;padding:9px 14px}button:hover{background:#343745}button:disabled{opacity:.45;cursor:default}.primary{background:#c3f27b;color:#18240d;border-color:#c3f27b;font-weight:650}.primary:hover{background:#d3ffa0}a{color:#b5db8b}h1,h2,h3,p{margin-top:0}h1{font-size:30px;font-weight:550;letter-spacing:-1px}h2{font-size:17px;font-weight:550}h3{font-size:14px}small,.muted{color:#9398ab}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;color:#a8b19d;margin-bottom:14px}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}aside{padding:30px 18px;border-right:1px solid #282b35;background:#13151b;display:flex;flex-direction:column;gap:30px}.brand{font-size:18px;font-weight:650;letter-spacing:-.4px}.brand span{color:#c3f27b;margin-right:10px}nav{display:grid;gap:7px}nav button{text-align:left;background:transparent;border-color:transparent;padding:12px}nav button.active{background:#272d22;color:#d0f5a0;border-color:#414b34}aside footer{margin-top:auto;display:grid;gap:14px;padding:10px;font-size:12px}main{min-width:0;padding:35px 42px}.topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid #282b35;margin-bottom:32px}.topbar .muted{font-size:12px}.heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:28px}.heading p{line-height:1.7}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border:1px solid #30333d;border-radius:12px;background:#191b23;padding:23px;min-width:0}.card p{line-height:1.7}.card .number{font-size:38px;letter-spacing:-1.5px;margin:24px 0 5px}.badge{display:inline-flex;border:1px solid #394d34;color:#badba1;background:#253120;border-radius:20px;padding:4px 9px;font-size:11px;white-space:nowrap}.badge.warn{color:#e3bf81;border-color:#5a4931;background:#332c22}.badge.bad{color:#ef9b9b;border-color:#633a40;background:#39252a}.row{display:flex;align-items:center;justify-content:space-between;gap:15px}.list{display:grid;gap:12px}.list .card{padding:20px}.list p{margin:9px 0;color:#afb3c4}.empty{padding:48px 24px;text-align:center;border:1px dashed #363946;border-radius:10px;color:#9da3b5;line-height:1.8}.note{border-left:2px solid #c3f27b;padding:4px 0 4px 17px;margin-top:30px;line-height:1.8;color:#a4a9ba}.notice{color:#d9b780;font-size:12px;line-height:1.6;margin:12px 0}.section{margin-top:30px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.chip{font-size:11px;border:1px solid #414453;border-radius:5px;padding:3px 7px;color:#b4b9cc}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:20px;flex-wrap:wrap}select,input,textarea{background:#11131a;border:1px solid #3b3f4c;color:inherit;padding:11px;border-radius:7px}input,textarea{width:100%}textarea{resize:vertical;min-height:90px}pre,.prose{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;font-family:inherit}pre{font-family:Consolas,monospace;font-size:12px;max-height:400px;overflow:auto}details{margin-top:14px}summary{cursor:pointer;color:#bac3ae}.gate{max-width:430px;margin:15vh auto;padding:38px}.gate .brand{margin-bottom:50px}.gate p{line-height:1.8}.gate label{display:block;margin:18px 0 8px}.gate button{margin-top:20px;width:100%}.chat-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px}.chat-list{display:grid;align-content:start;gap:8px}.chat-list button{text-align:left;overflow-wrap:anywhere}.conversation{min-height:380px;display:grid;align-content:start;gap:18px}.message{padding:18px;border-radius:10px;background:#20232d;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75}.message.user{background:#283124}.message small{display:block;margin-bottom:8px}form{margin-top:20px}form button{margin-top:10px}#toast{position:fixed;right:20px;bottom:20px;background:#442d31;border:1px solid #85505c;padding:18px;border-radius:10px;max-width:450px;z-index:5}.loading{color:#a5aaba;padding:30px}.spacer{height:12px}@media(max-width:900px){.grid{grid-template-columns:1fr}.shell{grid-template-columns:180px minmax(0,1fr)}main{padding:26px}.chat-layout{grid-template-columns:1fr}}@media(max-width:600px){.shell{display:block}aside{padding:20px;border-right:0;border-bottom:1px solid #30333d;gap:20px}nav{display:flex;overflow:auto}nav button{white-space:nowrap}aside footer{display:none}main{padding:24px 18px}.topbar{padding-bottom:18px;margin-bottom:25px}.gate{margin:8vh 16px}.heading{display:block}.heading h1{font-size:27px}.row{align-items:flex-start}.card{padding:18px}.topbar .muted{max-width:170px;text-align:right}}

/* Domain panels and explicit action layout; shared by static and inserted controls. */
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #373a47;border-radius:7px;padding:9px 14px;background:#252731;color:inherit}
.button:hover{background:#343745}
.project-card{display:flex;flex-direction:column;gap:14px}.project-card h2,.project-card p{margin:0}.project-actions{margin-top:2px}.commit-meta{display:block;overflow-wrap:anywhere}
.card .actions{margin-top:14px}.form-stack{display:grid;gap:12px;max-width:680px}.form-stack label{display:grid;gap:8px}.form-stack button{margin-top:0}.form-stack p{margin:0}.worker-settings-card{max-width:850px}.worker-settings-card select{width:100%}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 0}.facts dt{font-size:12px;color:#9398ab;margin-bottom:5px}.facts dd{margin:0;overflow-wrap:anywhere}.timeline{list-style:none;padding:0;display:grid;gap:0}.timeline li{border-left:2px solid #414b34;padding:6px 0 22px 20px;overflow-wrap:anywhere}.timeline li>div:first-child{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.timeline p{margin:9px 0;color:#a4a9ba}.timeline time{font-size:12px;color:#9398ab}
.usage-meter{margin-top:22px}.usage-meter p{font-size:12px;margin:7px 0}.usage-meter progress{width:100%;height:10px;margin-top:10px;accent-color:#c3f27b}.metric-card h3{margin:0}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.row{flex-wrap:wrap}code{overflow-wrap:anywhere}.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}
/* Hermes interaction reference: narrow user bubbles, open assistant answers,
   bounded history and a composer outside the history's scrolling region. */
.chat-heading{display:flex;align-items:center;gap:18px;margin-bottom:20px}.chat-heading h1{font-size:22px;margin:0;letter-spacing:-.5px}.chat-heading p{margin:0;flex:1}.chat-heading button{margin-left:auto}
.chat-layout{grid-template-columns:220px minmax(0,1fr);height:auto;min-height:0;align-items:start;gap:18px}.chat-sidebar{margin:0;min-height:0;overflow:auto;border-right:1px solid #282b35;padding-right:18px}.chat-sidebar>summary{margin-bottom:18px;font-size:13px}.chat-sidebar>#new-chat{width:100%;margin-bottom:16px}.chat-list{gap:5px}.chat-list button{background:transparent;border-color:transparent;font-size:13px}.chat-list button.active{background:#272d22;border-color:#414b34;color:#d0f5a0}.chat-list button:hover{background:#252731}
.chat-thread{display:flex;flex-direction:column;max-height:calc(100dvh - 240px);min-height:0;min-width:0;border:1px solid #282b35;border-radius:14px;background:#13151b;overflow:hidden}.chat-thread-header{padding:16px 22px;border-bottom:1px solid #282b35;display:flex;align-items:center;gap:14px}.chat-thread-header h2{margin:0;flex:1;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-thread-header span{font-size:12px;white-space:nowrap}
.conversation{display:block;flex:0 1 auto;min-height:0;overflow-y:auto;padding:16px 20px;scrollbar-gutter:stable}.chat-turn{margin:0 0 18px}.chat-turn:last-child{margin-bottom:0}.chat-user{width:fit-content;max-width:85%;margin:0 0 10px auto;padding:8px 12px;border-radius:18px 18px 4px 18px;background:#283124;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.assistant-markdown{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.assistant-markdown p{margin:0 0 8px}.assistant-markdown h1{font-size:24px}.assistant-markdown h2{font-size:20px}.assistant-markdown ul,.assistant-markdown ol{padding-left:24px}.assistant-markdown pre{position:relative;background:#0d0f14;border:1px solid #30333d;border-radius:10px;padding:45px 16px 16px;font-size:13px;line-height:1.7;max-height:none;white-space:pre;overflow:auto}.assistant-markdown code{font-family:Consolas,monospace}.assistant-markdown :not(pre)>code{background:#252731;border-radius:4px;padding:2px 5px}.copy-code{position:absolute;right:8px;top:7px;font-size:11px;padding:4px 8px}.table-scroll{overflow-x:auto}.assistant-markdown table{border-collapse:collapse;width:100%}.assistant-markdown td,.assistant-markdown th{border:1px solid #373a47;padding:8px;text-align:left}.answer-copy{font-size:11px;padding:4px 8px;background:transparent;border-color:transparent;color:#9398ab}.chat-activity{margin:0 0 8px;color:#a4a9ba;font-size:12px}.activity-event{border-left:2px solid #373a47;margin:12px 0;padding-left:14px}.activity-event p{max-height:180px;overflow:auto}.working-indicator{color:#c3f27b;font-size:13px}.approval-panel{padding:16px;border:1px solid #5a4931;border-radius:10px;margin:14px 0}.chat-welcome{height:100%;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#9398ab}.chat-welcome h2{font-size:26px;color:#e8eaf0;line-height:1.5}
.composer-wrap{flex-shrink:0;padding:0 16px 12px;background:#13151b}.chat-composer{display:grid;grid-template-columns:minmax(0,1fr) fit-content(40%);align-items:center;gap:2px 10px;padding:8px 10px;margin:0;border:1px solid #414453;border-radius:15px;background:#191b23}.chat-composer textarea{grid-column:1;grid-row:1;display:block;width:100%;min-height:40px;max-height:180px;resize:none;border:0;background:transparent;padding:8px 3px;line-height:1.6;outline:none}.chat-composer:focus-within{border-color:#9abc71}.composer-actions{grid-column:2;grid-row:1;align-self:center;display:grid;grid-template-columns:minmax(0,1fr);justify-items:stretch;min-width:0;max-width:100%}.composer-actions button{display:grid;place-items:center;box-sizing:border-box;min-width:40px;min-height:40px;max-width:100%;margin:0;padding:8px;border-radius:10px;overflow-wrap:anywhere}.composer-actions #send{font-size:20px;line-height:22px}.composer-hint{grid-column:1 / -1;grid-row:2;font-size:10px;line-height:14px}.stop-icon{display:block;width:12px;height:12px;border-radius:1px;background:currentColor}.composer-wrap>.notice:empty{display:none}
@media(max-width:1100px){.chat-layout{grid-template-columns:180px minmax(0,1fr);gap:14px}.chat-heading p{font-size:12px}}
@media(max-width:900px){.chat-layout{display:flex;flex-direction:column;height:auto;min-height:0;align-items:stretch}.chat-sidebar{flex-shrink:0;max-height:170px;border-right:0;padding:0}.chat-sidebar>summary{margin-bottom:12px}.chat-sidebar[open]{border-bottom:1px solid #282b35;padding-bottom:12px}.chat-thread{flex:0 1 auto;max-height:70dvh}.chat-heading p{display:none}.conversation{padding:20px}.chat-user{max-width:92%}}
@media(max-width:600px){.chat-layout{height:auto;min-height:0}.chat-thread-header{padding:12px 16px}.conversation{padding:16px}.composer-wrap{padding:0 10px 12px}.composer-hint{max-width:none}.facts{gap:14px}.metrics-grid{grid-template-columns:1fr}.row{gap:12px}.chat-heading{gap:12px}}
