:root{font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#203b34;background:#f8f7f3;--deep:#204c42;--muted:#5f7067;--line:#dfdfd6;--cream:#f1f0e8;--accent:#d8e6aa}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}button:focus-visible,summary:focus-visible{outline:3px solid #e6a545;outline-offset:3px}input:focus,textarea:focus{outline:2px solid #728f76}button{color:inherit}.word{display:flex;align-items:center;gap:10px;font-weight:720;letter-spacing:-.04em;font-size:21px}.brandmark{background:var(--deep);color:#e7efcd;width:35px;height:35px;display:grid;place-items:center;border-radius:10px;font-size:24px}.loginwrap{max-width:390px;margin:clamp(40px,12vh,140px) auto;padding:15px}.loginpanel{margin-top:44px}.loginpanel h1,header h1,#empty h2{font-family:Georgia,serif;letter-spacing:-.045em;font-weight:500}.loginpanel h1{font-size:44px;margin:20px 0}.loginpanel label{display:block;font-size:14px;font-weight:650}.loginpanel input{border:1px solid #abb9ad;background:white;border-radius:9px;padding:12px;width:100%;margin:8px 0 16px}.primary{background:var(--deep);color:white;padding:9px 19px;border:0;border-radius:9px;font-weight:650}.loginpanel .primary{width:100%;display:flex;justify-content:space-between}.orb{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;color:#294b3f;font-size:31px;line-height:1;border-radius:14px;background:var(--accent);border:1px solid #c6d697}.orb.big{width:70px;height:70px;font-size:52px;border-radius:23px}#app{display:grid;grid-template-columns:245px 1fr;height:100dvh}aside{background:var(--cream);border-right:1px solid var(--line);padding:28px 17px 14px;display:flex;flex-direction:column}aside .word{padding-left:6px}aside h2{font-size:12px;color:var(--muted);font-weight:600;margin:47px 9px 11px;display:flex;justify-content:space-between}.agentcard{background:#e2e7d7;border:1px solid #cdd5c5;border-radius:12px;display:flex;align-items:center;padding:11px;text-align:left;gap:10px}.agentcard small{display:block;font-size:12px;color:var(--muted)}.agentcard em{font-style:normal;margin-left:auto}.sidefoot{margin-top:auto;display:flex;gap:6px;align-items:center;color:var(--muted);font-size:12px}.sidefoot button,.subtle{background:transparent;border:1px solid #ccd2c7;border-radius:9px;padding:6px 12px;font-size:13px}.sidefoot button{margin-left:auto}.led{width:7px;height:7px;background:#6a8d62;border-radius:100%}main{display:flex;flex-direction:column;min-height:0;min-width:0}header{padding:19px clamp(16px,5vw,68px);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.kicker,dialog small{font-size:12px;color:var(--muted)}header h1{font-size:33px;margin:0}#chat{overflow-y:auto;flex:1;display:flex;flex-direction:column;padding:0 clamp(12px,4vw,48px)}#empty{margin:auto;text-align:center;padding:25px}#empty .orb{margin:auto}#empty h2{font-size:clamp(30px,4vw,44px);margin:16px 0 4px}#empty p{margin:0;color:var(--muted)}#messages:not(:empty){max-width:850px;width:100%;margin:0 auto;padding:18px 2px}.row{margin-bottom:18px;max-width:89%;overflow-wrap:anywhere}.row span{display:block;font-size:12px;font-weight:650;color:var(--muted);margin:0 8px 3px}.row p{margin:0;white-space:pre-wrap;padding:10px 14px}.row.user{margin-left:auto;width:fit-content}.user p{background:#e8ecdf;border-radius:14px}.user span{text-align:right}.note p{font-size:14px;color:var(--muted);border-left:2px solid #c6d4b8}.composearea{width:min(920px,100%);padding:0 clamp(12px,4vw,35px) 18px;margin:auto auto 0}#sendform{background:white;border:1px solid #c3cec2;border-radius:16px;padding:10px 13px;box-shadow:0 4px 18px #253f2909}textarea{width:100%;resize:vertical;max-height:130px;min-height:46px;border:0;padding:4px;background:transparent}.composeactions,#approval,.dialogtop{display:flex;align-items:center;gap:9px}.composeactions .primary,.dialogtop button{margin-left:auto}.composeactions label{font-size:12px;color:var(--muted)}#notice,#loginerr{color:#80432e;font-size:14px;white-space:pre-line;margin:5px 0}#notice:empty,#loginerr:empty{display:none}#approval{justify-content:space-between;margin:7px 0;font-size:14px}dialog{border:1px solid var(--line);border-radius:18px;padding:22px;color:inherit;width:min(510px,94vw);background:#f8f7f3;max-height:86dvh}dialog::backdrop{background:#183d3450}.dialogtop h2,dialog h3{margin:5px 0}dialog details{margin:18px 0}summary{cursor:pointer}#ruletext{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.sr{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}@media(max-width:720px){#app{grid-template-columns:1fr;grid-template-rows:auto 1fr}aside{padding:9px 13px;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:9px}aside h2{display:none}aside .word{font-size:16px;padding:0}.brandmark{width:27px;height:27px;font-size:19px}.agentcard{padding:4px 7px;margin-left:auto;gap:5px}.agentcard .orb{width:25px;height:25px;font-size:18px;border-radius:8px}.agentcard strong,.agentcard small{font-size:10px}.sidefoot{font-size:0;margin:0}.sidefoot .led{display:none}.sidefoot button{font-size:11px;padding:4px 6px}header{padding:8px 15px}header h1{font-size:25px}.composearea{padding-bottom:max(9px,env(safe-area-inset-bottom))}#empty{padding:12px}#empty p{font-size:14px}}