:root{color-scheme:dark;font-family:Consolas,Menlo,monospace;font-size:14px;--theme-color-r: 51;--theme-color-g: 255;--theme-color-b: 153;--user-color-r: 100;--user-color-g: 255;--user-color-b: 255;--tool-color-r: 255;--tool-color-g: 170;--tool-color-b: 0;--error-color-r: 255;--error-color-g: 102;--error-color-b: 102;--col-theme-main: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 1);--col-theme-text: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), .95);--col-theme-dim: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), .7);--col-theme-bg: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), .1);--col-user-text: rgba(var(--user-color-r), var(--user-color-g), var(--user-color-b), .95);--col-tool-text: rgba(var(--tool-color-r), var(--tool-color-g), var(--tool-color-b), .9);--col-border-main: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), .5);--col-border-high: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), .8);--col-panel-bg: rgba(0, 20, 10, .3);--col-img-bg: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), .1);--glow-text: 0 0 3px rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), var(--glow-text-alpha1)), 0 0 12px rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), var(--glow-text-alpha2));--glow-box: 0 0 3px rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), var(--glow-box-alpha1)), 0 0 8px rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), var(--glow-box-alpha2));--ui-opacity: .7;--ui-brightness: 1;--window-radius: 10px}.app:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(to bottom,#fff0,#fff0 2px,#0003 2px,#0003 4px);pointer-events:none;z-index:999;opacity:.7}html,body{height:100%;margin:0;padding:0;background:#0a0a0a;color:var(--col-theme-main);text-shadow:var(--glow-text)}.app{display:grid;background:rgba(0,0,0,var(--ui-opacity));grid-template-columns:1fr 120px;grid-template-rows:1fr auto auto;column-gap:8px;row-gap:8px;width:100%;height:100vh;max-width:428px;margin:0 auto;padding:24px 12px 8px;box-sizing:border-box;position:relative;overflow:hidden}.app:before{content:"";position:absolute;top:16px;left:20px;right:20px;height:3px;background:var(--col-border-high);box-shadow:var(--glow-text)}.app{-webkit-app-region:drag}#pane-output,#pane-input,#pane-avatar,.meta-bar,input,.text-scroll{-webkit-app-region:no-drag}.app:not(.split) #pane-avatar{display:none}#pane-output{grid-column:1 / 2;grid-row:1 / 2;border:1px solid var(--col-border-main);box-shadow:var(--glow-box);background:var(--col-panel-bg);display:flex;flex-direction:column;overflow:hidden;filter:brightness(var(--ui-brightness))}.surface-host,.surface{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.text-scroll{flex:1;padding:16px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;white-space:pre-wrap;line-height:1.4;color:var(--col-theme-text);min-height:0}.text-line{margin:0 0 8px}.text-line strong{font-weight:700;color:var(--col-theme-main);filter:brightness(1.3)}.text-line em{font-style:italic;opacity:.9}.text-line code{background:rgba(var(--theme-color-r),var(--theme-color-g),var(--theme-color-b),.15);padding:.1em .3em;border-radius:3px}.text-line ul,.text-line ol{margin:0;padding-left:1.5em}.text-line li,.text-line p{margin:0}.text-line--system{color:var(--col-theme-dim)}.text-line--error{color:rgba(var(--error-color-r),var(--error-color-g),var(--error-color-b),1)}.text-line--proposed{color:var(--col-theme-text);font-family:Consolas,Menlo,monospace;background:#00140a66;padding:8px;border:1px solid rgba(var(--theme-color-r),var(--theme-color-g),var(--theme-color-b),.3)}.text-line--user{color:var(--col-user-text)}.text-line--assistant{color:var(--col-theme-text)}.text-line--tool{color:var(--col-tool-text);font-style:italic}#pane-input{grid-column:1 / 3;grid-row:2 / 3;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--col-border-main);box-shadow:var(--glow-box);background:var(--col-panel-bg);filter:brightness(var(--ui-brightness))}#input{flex:1;background:transparent;border:none;color:inherit;font:inherit;outline:none}#pane-avatar{grid-column:2 / 3;grid-row:1 / 2;border:1px solid var(--col-border-main);box-shadow:var(--glow-box);background:#00281440;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;box-sizing:border-box;gap:12px}#avatar-wrap{position:relative;width:100px;height:100px;box-shadow:var(--glow-box);border:1px solid var(--col-border-main);background:var(--col-img-bg)}#avatar-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--col-theme-main);mix-blend-mode:multiply;opacity:var(--avatar-overlay-opacity);pointer-events:none}#avatar-img{width:100%;height:100%;object-fit:cover;display:block;opacity:var(--ui-opacity);filter:brightness(var(--avatar-brightness))}.avatar-label{text-transform:uppercase;letter-spacing:1px}.meta-bar{grid-column:1 / 3;grid-row:3 / 4;display:flex;justify-content:flex-end;font-size:12px;color:var(--col-theme-dim);margin-top:-6px}.tool-call{margin:4px 0}.tool-call summary{cursor:pointer;color:var(--col-tool-text);list-style:none}.tool-call summary:before{content:"▶ "}.tool-call[open] summary:before{content:"▼ "}.tool-call-result{padding-left:20px;color:var(--col-tool-text);opacity:.8}.tool-call-result-body{white-space:pre-wrap;word-wrap:break-word}