*{box-sizing:border-box}html,body,#app{margin:0;height:100%;font-family:Segoe UI,system-ui,sans-serif;background:#1c2419;color:#e8e4d8}#app{display:flex;flex-direction:column}#topbar{display:flex;align-items:center;gap:16px;padding:8px 14px;background:#26301f;border-bottom:2px solid #3a4a2f}#title .subtitle{margin-left:10px;font-size:12px;color:#a8b09a}#clock{font-variant-numeric:tabular-nums;font-weight:600;color:#ffd97a}#controls button,#btn-load{background:#4a6a38;color:#fff;border:none;border-radius:4px;padding:6px 14px;cursor:pointer;font-size:13px}#controls button:disabled{opacity:.45;cursor:default}#llm-status{margin-left:auto;font-size:12px;line-height:1.35;color:#a8b09a;max-width:420px;text-align:right}#tick-status{font-size:11px;font-variant-numeric:tabular-nums;color:#8fa07e;min-width:110px}#commit-link{margin-left:10px;font-size:11px;font-family:monospace;color:#7d8a6d;text-decoration:none}#commit-link:hover{text-decoration:underline}#layout{flex:1;display:flex;min-height:0}#map-container{flex:1;position:relative;min-width:0}#map{display:block;width:100%;height:100%}#loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#26301f;overflow:hidden}#loading-card{position:relative;width:100%;height:100%;display:flex;flex-direction:column;padding:26px clamp(24px,4vw,64px) 22px;overflow:hidden}#loading-card>p{max-width:920px;margin:8px 0 6px}#btn-close-settings{position:absolute;top:10px;right:12px;background:none;border:none;color:#a8b09a;font-size:22px;line-height:1;cursor:pointer;padding:4px 8px}#btn-close-settings:hover{color:#e8e4d8}#settings-columns{display:grid;grid-template-columns:minmax(280px,1fr) minmax(250px,.9fr) minmax(340px,1.25fr);gap:clamp(24px,3vw,48px);margin:14px 0 10px;flex:1;min-height:0}#settings-columns section{display:flex;flex-direction:column;min-height:0}#session-list,#character-editor{flex:1;min-height:0}#session-list{overflow-y:auto;padding-right:4px}#character-editor{display:flex;flex-direction:column}#character-form{overflow-y:auto;min-height:0;padding-right:4px}@media(max-width:980px){#settings-columns{grid-template-columns:1fr;flex:none}#loading-card{overflow-y:auto}#character-list{max-height:300px}}#server-presets{display:flex;flex-wrap:wrap;gap:6px}#server-presets .preset{background:#1c2419;color:#a8b09a;border:1px solid #3a4a2f;border-radius:12px;padding:3px 10px;font-size:11px;cursor:pointer}#server-presets .preset:hover{color:#e8e4d8;border-color:#5a7a48}#server-url-row{display:flex;gap:6px}#server-url-row input{flex:1}#btn-check{background:#4a6a38;color:#fff;border:none;border-radius:4px;padding:6px 12px;cursor:pointer;font-size:12px}#server-status{font-size:12px;min-height:15px;color:#a8b09a}#server-status.ok{color:#9fd77a}#server-status.err{color:#e08a7a}#session-list{display:flex;flex-direction:column;gap:6px;font-size:13px}#session-list .hint{color:#7d8a6d;font-size:12px}.session-row{display:flex;align-items:center;gap:8px;background:#1c2419;border:1px solid #3a4a2f;border-radius:4px;padding:6px 10px}.session-row .session-meta{flex:1}.session-row .session-name{color:#e8e4d8}.session-row .session-sub{font-size:11px;color:#7d8a6d}.session-row button{background:#4a6a38;color:#fff;border:none;border-radius:4px;padding:4px 10px;font-size:12px;cursor:pointer}.session-row button.danger{background:#6a4038}#characters-section{margin:0}#character-list{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0;overflow-y:auto;padding-right:4px}.character-row{display:flex;align-items:center;gap:10px;background:#1c2419;border:1px solid #3a4a2f;border-radius:4px;padding:5px 10px;font-size:13px}.character-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:1px solid #00000055}.character-meta{flex:1}.character-name{color:#e8e4d8}.character-sub{font-size:11px;color:#7d8a6d;margin-left:6px}.character-row button,.character-actions button{background:#4a6a38;color:#fff;border:none;border-radius:4px;padding:4px 10px;font-size:12px;cursor:pointer}.character-row button.danger,.character-actions button.danger{background:#6a4038}.character-actions{display:flex;gap:8px;margin-top:8px}#character-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}#character-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#a8b09a}#character-form label.wide{grid-column:1 / -1}#character-form input,#character-form select,#character-form textarea{background:#1c2419;color:#e8e4d8;border:1px solid #3a4a2f;border-radius:4px;padding:6px;font:inherit;font-size:13px}#character-form input[type=color]{padding:2px;height:32px}.form-error{color:#e08a7a;font-size:12px;min-height:15px;margin-top:6px}#loading-card h2{margin-top:0}#backend-choice{display:flex;flex-direction:column;gap:8px;margin:14px 0}#backend-choice select,#local-config input{background:#1c2419;color:#e8e4d8;border:1px solid #3a4a2f;border-radius:4px;padding:6px;width:100%}#local-config{display:flex;flex-direction:column;gap:6px;margin-left:22px}#load-progress{margin-top:10px;font-size:12px;color:#a8b09a;min-height:16px}#sidebar{width:380px;display:flex;flex-direction:column;border-left:2px solid #3a4a2f;background:#212a1b;min-height:0}#inspector{flex:3;overflow-y:auto;padding:10px;font-size:13px;min-height:0}#log-panel{flex:2;display:flex;flex-direction:column;border-top:2px solid #3a4a2f;min-height:0}.panel-title{padding:6px 10px;font-weight:600;font-size:12px;color:#a8b09a;text-transform:uppercase}#log{flex:1;overflow-y:auto;padding:0 10px 10px;font-size:12px;line-height:1.5}#log div{border-bottom:1px solid #2c3823;padding:3px 0}.hint{color:#8b937e;font-style:italic}.agent-head{display:flex;align-items:center;gap:8px;font-size:15px;margin-bottom:4px}.agent-dot{width:14px;height:14px;border-radius:50%;display:inline-block}.agent-traits{color:#a8b09a;font-style:italic;margin-bottom:6px}.agent-action{margin-bottom:10px}details{margin-bottom:10px}details summary{cursor:pointer;font-weight:600;color:#cdd6b8;margin-bottom:4px}.plan-entry{padding:2px 0;border-bottom:1px solid #2c3823}.plan-loc{color:#8fb573}.mem{padding:4px 0;border-bottom:1px solid #2c3823}.mem-kind{font-size:10px;text-transform:uppercase;padding:1px 5px;border-radius:3px;background:#3a4a2f;margin-right:6px}.mem-reflection .mem-kind{background:#6a4a8a}.mem-plan .mem-kind{background:#4a6a8a}.mem-chat .mem-kind{background:#8a6a3a}.mem-imp{font-size:10px;color:#ffd97a;margin-right:6px}.mem-time{font-size:10px;color:#8b937e}.mem-desc{white-space:pre-wrap}.conv{margin-bottom:8px;border:1px solid #2c3823;border-radius:4px;padding:6px}.conv-head{font-size:11px;color:#a8b09a;margin-bottom:4px}.conv-turn{padding:1px 0}#interview-form{display:flex;gap:6px;margin-top:6px}#interview-form input{flex:1;background:#1c2419;color:#e8e4d8;border:1px solid #3a4a2f;border-radius:4px;padding:5px}#interview-form button{background:#4a6a38;color:#fff;border:none;border-radius:4px;padding:5px 12px;cursor:pointer}#interview-history{margin:6px 0}#variant-link{margin-left:10px;font-size:11px;color:#9fb77a;text-decoration:none}#variant-link:hover{text-decoration:underline}