:root{--bg:#0d0f13;--bg-panel:#14171d;--bg-elevated:#1a1e26;--bg-sunken:#0a0c0f;--bg-hover:#1f242e;--border:#212632;--border-strong:#2e3441;--border-focus:#4a5364;--text:#e8e6e1;--text-dim:#99a0ac;--text-faint:#626a78;--accent:#d9a441;--accent-soft:#d9a44124;--accent-line:#d9a44157;--accent-text:#1a1408;--danger:#c9584f;--danger-soft:#c9584f24;--positive:#6fa16a;--canvas-bg:#0d0f13;--canvas-dot:#97a3ba21;--canvas-link:#96a2b738;--canvas-label:#cfd3da;--canvas-label-dim:#767d8b;--canvas-node-shift-s:0;--canvas-node-shift-l:0;--font:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-xs:11px;--text-sm:12.5px;--text-base:14px;--text-md:15px;--text-lg:18px;--text-xl:23px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:22px;--s6:30px;--s7:44px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-full:999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px #0006, 0 1px 3px #0000004d;--shadow-lg:0 16px 48px #00000080, 0 2px 8px #00000059;--ease:cubic-bezier(.32, .72, 0, 1);--ease-out-back:cubic-bezier(.34, 1.42, .64, 1);--dur-fast:.12s;--dur:.2s;--dur-slow:.38s;--panel-w:340px}:root[data-theme=light]{--bg:#f4f2ee;--bg-panel:#fbfaf8;--bg-elevated:#fff;--bg-sunken:#eae7e1;--bg-hover:#efece6;--border:#ded9d0;--border-strong:#c8c2b6;--border-focus:#a39b8c;--text:#23211d;--text-dim:#5d5950;--text-faint:#918b7f;--accent:#a97418;--accent-soft:#a974181f;--accent-line:#a9741859;--accent-text:#fffdf7;--danger:#a83f36;--positive:#4a7a45;--canvas-bg:#f4f2ee;--canvas-dot:#3c372d24;--canvas-link:#46413742;--canvas-label:#3c3830;--canvas-label-dim:#8b8578;--canvas-node-shift-s:8;--canvas-node-shift-l:-14;--shadow-sm:0 1px 2px #3c321e14;--shadow-md:0 4px 16px #3c321e1a, 0 1px 3px #3c321e0f;--shadow-lg:0 16px 48px #3c321e24, 0 2px 8px #3c321e14}
*,:before,:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{font-family:var(--font);font-size:var(--text-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none;line-height:1.5}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}h1,h2,h3{letter-spacing:-.012em;font-weight:600}::selection{background:var(--accent-soft)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--r-sm)}.app{position:fixed;inset:0;overflow:hidden}.graph-canvas{touch-action:none;cursor:grab;display:block;position:absolute;inset:0}.centre-note{color:var(--text-faint);font-size:var(--text-sm);letter-spacing:.02em;place-items:center;display:grid;position:fixed;inset:0}.toolbar{top:var(--s3);z-index:20;align-items:center;gap:var(--s2);display:flex;position:absolute}.toolbar-left{left:var(--s4)}.toolbar-right{right:var(--s4)}.brand{-webkit-user-select:none;user-select:none;align-items:center;gap:9px;padding:6px 4px;display:flex}.brand-mark{background:var(--accent);border-radius:50%;flex:none;width:15px;height:15px;position:relative;box-shadow:9px -6px 0 -4.5px #56b385,-8px -7px 0 -5px #668fb7,-2px 10px 0 -5.5px #b86f88}.brand-mark.large{width:20px;height:20px;box-shadow:12px -8px 0 -6px #56b385,-11px -9px 0 -6.5px #668fb7,-3px 13px 0 -7px #b86f88}.brand-name{font-size:var(--text-md);letter-spacing:-.02em;font-weight:600}.search{border:1px solid var(--border);border-radius:var(--r-full);background:color-mix(in srgb, var(--bg-panel) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:34px;color:var(--text-faint);transition:border-color var(--dur) var(--ease), width var(--dur) var(--ease);align-items:center;gap:7px;padding:0 8px 0 11px;display:flex}.search:focus-within,.search.is-active{border-color:var(--border-strong);color:var(--text-dim)}.search input{width:132px;color:var(--text);font-size:var(--text-sm);background:0 0;border:none;outline:none}.search input::placeholder{color:var(--text-faint)}.search:focus-within input{width:186px}.search kbd{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-faint);border-radius:4px;padding:3px 5px;font-size:10px;line-height:1}.search:focus-within kbd{display:none}.search-clear{color:var(--text-faint);border-radius:50%;place-items:center;padding:3px;display:grid}.search-clear:hover{color:var(--text);background:var(--bg-hover)}.icon-btn{border:1px solid var(--border);border-radius:var(--r-full);background:color-mix(in srgb, var(--bg-panel) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:34px;height:34px;color:var(--text-dim);transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);place-items:center;display:grid}.icon-btn:hover{color:var(--text);border-color:var(--border-strong)}.icon-btn:active{transform:scale(.94)}.icon-btn.accent.is-on{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.icon-btn.ghost{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}.icon-btn.ghost:hover{background:var(--bg-hover)}.icon-btn.small{width:26px;height:26px}.inline-add input{border:1px solid var(--accent-line);border-radius:var(--r-full);background:var(--bg-panel);width:150px;height:34px;font-size:var(--text-sm);outline:none;padding:0 12px}.btn{border-radius:var(--r-sm);height:32px;font-size:var(--text-sm);transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), opacity var(--dur-fast) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 13px;font-weight:500;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-text);font-weight:600}.btn-primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 88%, white)}.btn-quiet{border-color:var(--border);color:var(--text-dim)}.btn-quiet:hover:not(:disabled){border-color:var(--border-strong);color:var(--text);background:var(--bg-hover)}.btn-ghost{color:var(--text-faint);padding:0 8px}.btn-ghost:hover{color:var(--text-dim);background:var(--bg-hover)}.btn-ghost.danger:hover{color:var(--danger);background:var(--danger-soft)}.btn-danger{background:var(--danger);color:#fff}.btn.wide{width:100%;height:36px}.legend{z-index:15;bottom:var(--s4);max-width:min(760px, calc(100vw - 2 * var(--s4)));border:1px solid var(--border);border-radius:var(--r-full);background:color-mix(in srgb, var(--bg-panel) 86%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-md);scrollbar-width:none;align-items:center;gap:2px;padding:5px;display:flex;position:absolute;left:50%;overflow-x:auto;transform:translate(-50%)}.legend::-webkit-scrollbar{display:none}.legend-item{border-radius:var(--r-full);color:var(--text-dim);font-size:var(--text-sm);transition:color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);flex:none;align-items:center;gap:7px;padding:6px 12px 8px;display:flex;position:relative}.legend-item:hover{color:var(--text);background:var(--bg-hover)}.legend-dot{border-radius:50%;flex:none;width:7px;height:7px}.legend-name{white-space:nowrap}.legend-bar{background:var(--border);border-radius:1px;height:1.5px;position:absolute;bottom:4px;left:12px;right:12px;overflow:hidden}.legend-bar:after{content:"";width:var(--fill,0%);background:hsl(var(--hue) 48% 56%);transition:width var(--dur-slow) var(--ease);border-radius:1px;position:absolute;inset:0 auto 0 0}.panel{z-index:25;width:var(--panel-w);border:1px solid var(--border);border-radius:var(--r-lg);background:color-mix(in srgb, var(--bg-panel) 94%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:absolute;top:58px;bottom:58px;overflow:hidden}.panel-detail{left:var(--s4);padding-bottom:var(--s3);animation:panel-in var(--dur-slow) var(--ease) both;overflow-y:auto}.panel-chat{right:var(--s4);width:372px;transform:translateX(calc(100% + var(--s5)));opacity:0;pointer-events:none;transition:transform var(--dur-slow) var(--ease), opacity var(--dur) var(--ease)}.panel-chat.is-open{opacity:1;pointer-events:auto;transform:none}@keyframes panel-in{0%{opacity:0;transform:translate(-10px)}}.panel-head{justify-content:space-between;align-items:center;gap:var(--s2);padding:var(--s3) var(--s3) var(--s2) var(--s4);flex:none;display:flex}.panel-head h2{font-size:var(--text-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);font-weight:600}.crumbs{min-width:0;font-size:var(--text-xs);color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:3px;display:flex}.crumb-sep{opacity:.5;margin-left:4px}.crumb-kind{font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:10px}.detail-title{width:calc(100% - 2 * var(--s4));margin:2px var(--s4) var(--s3);font-size:var(--text-xl);letter-spacing:-.022em;transition:border-color var(--dur) var(--ease);background:0 0;border:none;border-bottom:1px solid #0000;outline:none;padding:2px 6px 2px 0;font-weight:600}.detail-title:hover{border-bottom-color:var(--border)}.detail-title:focus{border-bottom-color:hsl(var(--hue) 50% 55%)}.state-row{margin:0 var(--s4) var(--s4);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-sunken);grid-template-columns:repeat(4,1fr);gap:3px;padding:3px;display:grid}.state-chip{font-size:var(--text-xs);color:var(--text-faint);transition:color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);border-radius:4px;padding:6px 2px;font-weight:500}.state-chip:hover{color:var(--text-dim);background:var(--bg-hover)}.state-chip.is-on{color:hsl(var(--hue) 55% 72%);background:hsl(var(--hue) 40% 50% / .16);box-shadow:inset 0 0 0 1px hsl(var(--hue) 40% 55% / .32)}:root[data-theme=light] .state-chip.is-on{color:hsl(var(--hue) 55% 30%)}.meta-grid{gap:var(--s2);margin:0 var(--s4) var(--s4);grid-template-columns:repeat(3,1fr);display:grid}.meta-grid dt{letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);margin-bottom:3px;font-size:10px;font-weight:500}.meta-grid dd{font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--text-dim);align-items:center;gap:4px;display:flex}.streak-live{color:var(--accent)!important}.branch-summary{margin:0 var(--s4) var(--s4)}.branch-bar{background:var(--bg-sunken);border-radius:2px;height:4px;overflow:hidden}.branch-bar span{height:100%;transition:width var(--dur-slow) var(--ease);border-radius:2px;display:block}.branch-line{font-size:var(--text-xs);color:var(--text-faint);margin-top:7px}.branch-line strong{color:var(--text-dim);font-weight:600}.detail-notes{width:calc(100% - 2 * var(--s4));margin:0 var(--s4) var(--s5);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-sunken);resize:vertical;font-size:var(--text-sm);color:var(--text-dim);transition:border-color var(--dur) var(--ease);outline:none;padding:9px 11px;line-height:1.55}.detail-notes:focus{border-color:var(--border-strong);color:var(--text)}.detail-notes::placeholder{color:var(--text-faint)}.detail-section{padding:0 var(--s4) var(--s5)}.detail-section h3,.section-head h3{margin-bottom:var(--s2);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex}.section-head{justify-content:space-between;align-items:center;display:flex}.section-head h3{margin-bottom:0}.count{font-family:var(--font-mono);letter-spacing:0;background:var(--bg-hover);color:var(--text-faint);border-radius:3px;padding:0 4px;font-size:10px}.log-input{gap:6px;display:flex}.log-input input,.child-input{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-sunken);min-width:0;height:32px;font-size:var(--text-sm);transition:border-color var(--dur) var(--ease);outline:none;flex:1;padding:0 11px}.log-input input:focus,.child-input:focus{border-color:var(--border-strong)}.child-input{width:100%;margin-top:var(--s2)}.log-list{margin:var(--s3) 0 0;flex-direction:column;gap:9px;padding:0;list-style:none;display:flex}.log-list li{gap:var(--s2);font-size:var(--text-sm);color:var(--text-dim);grid-template-columns:46px 1fr;line-height:1.45;display:grid}.log-list time{font-family:var(--font-mono);color:var(--text-faint);white-space:nowrap;padding-top:2px;font-size:10.5px}.child-list{margin:var(--s2) 0 0;flex-direction:column;gap:1px;padding:0;list-style:none;display:flex}.child-list button{border-radius:var(--r-sm);text-align:left;width:100%;transition:background var(--dur-fast) var(--ease);align-items:center;gap:9px;padding:6px 8px;display:flex}.child-list button:hover{background:var(--bg-hover)}.child-dot{border-radius:50%;flex:none;width:7px;height:7px}.child-name{min-width:0;font-size:var(--text-sm);color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.child-list button:hover .child-name{color:var(--text)}.child-state{letter-spacing:.04em;color:var(--text-faint);font-size:10px}.empty-line{font-size:var(--text-sm);color:var(--text-faint)}.detail-foot{padding:var(--s3) var(--s4) 0;border-top:1px solid var(--border);margin-top:auto}.confirm{font-size:var(--text-sm);color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.confirm span{flex:100%;margin-bottom:2px}.chat-scroll{min-height:0;padding:var(--s2) var(--s4) var(--s4);gap:var(--s4);scroll-behavior:smooth;flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-intro{padding:var(--s5) 0 var(--s3);color:var(--text-faint);font-size:var(--text-sm);line-height:1.6}.starters{margin-top:var(--s4);flex-direction:column;align-items:flex-start;gap:6px;display:flex}.starters button{border:1px solid var(--border);border-radius:var(--r-full);font-size:var(--text-sm);color:var(--text-dim);text-align:left;transition:border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);padding:7px 11px}.starters button:hover{border-color:var(--border-strong);color:var(--text);background:var(--bg-hover)}.bubble{gap:var(--s3);font-size:var(--text-sm);animation:bubble-in var(--dur) var(--ease) both;flex-direction:column;line-height:1.6;display:flex}@keyframes bubble-in{0%{opacity:0;transform:translateY(5px)}}.bubble-user{align-self:flex-end;max-width:86%}.bubble-user p{border-radius:var(--r-md) var(--r-md) 3px var(--r-md);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);padding:8px 12px}.bubble-assistant p{color:var(--text-dim);white-space:pre-wrap}.thinking{gap:4px;padding:4px 0;display:flex}.thinking span{background:var(--text-faint);width:5px;height:5px;animation:think 1.15s var(--ease) infinite;border-radius:50%}.thinking span:nth-child(2){animation-delay:.14s}.thinking span:nth-child(3){animation-delay:.28s}@keyframes think{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chat-error{border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);border-radius:var(--r-sm);background:var(--danger-soft);font-size:var(--text-xs);color:var(--danger);padding:9px 11px}.proposal{border:1px solid var(--accent-line);border-radius:var(--r-md);background:color-mix(in srgb, var(--accent-soft) 60%, var(--bg-elevated));animation:proposal-in var(--dur-slow) var(--ease-out-back) both;overflow:hidden}@keyframes proposal-in{0%{opacity:0;transform:scale(.96)}}.proposal.is-applied{border-color:var(--border);background:var(--bg-sunken);opacity:.75}.proposal-head{padding:9px 12px 0}.proposal-label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:9.5px;font-weight:600}.proposal.is-applied .proposal-label{color:var(--text-faint)}.proposal-ops{flex-direction:column;gap:6px;margin:0;padding:8px 12px 10px;list-style:none;display:flex}.op{font-size:var(--text-xs);color:var(--text-dim);gap:8px;line-height:1.5;display:flex}.op-verb{width:50px;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);flex:none;padding-top:2px;font-size:9.5px}.op-add .op-verb{color:var(--positive)}.op-remove .op-verb{color:var(--danger)}.proposal-actions{gap:6px;padding:0 12px 11px;display:flex}.chat-compose{padding:var(--s3) var(--s3) var(--s3) var(--s4);border-top:1px solid var(--border);flex:none;align-items:flex-end;gap:7px;display:flex}.chat-compose textarea{resize:none;min-height:34px;max-height:140px;font-size:var(--text-sm);background:0 0;border:none;outline:none;flex:1;padding:7px 0;line-height:1.5}.chat-compose textarea::placeholder{color:var(--text-faint)}.icon-btn.send{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent);flex:none}.icon-btn.send:disabled{opacity:.35;cursor:default}.context-menu{z-index:60;border:1px solid var(--border-strong);border-radius:var(--r-md);background:color-mix(in srgb, var(--bg-elevated) 96%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-width:208px;box-shadow:var(--shadow-lg);animation:menu-in .14s var(--ease) both;padding:5px;position:fixed}@keyframes menu-in{0%{opacity:0;transform:scale(.96)translateY(-3px)}}.menu-title{font-size:var(--text-xs);color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;padding:7px 9px 8px;font-weight:600;display:flex;overflow:hidden}.menu-dot{border-radius:50%;flex:none;width:7px;height:7px}.menu-states{grid-template-columns:repeat(4,1fr);gap:2px;padding:0 4px 4px;display:grid}.menu-state{color:var(--text-faint);transition:color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);border-radius:4px;padding:5px 2px;font-size:10px;font-weight:500}.menu-state:hover{color:var(--text);background:var(--bg-hover)}.menu-state.is-on{color:hsl(var(--hue) 55% 72%);background:hsl(var(--hue) 40% 50% / .18)}:root[data-theme=light] .menu-state.is-on{color:hsl(var(--hue) 55% 30%)}.menu-sep{background:var(--border);height:1px;margin:4px 6px}.menu-item{border-radius:var(--r-sm);width:100%;font-size:var(--text-sm);color:var(--text-dim);text-align:left;transition:color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);align-items:center;gap:9px;padding:7px 9px;display:flex}.menu-item:hover{color:var(--text);background:var(--bg-hover)}.menu-item.danger:hover{color:var(--danger);background:var(--danger-soft)}.menu-hint{font-family:var(--font-mono);color:var(--text-faint);margin-left:auto;font-size:10px}.menu-input{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg-sunken);width:100%;height:32px;font-size:var(--text-sm);outline:none;margin:2px 0;padding:0 9px}.empty-state{z-index:10;padding:var(--s4);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.empty-card{pointer-events:auto;width:min(430px,100%);padding:var(--s6) var(--s5) var(--s5);border:1px solid var(--border);border-radius:var(--r-lg);background:color-mix(in srgb, var(--bg-panel) 92%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);text-align:center;animation:panel-in var(--dur-slow) var(--ease) both}.empty-card h1{font-size:var(--text-xl);margin-bottom:var(--s2)}.empty-card>p{font-size:var(--text-sm);color:var(--text-faint);margin:0 auto var(--s5);max-width:33ch;line-height:1.6}.empty-input{gap:7px;display:flex}.empty-input input{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg-sunken);min-width:0;height:36px;font-size:var(--text-sm);outline:none;flex:1;padding:0 12px}.empty-input input:focus{border-color:var(--accent-line)}.empty-input .btn{height:36px}.empty-or{margin:var(--s4) 0;font-size:var(--text-xs);color:var(--text-faint);position:relative}.empty-or:before,.empty-or:after{content:"";background:var(--border);width:calc(50% - 22px);height:1px;position:absolute;top:50%}.empty-or:before{left:0}.empty-or:after{right:0}.empty-actions{flex-direction:column;gap:6px;display:flex}.signin{min-height:100dvh;padding:var(--s4);place-items:center;display:grid}.signin-card{width:min(370px,100%);padding:var(--s6) var(--s5);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-panel);box-shadow:var(--shadow-lg);text-align:center;align-items:center;gap:var(--s3);flex-direction:column;display:flex}.signin-card h1{font-size:var(--text-xl)}.signin-card>p{font-size:var(--text-sm);color:var(--text-faint);margin-bottom:var(--s2)}.signin-card input{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg-sunken);width:100%;height:36px;font-size:var(--text-sm);text-align:center;outline:none;padding:0 12px}.signin-note,.signin-sent{font-size:var(--text-xs);color:var(--text-faint);line-height:1.55}.signin-sent strong{color:var(--text-dim)}.signin-error{font-size:var(--text-xs);color:var(--danger)}.toast{z-index:70;border-radius:var(--r-sm);max-width:min(420px,100vw - 32px);font-size:var(--text-sm);box-shadow:var(--shadow-md);animation:bubble-in var(--dur) var(--ease) both;padding:9px 14px;position:absolute;bottom:72px;left:50%;transform:translate(-50%)}.toast-error{border:1px solid color-mix(in srgb, var(--danger) 45%, transparent);background:var(--bg-elevated);color:var(--danger)}.panel ::-webkit-scrollbar{width:9px}.panel::-webkit-scrollbar{width:9px}.panel ::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--border-strong);border:3px solid #0000;border-radius:5px}.panel::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--border-strong);border:3px solid #0000;border-radius:5px}.panel ::-webkit-scrollbar-track{background:0 0}.panel::-webkit-scrollbar-track{background:0 0}@media (max-width:760px){.toolbar-left{left:var(--s3)}.toolbar-right{right:var(--s3);gap:5px}.brand-name{display:none}.search input{width:84px}.search:focus-within input{width:130px}.search kbd{display:none}.panel{border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-height:66dvh;padding-bottom:env(safe-area-inset-bottom);border-bottom:none;inset:auto 0 0}.panel-chat{transform:translateY(100%)}.panel-chat.is-open{transform:none}@keyframes panel-in{0%{opacity:0;transform:translateY(16px)}}.legend{bottom:var(--s2);left:var(--s3);right:var(--s3);justify-content:flex-start;max-width:none;transform:none}.toast{bottom:88px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}