.title-bar{display:flex;align-items:center;justify-content:space-between;height:42px;padding:0 var(--space-md);background:var(--bg-panel);border-bottom:1px solid var(--border);flex-shrink:0;position:relative}.title-bar:after{content:"";position:absolute;bottom:-1px;left:var(--space-md);right:var(--space-md);height:1px;background:linear-gradient(90deg,transparent,var(--border-accent),transparent)}.title-logo{color:var(--title);font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:3px;text-transform:uppercase;-webkit-user-select:none;user-select:none;mix-blend-mode:var(--title-blend)}.title-bar-right{display:flex;align-items:center;gap:8px}.titlebar-action{background:none;border:none;color:var(--fg-muted);font-family:var(--font-ui);font-size:12px;cursor:pointer;padding:4px 8px;line-height:1;border-radius:var(--radius-sm);transition:color var(--duration-fast),background var(--duration-fast)}.titlebar-action:hover{color:var(--fg);background:var(--bg-hover)}.titlebar-action.confirm{color:var(--error)}.titlebar-action.confirm:hover{background:rgb(var(--error-rgb) / .1)}.titlebar-theme{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--title-dim);cursor:pointer;padding:0;margin-right:2px;transition:color var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast),transform var(--duration-fast)}.titlebar-theme:hover{color:var(--title);border-color:var(--border-accent);background:rgb(var(--title-rgb) / .06);transform:rotate(20deg)}.titlebar-theme-glyph{font-size:15px;line-height:1;font-family:var(--font-ui)}.tab-bar{display:flex;gap:0;background:var(--bg-panel);border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto;padding:0 var(--space-sm)}.tab-btn{padding:8px 18px;background:none;border:none;border-bottom:2px solid transparent;color:var(--fg-muted);font-family:var(--font-ui);font-size:12px;font-weight:500;letter-spacing:.5px;cursor:pointer;white-space:nowrap;transition:color var(--duration-fast),border-color var(--duration-normal) var(--ease-out);position:relative}.tab-btn:hover{color:var(--fg)}.tab-btn.active{color:var(--title);border-bottom-color:var(--title)}.bottom-bar{flex-shrink:0;border-top:1px solid var(--border);background:var(--bg-panel);position:relative;z-index:2}.bottom-bar:before{content:"";position:absolute;top:-1px;left:var(--space-md);right:var(--space-md);height:1px;background:var(--rule-accent-strong);pointer-events:none}.status-bar{display:flex;align-items:center;gap:14px;padding:6px var(--space-md) 5px;font-size:11px;font-family:var(--font-ui);color:var(--fg-muted);border-bottom:1px solid var(--border-subtle);min-height:26px;letter-spacing:.3px}.status-location{font-family:var(--font-ui);font-weight:600;font-size:11px;letter-spacing:1.1px;text-transform:uppercase;color:var(--title-dim);display:inline-flex;align-items:center;gap:8px}.status-location:before{content:"❖";font-size:9px;color:var(--title);opacity:.7}.status-turn{font-family:var(--font-mono);font-size:10px;letter-spacing:.4px;padding:1px 7px;border:1px solid var(--border);border-radius:3px;color:var(--fg-muted)}.status-processing{color:var(--title-dim);font-family:var(--font-ui);font-size:11px;font-weight:500;letter-spacing:.3px;display:inline-flex;align-items:center;gap:7px}.status-processing:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--title);box-shadow:0 0 8px rgb(var(--title-rgb) / .6);animation:candlePulse 1.6s ease-in-out infinite}@keyframes candlePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}.input-zone{padding:12px var(--space-md) 14px}.suggestions{margin-bottom:10px;animation:fadeIn .3s var(--ease-out)}.suggestions-label{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-family:var(--font-ui);font-weight:600;color:var(--title-dim);letter-spacing:1.4px;text-transform:uppercase;margin-bottom:7px;opacity:.85}.suggestions-label:after{content:"";display:inline-block;width:48px;height:1px;background:var(--rule-accent)}.suggestion-pills{display:flex;flex-direction:column;gap:5px}.suggestion-pill{display:flex;align-items:center;gap:10px;padding:9px 13px 9px 15px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;font-family:var(--font-ui);color:var(--fg);position:relative;overflow:hidden;transition:border-color var(--duration-normal) var(--ease-candle),background var(--duration-normal) var(--ease-candle),box-shadow var(--duration-normal) var(--ease-candle);animation:pillEnter .35s var(--ease-candle) both}.suggestion-pill:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;background:var(--border-subtle);border-radius:0 1px 1px 0;transition:background var(--duration-normal) var(--ease-candle)}.suggestion-pill:nth-child(1){animation-delay:0ms}.suggestion-pill:nth-child(2){animation-delay:80ms}.suggestion-pill:nth-child(3){animation-delay:.16s}@keyframes pillEnter{0%{opacity:0}to{opacity:1}}.suggestion-pill:hover{border-color:var(--border-accent);background:rgb(var(--title-rgb) / .05);box-shadow:var(--glow-accent-soft)}.suggestion-pill:hover:before{background:var(--title)}.suggestion-pill:active{background:rgb(var(--title-rgb) / .1)}.pill-key{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:3px;background:var(--gradient-accent-soft);border:1px solid var(--border-accent);color:var(--title);font-size:10px;font-weight:700;font-family:var(--font-mono);letter-spacing:0;box-shadow:inset 0 1px 0 var(--edge-highlight-sm)}.suggestion-pill:hover .pill-key{background:var(--gradient-accent-hover)}.pill-body{flex:1;font-size:13px;line-height:1.5;min-width:0}.pill-check{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:3px;font-size:10px;font-weight:600;letter-spacing:.1px;white-space:nowrap;vertical-align:middle;margin-left:6px}.pill-chance{font-family:var(--font-mono);font-weight:700}.pill-check.chance-high{background:rgb(var(--system-rgb) / .1);border:1px solid rgb(var(--system-rgb) / .2);color:var(--system)}.pill-check.chance-mid{background:rgb(var(--warn-rgb) / .1);border:1px solid rgb(var(--warn-rgb) / .2);color:var(--warn)}.pill-check.chance-low{background:rgb(var(--error-rgb) / .1);border:1px solid rgb(var(--error-rgb) / .2);color:var(--error)}.input-row{display:flex;gap:var(--space-sm);position:relative}.input-field{flex:1;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--input-fg);font-size:14px;font-family:var(--font-ui);outline:none;transition:border-color var(--duration-normal) var(--ease-candle),box-shadow var(--duration-normal) var(--ease-candle)}.input-field:focus{border-color:var(--border-accent);box-shadow:var(--glow-accent)}.input-field::placeholder{color:var(--fg-muted);opacity:.55;font-family:var(--font-ui);font-size:14px}.input-field:disabled{opacity:.4}.input-zone.processing .input-row:after{content:"";position:absolute;left:2px;right:2px;bottom:-2px;height:1px;background:linear-gradient(90deg,transparent 0%,rgb(var(--title-rgb) / .6) 50%,transparent 100%);background-size:40% 100%;background-repeat:no-repeat;animation:shimmer 2s linear infinite;pointer-events:none}@keyframes shimmer{0%{background-position:-40% 0}to{background-position:140% 0}}.send-btn{padding:10px 22px;background:var(--gradient-accent-soft);border:1px solid var(--border-accent);border-radius:var(--radius-md);color:var(--title);font-family:var(--font-ui);font-size:13px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;position:relative;box-shadow:inset 0 1px 0 var(--edge-highlight-sm);transition:background var(--duration-normal) var(--ease-candle),box-shadow var(--duration-normal) var(--ease-candle),color var(--duration-normal) var(--ease-candle)}.send-btn:hover:not(:disabled){background:var(--gradient-accent-hover);color:var(--highlight);box-shadow:inset 0 1px 0 var(--edge-highlight-md),var(--glow-accent-soft)}.send-btn:active:not(:disabled){transform:translateY(.5px)}.send-btn:disabled{opacity:.3;cursor:default;background:transparent}.insistence-row{display:flex;align-items:center;gap:12px;padding:12px var(--space-md) 14px 18px;position:relative;animation:fadeIn .3s var(--ease-out)}.insistence-row:before{content:"";position:absolute;left:var(--space-md);top:14px;bottom:14px;width:2px;background:var(--voice);opacity:.55;border-radius:1px}.insistence-row:has(.insist-confirm.retry-variant):before,.insistence-row.retry:before{background:var(--error)}.insistence-hint{flex:1;color:var(--voice);font-family:var(--font-narrative);font-style:italic;font-size:15px;line-height:1.5;padding-left:10px}.insist-btn{padding:8px 18px;border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--duration-normal) var(--ease-candle)}.insist-confirm{background:rgb(var(--error-rgb) / .1);color:var(--error);border-color:rgb(var(--error-rgb) / .3)}.insist-confirm:hover{background:rgb(var(--error-rgb) / .2);box-shadow:0 0 14px -2px rgb(var(--error-rgb) / .25)}.insist-abandon{background:transparent;color:var(--fg-muted)}.insist-abandon:hover{background:var(--bg-hover);color:var(--fg);border-color:var(--fg-muted)}@media(max-width:600px){.pill-body{font-size:12px}.send-btn{padding:10px 16px;letter-spacing:1px}.status-location{letter-spacing:.8px}}.style-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#040406e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease-out}.style-panel{width:640px;max-width:94vw;max-height:92vh;overflow-y:auto;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);box-shadow:var(--shadow-overlay);animation:scaleIn .25s var(--ease-out)}.style-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.style-title{margin:0;flex:1;color:var(--title);font-family:var(--font-display);font-size:18px;font-weight:500;text-align:center;letter-spacing:1px;mix-blend-mode:var(--title-blend)}.style-close-btn{background:none;border:none;color:var(--fg-muted);font-size:15px;cursor:pointer;padding:4px 8px;line-height:1;border-radius:var(--radius-sm);transition:color var(--duration-fast),background var(--duration-fast);flex-shrink:0}.style-close-btn:hover{color:var(--fg);background:var(--bg-hover)}.style-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:var(--space-lg)}.style-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:border-color var(--duration-normal) var(--ease-out),background var(--duration-fast),transform var(--duration-fast)}.style-card:hover{border-color:var(--border-accent);background:rgb(var(--title-rgb) / .03);transform:translateY(-1px)}.style-card-label{color:var(--title);font-family:var(--font-display);font-size:14px;font-weight:500}.style-card-desc{color:var(--fg-muted);font-family:var(--font-ui);font-size:12px;line-height:1.5}.style-actions{display:flex;justify-content:center;gap:12px}.style-btn{padding:9px 22px;border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--duration-fast)}.style-btn-random{background:transparent;color:var(--highlight);border-color:rgb(var(--title-rgb) / .3)}.style-btn-random:hover{background:rgb(var(--title-rgb) / .08);border-color:rgb(var(--title-rgb) / .5)}.style-btn-custom{background:transparent;color:var(--fg-muted)}.style-btn-custom:hover{background:var(--bg-hover);color:var(--fg)}.style-btn-back{background:transparent;color:var(--fg-muted)}.style-btn-back:hover{background:var(--bg-hover);color:var(--fg)}.style-btn-confirm{background:transparent;color:var(--title);border-color:var(--border-accent)}.style-btn-confirm:hover:not(:disabled){background:rgb(var(--title-rgb) / .08)}.style-btn-confirm:disabled{opacity:.3;cursor:default}.custom-form{display:flex;flex-direction:column;gap:16px;margin-bottom:var(--space-lg)}.custom-label{display:flex;flex-direction:column;gap:6px;color:var(--fg-muted);font-family:var(--font-ui);font-size:12px;font-weight:500;letter-spacing:.3px}.custom-label .required{color:var(--error)}.custom-input{padding:10px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--input-fg);font-size:14px;font-family:var(--font-ui);resize:vertical;outline:none;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.custom-input:focus{border-color:var(--border-accent);box-shadow:0 0 0 3px rgb(var(--title-rgb) / .06)}.custom-input::placeholder{color:var(--fg-muted);opacity:.5}.char-create-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#040406e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease-out}.char-create-panel{width:560px;max-width:94vw;max-height:92vh;overflow-y:auto;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);box-shadow:var(--shadow-overlay);animation:scaleIn .25s var(--ease-out)}.char-create-title{color:var(--title);font-family:var(--font-display);font-size:20px;font-weight:500;margin:0 0 4px;text-align:center;letter-spacing:1px;mix-blend-mode:var(--title-blend)}.char-create-subtitle{color:var(--fg-muted);font-family:var(--font-ui);font-size:12px;margin:0 0 var(--space-lg);text-align:center;letter-spacing:.3px}.attr-list{display:flex;flex-direction:column;gap:16px;margin-bottom:var(--space-md)}.attr-row{display:flex;flex-direction:column;gap:3px}.attr-header{display:flex;align-items:baseline;gap:8px}.attr-name{color:var(--fg);font-family:var(--font-ui);font-size:13px;font-weight:600;min-width:32px}.attr-tier-label{font-family:var(--font-ui);font-size:11px;font-weight:600;flex:1;letter-spacing:.3px}.attr-input{width:46px;padding:2px 4px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--highlight);font-family:var(--font-mono);font-size:13px;font-weight:500;text-align:right;outline:none;transition:border-color var(--duration-fast)}.attr-input:focus{border-color:var(--border-accent)}.attr-input::-webkit-outer-spin-button,.attr-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.attr-input[type=number]{-moz-appearance:textfield}.tier-0{color:var(--tier-0)}.tier-1{color:var(--tier-1)}.tier-2{color:var(--fg-muted)}.tier-3{color:var(--system)}.tier-4{color:var(--title)}.attr-slider-row{display:flex;align-items:center;height:22px}.attr-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--surface-tint-2);outline:none;cursor:pointer}.attr-slider.tier-0{accent-color:var(--tier-0)}.attr-slider.tier-1{accent-color:var(--tier-1)}.attr-slider.tier-2{accent-color:var(--fg-muted)}.attr-slider.tier-3{accent-color:var(--system)}.attr-slider.tier-4{accent-color:var(--title)}.attr-slider::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--surface-tint-2)}.attr-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--fg);border:2px solid var(--bg-panel);margin-top:-5px;cursor:pointer;transition:transform .1s var(--ease-out)}.attr-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.attr-slider::-moz-range-track{height:4px;border-radius:2px;background:var(--surface-tint-2);border:none}.attr-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--fg);border:2px solid var(--bg-panel);cursor:pointer}.attr-slider::-moz-range-progress{height:4px;border-radius:2px}.attr-slider.tier-0::-moz-range-progress{background:var(--tier-0)}.attr-slider.tier-1::-moz-range-progress{background:var(--tier-1)}.attr-slider.tier-2::-moz-range-progress{background:var(--fg-muted)}.attr-slider.tier-3::-moz-range-progress{background:var(--system)}.attr-slider.tier-4::-moz-range-progress{background:var(--title)}.attr-desc{font-family:var(--font-ui);font-size:11px;line-height:1.4;min-height:16px;transition:color .2s}.attr-remaining{text-align:center;font-family:var(--font-ui);font-size:13px;margin-bottom:12px;padding:8px 0;font-weight:600;letter-spacing:.3px}.attr-remaining.ok{color:var(--system)}.attr-remaining.under{color:var(--highlight)}.attr-remaining.over{color:var(--error)}.char-create-error{color:var(--error);font-family:var(--font-ui);font-size:12px;text-align:center;margin-bottom:12px}.char-create-actions{display:flex;gap:12px;justify-content:center;margin-top:var(--space-xs)}.action-btn{padding:9px 24px;border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--duration-fast)}.action-btn.primary{background:var(--title);color:var(--bg);border-color:var(--title);font-weight:600}.action-btn.primary:hover:not(:disabled){filter:brightness(1.1)}.action-btn.primary:disabled{opacity:.3;cursor:not-allowed}.action-btn.secondary{background:transparent;color:var(--fg-muted)}.action-btn.secondary:hover{background:var(--bg-hover);color:var(--fg)}.session-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040406e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease-out}.session-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);width:440px;max-width:94vw;max-height:70vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-overlay);animation:scaleIn .25s var(--ease-out)}.session-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.session-header h2{margin:0;font-family:var(--font-display);font-size:15px;font-weight:500;color:var(--title);letter-spacing:.5px}.session-close-btn{background:none;border:none;color:var(--fg-muted);font-size:15px;cursor:pointer;padding:4px 8px;line-height:1;border-radius:var(--radius-sm);transition:color var(--duration-fast),background var(--duration-fast)}.session-close-btn:hover{color:var(--fg);background:var(--bg-hover)}.session-list{flex:1;overflow-y:auto;padding:var(--space-sm)}.session-empty{color:var(--fg-muted);text-align:center;padding:28px 0;font-size:13px}.session-card{display:flex;align-items:center;padding:12px 16px;margin-bottom:4px;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast),border-color var(--duration-fast)}.session-card:hover{background:var(--bg-hover);border-color:var(--border)}.session-card-main{flex:1;min-width:0}.session-label{color:var(--fg);font-family:var(--font-ui);font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-meta{display:flex;gap:12px;margin-top:4px;font-family:var(--font-ui);font-size:11px;color:var(--fg-muted);letter-spacing:.2px}.session-delete-btn{background:none;border:none;color:var(--fg-muted);font-size:13px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);flex-shrink:0;transition:color var(--duration-fast),background var(--duration-fast)}.session-delete-btn:hover{color:var(--error);background:rgb(var(--error-rgb) / .1)}.session-delete-btn.confirm{color:var(--error);font-size:11px;font-weight:600;background:rgb(var(--error-rgb) / .12)}.session-new-btn{display:block;width:calc(100% - 24px);margin:var(--space-sm) 12px 12px;padding:11px;background:transparent;border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--title-dim);font-family:var(--font-ui);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--duration-fast)}.session-new-btn:hover{background:rgb(var(--title-rgb) / .04);border-color:var(--border-accent);color:var(--title)}.narrative-tab{flex:1;overflow-y:auto;padding:var(--space-lg) var(--space-xl);max-width:780px;margin:0 auto;width:100%}.desktop-left .narrative-tab{max-width:none}.narrative-line{margin-bottom:6px;word-break:break-word;line-height:1.75;animation:fadeIn .3s ease-out}.narrative-line.spacer{height:12px}.narrative-line.event{color:var(--narrative);font-family:var(--font-narrative);font-size:15px}.narrative-line.player-input{color:var(--highlight);font-family:var(--font-ui);font-weight:600;font-size:14px;padding:4px 0;margin:4px 0}.narrative-line.rejection{color:var(--fg-muted);font-family:var(--font-narrative);font-style:italic}.narrative-line.inciting{color:var(--title);font-family:var(--font-narrative);font-weight:600;font-size:16px}.narrative-line.error{color:var(--error);font-weight:600;font-size:13px;font-family:var(--font-ui)}.narrative-line.system{color:var(--system);font-family:var(--font-ui);font-size:12px;opacity:.8}.narrative-line.info{color:var(--fg-muted);font-family:var(--font-ui);font-size:12px}.narrative-line.world-bg{color:var(--fg-muted);font-family:var(--font-narrative);font-style:italic;font-size:14px}.narrative-line.world-title{color:var(--title);font-family:var(--font-display);font-weight:600;font-size:20px;letter-spacing:1px;margin:8px 0}.narrative-line.player-intro{color:var(--system);font-family:var(--font-narrative);font-size:14px}.narrative-line.separator{color:var(--title-dim);font-family:var(--font-ui);font-weight:600;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;text-align:center;padding:8px 0}.narrative-line.voice{color:var(--voice);font-family:var(--font-narrative);font-style:italic;padding-left:16px;border-left:2px solid rgb(var(--voice-rgb) / .3);margin:4px 0}.narrative-line.dialogue{color:var(--highlight);font-family:var(--font-narrative);padding-left:20px;font-size:15px}.narrative-line.sound{color:var(--fg-muted);font-family:var(--font-narrative);font-style:italic;text-align:center;font-size:13px;letter-spacing:1px}.narrative-line.check-pass{color:var(--system);font-family:var(--font-ui);font-weight:600;font-size:13px;padding:5px 10px;background:rgb(var(--system-rgb) / .08);border:1px solid rgb(var(--system-rgb) / .15);border-radius:var(--radius-sm);display:inline-block}.narrative-line.check-fail{color:var(--error);font-family:var(--font-ui);font-weight:600;font-size:13px;padding:5px 10px;background:rgb(var(--error-rgb) / .08);border:1px solid rgb(var(--error-rgb) / .15);border-radius:var(--radius-sm);display:inline-block}.narrative-line.check-crit-success{color:var(--crit-success);font-family:var(--font-ui);font-weight:700;font-size:14px;padding:6px 12px;background:color-mix(in srgb,var(--crit-success) 12%,transparent);border:1px solid color-mix(in srgb,var(--crit-success) 30%,transparent);border-radius:var(--radius-sm);display:inline-block;text-shadow:0 0 8px color-mix(in srgb,var(--crit-success) 30%,transparent)}.narrative-line.check-crit-fail{color:var(--crit-fail);font-family:var(--font-ui);font-weight:700;font-size:14px;padding:6px 12px;background:color-mix(in srgb,var(--crit-fail) 12%,transparent);border:1px solid color-mix(in srgb,var(--crit-fail) 30%,transparent);border-radius:var(--radius-sm);display:inline-block;text-shadow:0 0 8px color-mix(in srgb,var(--crit-fail) 30%,transparent)}.characters-tab{flex:1;display:flex;overflow:hidden}.char-sidebar{width:170px;flex-shrink:0;border-right:1px solid var(--border);overflow-y:auto;padding:var(--space-sm) 0}.char-sidebar-item{display:flex;align-items:center;gap:6px;width:100%;padding:9px 14px;background:none;border:none;color:var(--fg);font-family:var(--font-ui);font-size:13px;text-align:left;cursor:pointer;transition:background var(--duration-fast);border-left:2px solid transparent}.char-sidebar-item:hover{background:var(--bg-hover)}.char-sidebar-item.active{background:rgb(var(--title-rgb) / .04);border-left-color:var(--title)}.char-sidebar-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.char-sidebar-tag{font-family:var(--font-ui);font-size:9px;padding:2px 6px;border-radius:3px;flex-shrink:0;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.char-sidebar-tag.player{background:rgb(var(--title-rgb) / .12);color:var(--title)}.char-sidebar-empty{color:var(--fg-muted);text-align:center;padding:24px 8px;font-size:13px}.char-detail{flex:1;overflow-y:auto;padding:var(--space-lg) var(--space-lg)}.char-detail-name{margin:0 0 var(--space-md);font-family:var(--font-display);font-size:20px;font-weight:500;color:var(--title);letter-spacing:.5px}.char-detail-empty{color:var(--fg-muted);text-align:center;padding-top:48px;font-size:13px}.char-section{margin-bottom:20px}.char-section h3{margin:0 0 8px;font-family:var(--font-ui);font-size:10px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:1.2px;font-weight:600}.char-section p{margin:0;font-family:var(--font-narrative);font-size:14px;color:var(--fg);line-height:1.65}.char-attrs{display:flex;flex-direction:column;gap:6px}.char-attr-row{display:flex;align-items:center;gap:12px;font-size:13px}.char-attr-name{width:40px;color:var(--fg);font-family:var(--font-ui);font-weight:600;font-size:12px;flex-shrink:0;letter-spacing:.5px}.char-attr-bar-bg{flex:1;height:6px;background:var(--surface-tint-1);border-radius:3px;overflow:hidden}.char-attr-bar{height:100%;border-radius:3px;transition:width .4s var(--ease-out),background .3s}.char-attr-val{width:28px;text-align:right;color:var(--fg-muted);font-family:var(--font-mono);font-size:11px;flex-shrink:0}.char-no-info{color:var(--fg-muted);font-family:var(--font-narrative);font-size:14px;font-style:italic}.char-known-facts{margin:0;padding-left:18px;font-family:var(--font-narrative);font-size:13px;color:var(--fg);line-height:1.65}.char-known-facts li{margin-bottom:4px}.char-known-facts li::marker{color:var(--fg-muted)}.char-last-seen{display:flex;flex-wrap:wrap;gap:12px;font-family:var(--font-ui);font-size:12px;color:var(--fg-muted)}@media(max-width:600px){.characters-tab{flex-direction:column}.char-sidebar{width:100%;flex-shrink:0;border-right:none;border-bottom:1px solid var(--border);overflow-x:auto;overflow-y:hidden;display:flex;padding:4px 6px;gap:4px}.char-sidebar-item{width:auto;flex-shrink:0;padding:6px 10px;border-radius:var(--radius-sm);white-space:nowrap;border-left:none}.char-sidebar-item.active{border-left:none;border-bottom:2px solid var(--title)}.char-detail{padding:14px 16px}.char-detail-name{font-size:17px;margin-bottom:12px}.char-attr-name{width:40px}.char-last-seen{flex-direction:column;gap:4px}}.quest-tab{flex:1;display:flex;flex-direction:column;overflow:hidden}.quest-canvas-wrap{flex:1;overflow:hidden;position:relative;cursor:grab;touch-action:none;contain:layout paint;isolation:isolate;background:var(--bg)}.quest-canvas-wrap.grabbing{cursor:grabbing}.quest-canvas-wrap svg{display:block;width:100%;height:100%;transform:translateZ(0)}.quest-canvas-wrap svg>g{will-change:transform}.quest-edge{fill:none;stroke:var(--quest-edge-stroke);stroke-width:1.5}.quest-edge.cross{stroke-dasharray:6 4}.quest-edge-arrow{fill:var(--quest-edge-stroke)}.quest-dag-node{width:220px;height:64px;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--bg-panel);display:flex;align-items:stretch;gap:0;cursor:pointer;transition:box-shadow var(--duration-fast),border-color var(--duration-fast);overflow:hidden;-webkit-user-select:none;user-select:none}.quest-dag-node:hover{border-color:var(--fg-muted)}.quest-dag-node-bar{width:5px;flex-shrink:0}.quest-dag-node-body{flex:1;min-width:0;padding:6px 10px;display:flex;flex-direction:column;justify-content:center;gap:2px}.quest-dag-node-label{font-family:var(--font-ui);font-size:12px;line-height:1.35;color:var(--fg);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.quest-dag-node-hint{font-family:var(--font-ui);font-size:10px;line-height:1.3;color:var(--fg-muted);font-style:italic;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.quest-dag-node-status{display:flex;align-items:center;justify-content:center;width:28px;flex-shrink:0;font-size:12px;color:var(--fg-muted)}.quest-dag-node-status.s-completed{color:var(--quest-completed-border)}.quest-dag-node-status.s-active{color:var(--title);font-size:8px}.quest-dag-node-status.s-failed{color:var(--quest-failed-border)}.quest-dag-node.s-completed{background:var(--quest-completed-bg);border-color:var(--quest-completed-border)}.quest-dag-node.s-active{background:var(--quest-active-bg);border-color:var(--title)}.quest-dag-node.s-failed{background:var(--quest-failed-bg);border-color:var(--quest-failed-border)}.quest-dag-node.s-failed .quest-dag-node-label{text-decoration:line-through;color:var(--fg-muted)}.quest-dag-node.selected{box-shadow:0 0 14px rgb(var(--title-rgb) / .35);border-color:var(--title)}.quest-zoom-controls{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:6px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px 8px;z-index:2}.quest-zoom-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:var(--radius-sm, 4px);color:var(--fg);font-size:16px;font-family:var(--font-ui);cursor:pointer;transition:background var(--duration-fast);flex-shrink:0}.quest-zoom-btn:hover{background:var(--bg-hover)}.quest-zoom-btn:active{background:var(--surface-tint-3)}.quest-zoom-slider{width:80px;height:4px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--border);border-radius:2px;outline:none;cursor:pointer}.quest-zoom-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--fg-muted);border:none;cursor:pointer}.quest-zoom-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--fg-muted);border:none;cursor:pointer}.quest-zoom-label{font-family:var(--font-ui);font-size:10px;color:var(--fg-muted);min-width:32px;text-align:center}.quest-detail{flex-shrink:0;border-top:1px solid var(--border);padding:14px var(--space-lg);display:flex;flex-direction:column;gap:8px;min-height:100px;max-height:180px;overflow-y:auto}.quest-detail-empty{flex-shrink:0;border-top:1px solid var(--border);padding:16px;display:flex;align-items:center;justify-content:center;color:var(--fg-muted);font-size:13px;font-family:var(--font-ui)}.quest-detail-header{display:flex;align-items:center;gap:8px}.quest-detail-bar{width:4px;height:18px;border-radius:2px;flex-shrink:0}.quest-detail-quest-title{font-family:var(--font-ui);font-size:11px;font-weight:700;color:var(--title-dim);letter-spacing:1px;text-transform:uppercase}.quest-detail-summary{font-family:var(--font-narrative);font-size:14px;color:var(--fg);line-height:1.6;margin:0}.quest-detail-hint{font-family:var(--font-narrative);font-size:13px;color:var(--fg-muted);font-style:italic;margin:0;padding-left:12px;border-left:2px solid var(--border)}.quest-detail-turn{font-family:var(--font-mono);font-size:10px;color:var(--fg-muted);text-align:right;opacity:.7}.quest-tab-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--fg-muted);font-size:13px;font-family:var(--font-ui)}@media(max-width:600px){.quest-zoom-controls{bottom:8px;right:8px;padding:3px 6px;gap:4px}.quest-zoom-btn{width:32px;height:32px;font-size:18px}.quest-zoom-slider{width:60px}.quest-detail{padding:10px 14px;max-height:140px}.quest-detail-summary{font-size:13px;line-height:1.5}.quest-detail-hint{font-size:12px}}.debug-tab{flex:1;display:flex;flex-direction:column;overflow:hidden;font-size:13px}.debug-toolbar{display:flex;gap:2px;padding:6px var(--space-md);border-bottom:1px solid var(--border);background:var(--bg-elevated);flex-shrink:0}.debug-toolbar-btn{padding:5px 14px;font-family:var(--font-ui);font-size:13px;font-weight:500;background:none;border:1px solid transparent;border-radius:3px;color:var(--fg-muted);cursor:pointer;transition:color var(--duration-fast),border-color var(--duration-fast);display:flex;align-items:center;gap:5px}.debug-toolbar-btn:hover{color:var(--fg);border-color:var(--border)}.debug-toolbar-btn.active{color:var(--title);border-color:var(--border-accent);background:rgb(var(--title-rgb) / .04)}.debug-error-badge{background:var(--error);color:var(--bg);font-size:10px;font-weight:700;padding:1px 5px;border-radius:8px;min-width:14px;text-align:center}.debug-view-content{flex:1;overflow-y:auto}.debug-pipeline-view{padding:6px 0}.debug-empty{color:var(--fg-muted);padding-top:24px;text-align:center;font-size:13px}.debug-filter-input{flex:1;padding:6px 10px;font-family:var(--font-mono);font-size:13px;background:var(--bg);border:1px solid var(--border);border-radius:3px;color:var(--fg);outline:none;transition:border-color var(--duration-fast)}.debug-filter-input:focus{border-color:var(--border-accent)}.debug-filter-input::placeholder{color:var(--fg-muted)}.debug-turn{margin:0 var(--space-md) 8px;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.debug-turn-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-elevated);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast)}.debug-turn-header:hover{background:var(--surface-tint-1)}.debug-chevron{color:var(--fg-muted);font-size:10px;width:12px;flex-shrink:0}.debug-turn-label{color:var(--title);font-family:var(--font-ui);font-weight:600;font-size:13px;white-space:nowrap}.debug-turn-input{color:var(--fg);font-family:var(--font-ui);font-size:13px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debug-turn-count{color:var(--fg-muted);font-family:var(--font-mono);font-size:12px;white-space:nowrap}.debug-turn-tokens{color:var(--voice);font-family:var(--font-mono);font-size:12px;white-space:nowrap}.debug-turn-duration{color:var(--system);font-family:var(--font-mono);font-size:12px;white-space:nowrap}.debug-turn-running{font-family:var(--font-ui);font-size:11px;font-weight:600;padding:2px 7px;border-radius:3px;background:rgb(var(--warn-rgb) / .12);color:var(--warn);animation:pulse 1.5s infinite}.debug-turn-copy{padding:2px 10px;font-family:var(--font-ui);font-size:11px;font-weight:500;background:var(--bg);border:1px solid var(--border);border-radius:3px;color:var(--fg-muted);cursor:pointer;transition:border-color var(--duration-fast),color var(--duration-fast);white-space:nowrap;flex-shrink:0}.debug-turn-copy:hover{border-color:var(--border-accent);color:var(--fg)}.debug-turn-body{padding:2px 0}.debug-pipeline-progress{display:flex;height:3px;margin:0 12px 4px;gap:1px;border-radius:2px;overflow:hidden}.debug-progress-segment{height:100%;border-radius:1px;transition:flex .3s var(--ease-out)}.debug-progress-segment.ok{background:var(--system)}.debug-progress-segment.running{background:var(--warn);animation:pulse 1.5s infinite}.debug-progress-segment.short-circuit{background:var(--voice)}.debug-progress-segment.error{background:var(--error)}.debug-init-entry{display:flex;align-items:baseline;gap:10px;padding:5px 12px 5px 26px;border-bottom:1px solid var(--border-subtle)}.debug-init-entry:last-child{border-bottom:none}.debug-init-time{color:var(--fg-muted);font-family:var(--font-mono);font-size:12px;min-width:48px;text-align:right;flex-shrink:0}.debug-init-msg{color:var(--fg);font-family:var(--font-ui);font-size:13px;word-break:break-all}.debug-step{border-bottom:1px solid var(--border-subtle)}.debug-step:last-child{border-bottom:none}.debug-step-header{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 26px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast)}.debug-step-header:hover{background:var(--bg-elevated)}.debug-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.debug-status-dot.ok{background:var(--system)}.debug-status-dot.running{background:var(--warn);animation:pulse 1.5s infinite}.debug-status-dot.short-circuit{background:var(--voice)}.debug-status-dot.error{background:var(--error)}.debug-step-name{color:var(--fg);font-family:var(--font-mono);font-size:13px;flex:1}.debug-step-time{color:var(--fg-muted);font-family:var(--font-mono);font-size:12px}.debug-step-tokens{color:var(--voice);font-family:var(--font-mono);font-size:12px;white-space:nowrap}.debug-step-spinner{color:var(--warn);animation:spin 1s linear infinite;font-size:13px}.debug-step-tag{font-family:var(--font-ui);font-size:11px;padding:2px 7px;border-radius:3px;font-weight:600;letter-spacing:.3px}.debug-step-tag.sc{background:rgb(var(--voice-rgb) / .12);color:var(--voice)}.debug-step-tag.err{background:rgb(var(--error-rgb) / .12);color:var(--error)}.debug-step-tag.llm{background:color-mix(in srgb,var(--debug-llm) 15%,transparent);color:var(--debug-llm)}.debug-step-tag.ctx{background:color-mix(in srgb,var(--debug-ctx) 15%,transparent);color:var(--debug-ctx)}.debug-expand-hint{color:var(--fg-muted);font-family:var(--font-ui);font-size:12px}.debug-step-body{border-top:1px solid var(--border-subtle)}.debug-step-data{margin:0;padding:8px 12px 8px 44px;background:var(--bg);color:var(--fg);font-family:var(--font-mono);font-size:12px;line-height:1.55;overflow-x:auto;white-space:pre-wrap;word-break:break-all;border-top:1px solid var(--border-subtle);max-height:300px;overflow-y:auto}.debug-step-body .debug-step-data,.debug-context-section{border-top:1px solid var(--border-subtle)}.debug-context-header{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 32px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast)}.debug-context-header:hover{background:var(--bg-elevated)}.debug-context-label{color:var(--debug-ctx);font-family:var(--font-ui);font-size:13px;font-weight:600}.debug-context-body{padding:0}.debug-ctx-kv{border-bottom:1px solid var(--border-subtle)}.debug-ctx-kv:last-child{border-bottom:none}.debug-ctx-kv-header{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 44px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;transition:background var(--duration-fast)}.debug-ctx-kv-header:hover{background:var(--surface-tint-1)}.debug-ctx-key{color:var(--debug-ctx);font-family:var(--font-mono);font-size:12px;font-weight:600;flex-shrink:0}.debug-ctx-preview{color:var(--fg-muted);font-family:var(--font-mono);font-size:12px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debug-ctx-expand{color:var(--fg-muted);font-size:10px;flex-shrink:0}.debug-ctx-value{margin:0;padding:4px 12px 6px 56px;font-family:var(--font-mono);font-size:12px;line-height:1.5;color:var(--fg);white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto;background:#00000026}.llm-call-card{margin:6px 12px 6px 44px;border:1px solid color-mix(in srgb,var(--debug-llm) 15%,transparent);border-radius:var(--radius-md);background:var(--bg);overflow:hidden}.llm-call-header{display:flex;align-items:center;gap:8px;padding:6px 12px;background:color-mix(in srgb,var(--debug-llm) 4%,transparent);font-size:12px}.llm-call-badge{background:color-mix(in srgb,var(--debug-llm) 15%,transparent);color:var(--debug-llm);font-family:var(--font-mono);font-size:11px;font-weight:600;padding:2px 7px;border-radius:3px}.llm-call-agent{color:var(--fg);font-family:var(--font-mono);font-size:12px;flex:1}.llm-call-time{color:var(--fg-muted);font-family:var(--font-mono);font-size:12px}.llm-call-usage{color:var(--voice);font-family:var(--font-mono);font-size:12px}.llm-call-actions{display:flex;gap:4px;padding:5px 12px;border-top:1px solid var(--border-subtle)}.llm-call-toggle{padding:4px 10px;font-family:var(--font-ui);font-size:12px;font-weight:500;background:var(--bg-elevated);border:1px solid var(--border);border-radius:3px;color:var(--fg-muted);cursor:pointer;transition:border-color var(--duration-fast),color var(--duration-fast)}.llm-call-toggle:hover{border-color:var(--fg-muted);color:var(--fg)}.llm-call-toggle.active{border-color:color-mix(in srgb,var(--debug-llm) 40%,transparent);color:var(--debug-llm)}.llm-call-messages,.llm-call-response{border-top:1px solid var(--border-subtle);max-height:400px;overflow-y:auto}.llm-msg{border-bottom:1px solid var(--border-subtle)}.llm-msg:last-child{border-bottom:none}.llm-msg-role{padding:4px 12px;font-family:var(--font-ui);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px}.llm-msg-system .llm-msg-role{color:var(--warn)}.llm-msg-user .llm-msg-role{color:var(--title)}.llm-msg-assistant .llm-msg-role{color:var(--system)}.llm-msg-content{margin:0;padding:4px 12px 8px;font-family:var(--font-mono);font-size:12px;line-height:1.55;color:var(--fg);white-space:pre-wrap;word-break:break-all}.debug-state-block{margin-top:4px;border-top:1px solid var(--border)}.debug-state-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-elevated);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast)}.debug-state-header:hover{background:var(--surface-tint-1)}.debug-state-label{color:var(--system);font-family:var(--font-ui);font-size:13px;font-weight:600}.debug-state-body{padding:0}.debug-state-section{border-bottom:1px solid var(--border-subtle)}.debug-state-section:last-child{border-bottom:none}.debug-state-section-header{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 26px;color:var(--fg);font-family:var(--font-ui);font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast)}.debug-state-section-header:hover{background:var(--bg-elevated)}.debug-state-data{margin:0;padding:8px 12px 8px 44px;background:var(--bg);color:var(--fg);font-family:var(--font-mono);font-size:12px;line-height:1.55;overflow-x:auto;white-space:pre-wrap;word-break:break-all;border-top:1px solid var(--border-subtle);max-height:300px;overflow-y:auto}.debug-llm-view{padding:10px var(--space-md)}.debug-llm-stats{display:flex;gap:16px;margin-bottom:10px;padding:8px 12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md)}.debug-llm-stat{font-family:var(--font-mono);font-size:13px;color:var(--fg-muted)}.debug-llm-stat:first-child{color:var(--fg);font-weight:600}.debug-llm-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.debug-llm-entry-meta{display:flex;gap:8px;padding:0 0 2px 4px}.debug-llm-entry-turn{font-family:var(--font-mono);font-size:12px;color:var(--title);font-weight:600}.debug-llm-entry-step{font-family:var(--font-mono);font-size:12px;color:var(--fg-muted)}.debug-llm-entry .llm-call-card{margin:0}.debug-store-view{display:flex;flex-direction:column;height:100%}.debug-store-toolbar{display:flex;gap:6px;padding:8px var(--space-md);flex-shrink:0}.debug-store-refresh{padding:5px 14px;font-family:var(--font-ui);font-size:13px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:3px;color:var(--fg);cursor:pointer;transition:border-color var(--duration-fast);flex-shrink:0}.debug-store-refresh:hover{border-color:var(--border-accent)}.debug-store-layout{display:flex;flex:1;overflow:hidden;border-top:1px solid var(--border)}.debug-store-keys{width:240px;flex-shrink:0;overflow-y:auto;border-right:1px solid var(--border)}.debug-store-group-header{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-elevated);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border-subtle)}.debug-store-group-name{font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--title);flex:1}.debug-store-group-count{font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);padding:1px 5px;background:var(--surface-tint-2);border-radius:3px}.debug-store-key-item{padding:4px 10px 4px 24px;font-family:var(--font-mono);font-size:12px;color:var(--fg-muted);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid var(--border-subtle);transition:background var(--duration-fast)}.debug-store-key-item:hover{background:var(--surface-tint-1);color:var(--fg)}.debug-store-key-item.active{background:rgb(var(--title-rgb) / .06);color:var(--title);border-left:2px solid var(--title)}.debug-store-value{flex:1;overflow-y:auto;display:flex;flex-direction:column}.debug-store-value-key{padding:6px 12px;font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--title);background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-shrink:0}.debug-store-value-data{margin:0;padding:10px 14px;font-family:var(--font-mono);font-size:12px;line-height:1.55;color:var(--fg);white-space:pre-wrap;word-break:break-all;flex:1;overflow-y:auto}.debug-error-view{padding:10px var(--space-md)}.debug-error-entry{margin-bottom:8px;border:1px solid rgb(var(--error-rgb) / .2);border-radius:var(--radius-md);overflow:hidden}.debug-error-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgb(var(--error-rgb) / .04);cursor:pointer;-webkit-user-select:none;user-select:none}.debug-error-header:hover{background:rgb(var(--error-rgb) / .08)}.debug-error-time{font-family:var(--font-mono);font-size:12px;color:var(--fg-muted);flex-shrink:0}.debug-error-turn{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--error);flex-shrink:0}.debug-error-step{font-family:var(--font-mono);font-size:12px;color:var(--fg-muted);padding:2px 7px;background:rgb(var(--error-rgb) / .1);border-radius:3px;flex-shrink:0}.debug-error-msg{font-family:var(--font-mono);font-size:13px;color:var(--fg);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debug-error-body{padding:8px 12px;border-top:1px solid rgb(var(--error-rgb) / .1)}.debug-error-section{margin-bottom:10px}.debug-error-section:last-child{margin-bottom:0}.debug-error-section-title{font-family:var(--font-ui);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--fg-muted);margin-bottom:4px}.debug-error-data{margin:0;padding:6px 10px;font-family:var(--font-mono);font-size:12px;line-height:1.55;color:var(--fg);background:#00000026;border-radius:3px;white-space:pre-wrap;word-break:break-all;max-height:300px;overflow-y:auto}.debug-error-stack{color:var(--error)}.debug-error-copy{margin-top:8px;padding:6px 16px;font-family:var(--font-ui);font-size:13px;font-weight:500;background:var(--bg-elevated);border:1px solid rgb(var(--error-rgb) / .2);border-radius:3px;color:var(--fg);cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast)}.debug-error-copy:hover{border-color:var(--error);background:rgb(var(--error-rgb) / .06)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media(max-width:600px){.debug-toolbar{padding:4px 8px;overflow-x:auto}.debug-toolbar-btn{font-size:12px;padding:4px 10px;white-space:nowrap}.debug-llm-stats{flex-wrap:wrap;gap:8px}.debug-store-layout{flex-direction:column}.debug-store-keys{width:100%;max-height:200px;border-right:none;border-bottom:1px solid var(--border)}}.settings-tab{padding:var(--space-lg) var(--space-lg) var(--space-xl);max-width:560px;overflow-y:auto;height:100%;position:relative}.settings-tab .settings-section{position:relative;margin-bottom:var(--space-xl);padding:22px 24px 20px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 1px 0 var(--edge-highlight-sm) inset;animation:sectionEnter .5s var(--ease-candle) both}.settings-tab .settings-section:nth-of-type(1){animation-delay:40ms}.settings-tab .settings-section:nth-of-type(2){animation-delay:.12s}.settings-tab .settings-section:nth-of-type(3){animation-delay:.2s}.settings-tab .settings-section:nth-of-type(4){animation-delay:.28s}@keyframes sectionEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.settings-tab .settings-section:before{content:"";position:absolute;top:0;left:24px;right:24px;height:2px;background:var(--rule-accent-strong);border-radius:0 0 1px 1px;pointer-events:none}.settings-tab .settings-section-title{display:flex;align-items:center;gap:10px;color:var(--title);font-family:var(--font-ui);font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;mix-blend-mode:var(--title-blend);margin-bottom:18px;padding-bottom:0;border-bottom:none}.settings-tab .settings-section-title:before{content:"❖";color:var(--title);font-size:11px;opacity:.75}.settings-tab .settings-section-title:after{content:"";flex:1;height:1px;background:var(--rule-accent);opacity:.6}.settings-tab .settings-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.settings-tab .settings-field:last-child{margin-bottom:0}.settings-tab .settings-field-label{color:var(--title-dim);font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.settings-tab .settings-select,.settings-tab .settings-input{padding:10px 13px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--input-fg);font-size:13px;font-family:var(--font-ui);outline:none;transition:border-color var(--duration-normal) var(--ease-candle),box-shadow var(--duration-normal) var(--ease-candle)}.settings-tab .settings-select:focus,.settings-tab .settings-input:focus{border-color:var(--border-accent);box-shadow:var(--glow-accent)}.settings-tab .settings-input::placeholder{color:var(--fg-muted);opacity:.5;font-family:var(--font-ui)}.settings-tab .settings-key-row{display:flex;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--duration-normal) var(--ease-candle),box-shadow var(--duration-normal) var(--ease-candle)}.settings-tab .settings-key-row:focus-within{border-color:var(--border-accent);box-shadow:var(--glow-accent)}.settings-tab .settings-key-input{flex:1;min-width:0;background:transparent;border:none;padding:10px 13px}.settings-tab .settings-key-input:focus{box-shadow:none}.settings-tab .settings-eye-btn{flex:0 0 40px;background:transparent;border:none;border-left:1px solid var(--border);color:var(--fg-muted);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--duration-normal) var(--ease-candle),background var(--duration-normal) var(--ease-candle)}.settings-tab .settings-eye-btn:hover{color:var(--title);background:rgb(var(--title-rgb) / .05)}.settings-tab .settings-model-row{display:flex;gap:8px}.settings-tab .settings-model-input,.settings-tab .settings-model-select{flex:1;min-width:0}.settings-tab .settings-fetch-btn{padding:9px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--fg-muted);font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:all var(--duration-normal) var(--ease-candle)}.settings-tab .settings-fetch-btn:hover:not(:disabled){border-color:var(--border-accent);color:var(--title);background:rgb(var(--title-rgb) / .04)}.settings-tab .settings-fetch-btn:disabled{opacity:.3;cursor:default}.settings-tab .settings-actions{display:flex;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border-subtle)}.settings-tab .settings-test-btn{flex:0 0 auto;padding:10px 20px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--fg-muted);font-family:var(--font-ui);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all var(--duration-normal) var(--ease-candle)}.settings-tab .settings-test-btn:hover:not(:disabled){border-color:var(--border-accent);color:var(--title)}.settings-tab .settings-test-btn:disabled{opacity:.3;cursor:default}.settings-tab .settings-save-btn{flex:1;padding:11px;background:var(--gradient-accent-soft);border:1px solid var(--border-accent);border-radius:var(--radius-md);color:var(--title);font-family:var(--font-ui);font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;position:relative;box-shadow:inset 0 1px 0 var(--edge-highlight-md);transition:background var(--duration-normal) var(--ease-candle),box-shadow var(--duration-normal) var(--ease-candle),color var(--duration-normal) var(--ease-candle)}.settings-tab .settings-save-btn:hover:not(:disabled){background:var(--gradient-accent-hover);color:var(--highlight);box-shadow:inset 0 1px 0 var(--edge-highlight-md),var(--glow-accent-soft)}.settings-tab .settings-save-btn:disabled{opacity:.3;cursor:default}.settings-tab .settings-test-result{margin-top:14px;padding:10px 14px 10px 18px;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:12px;font-weight:500;position:relative;animation:resultIn .35s var(--ease-candle) both}@keyframes resultIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.settings-tab .settings-test-result:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:0 2px 2px 0}.settings-tab .settings-test-result.success{background:rgb(var(--system-rgb) / .06);border:1px solid rgb(var(--system-rgb) / .2);color:var(--system)}.settings-tab .settings-test-result.success:before{background:var(--system)}.settings-tab .settings-test-result.fail{background:rgb(var(--error-rgb) / .06);border:1px solid rgb(var(--error-rgb) / .2);color:var(--error)}.settings-tab .settings-test-result.fail:before{background:var(--error)}.settings-tab .settings-warn{padding:10px 14px 10px 18px;margin-bottom:16px;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:12px;font-weight:500;background:rgb(var(--warn-rgb) / .06);border:1px solid rgb(var(--warn-rgb) / .2);color:var(--warn);position:relative}.settings-tab .settings-warn:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:0 2px 2px 0;background:var(--warn)}.settings-tab .settings-hint{color:var(--fg-muted);font-size:11px;margin-top:3px;opacity:.75;font-family:var(--font-ui)}.font-scale-row{display:flex;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:3px;gap:2px}.font-scale-btn{flex:1;padding:7px 4px;background:transparent;border:none;border-radius:calc(var(--radius-md) - 3px);color:var(--fg-muted);font-family:var(--font-ui);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--duration-normal) var(--ease-candle);white-space:nowrap}.font-scale-btn:hover:not(.active){color:var(--fg);background:var(--surface-tint-1)}.font-scale-btn.active{background:var(--gradient-accent-soft);color:var(--title);font-weight:600;box-shadow:inset 0 1px 0 var(--edge-highlight-md),0 0 10px -2px rgb(var(--title-rgb) / .15)}.gameplay-toggles{display:flex;flex-direction:column;gap:2px}.gameplay-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--radius-md);cursor:pointer;position:relative;transition:background var(--duration-normal) var(--ease-candle)}.gameplay-toggle:hover:not(.disabled){background:linear-gradient(90deg,rgb(var(--title-rgb) / .05) 0%,rgb(var(--title-rgb) / .01) 60%,transparent 100%)}.gameplay-toggle.disabled{opacity:.4;cursor:default}.gameplay-toggle-text{display:flex;flex-direction:column;gap:3px;min-width:0}.gameplay-toggle-label{color:var(--fg);font-family:var(--font-ui);font-size:13px;font-weight:500;letter-spacing:.2px}.gameplay-toggle-desc{color:var(--fg-muted);font-family:var(--font-ui);font-size:12px;line-height:1.5}.gameplay-toggle-input{flex-shrink:0;width:38px;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-tint-3);border:1px solid var(--border);border-radius:10px;position:relative;cursor:pointer;transition:background var(--duration-normal) var(--ease-candle),border-color var(--duration-normal) var(--ease-candle),box-shadow var(--duration-normal) var(--ease-candle)}.gameplay-toggle-input:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--fg-muted);transition:transform var(--duration-normal) var(--ease-candle),background var(--duration-normal) var(--ease-candle),box-shadow var(--duration-normal) var(--ease-candle)}.gameplay-toggle-input:checked{background:rgb(var(--title-rgb) / .2);border-color:var(--border-accent);box-shadow:0 0 12px -2px rgb(var(--title-rgb) / .3)}.gameplay-toggle-input:checked:after{transform:translate(18px);background:var(--title);box-shadow:0 0 8px rgb(var(--title-rgb) / .5)}.settings-build-info{margin-top:var(--space-xl);padding:14px 0 4px;display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-mono);font-size:10px;color:var(--fg-muted);opacity:.55;border-top:1px solid var(--border-subtle);position:relative;flex-wrap:wrap}.settings-build-info:before{content:"";position:absolute;top:-1px;left:30%;right:30%;height:1px;background:var(--rule-accent);pointer-events:none}.build-brand{font-family:var(--font-ui);font-size:10px;font-weight:600;letter-spacing:1.4px;color:var(--title-dim);text-transform:uppercase}.build-sep{opacity:.4}.theme-cards{display:flex;flex-direction:column;gap:10px}.theme-card{display:flex;flex-direction:row;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:border-color var(--duration-normal) var(--ease-out),background var(--duration-fast);font-family:var(--font-ui)}.theme-card:hover{border-color:var(--border-accent);background:rgb(var(--title-rgb) / .04)}.theme-card.active{border-color:var(--border-accent);background:rgb(var(--title-rgb) / .06);box-shadow:0 0 0 1px var(--border-accent) inset}.theme-card-swatches{display:flex;gap:4px;flex-shrink:0}.theme-swatch{display:block;width:16px;height:16px;border-radius:50%;border:1px solid rgb(255 255 255 / .12)}.theme-card-name{color:var(--fg);font-family:var(--font-ui);font-size:13px;font-weight:500}.theme-card.active .theme-card-name{color:var(--title)}.theme-card-desc{color:var(--fg-muted);font-size:11px;line-height:1.45}:root{--font-display: "Cinzel", "Noto Serif SC", Georgia, serif;--font-narrative: "Crimson Pro", "Noto Serif SC", Georgia, serif;--font-ui: "DM Sans", "Noto Sans SC", "PingFang SC", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-candle: cubic-bezier(.22, .61, .36, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--bg: #08080a;--bg-panel: #0e0e12;--bg-input: #0a0a0e;--bg-elevated: #131318;--bg-hover: rgba(255, 255, 255, .035);--surface-tint-1: rgba(255, 255, 255, .03);--surface-tint-2: rgba(255, 255, 255, .05);--surface-tint-3: rgba(255, 255, 255, .08);--edge-highlight-sm: rgba(255, 255, 255, .04);--edge-highlight-md: rgba(255, 255, 255, .06);--fg: #b8b0a8;--fg-muted: #787068;--input-fg: #d0c8c0;--border: #1e1c20;--border-subtle: #161418;--title: #c4956a;--title-dim: #9a7554;--highlight: #d4a86a;--title-rgb: 196 149 106;--border-accent: rgb(var(--title-rgb) / .25);--title-blend: plus-lighter;--narrative: #c0b8b0;--voice: #7090b8;--voice-rgb: 112 144 184;--system: #5a9a6a;--system-rgb: 90 154 106;--status: #605848;--error: #b84a4a;--error-rgb: 184 74 74;--warn: #b89a40;--warn-rgb: 184 154 64;--scrollbar-bg: #0c0c10;--scrollbar-thumb: #2a2828;--scrollbar-thumb-hover: #383838;--shadow-overlay: 0 8px 40px rgba(0, 0, 0, .6), 0 0 1px rgb(var(--title-rgb) / .1);--shadow-dropdown: 0 6px 20px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px rgb(var(--title-rgb) / .06);--selection-bg: rgb(var(--title-rgb) / .2);--vignette-edge: rgba(0, 0, 0, .38);--quest-completed-bg: rgb(var(--system-rgb) / .12);--quest-completed-border: #7cb87c;--quest-active-bg: rgb(var(--title-rgb) / .1);--quest-failed-bg: rgb(var(--error-rgb) / .14);--quest-failed-border: #b85c5c;--quest-edge-stroke: #2a2828;--quest-palette-0: #c4956a;--quest-palette-1: #5aafa0;--quest-palette-2: #c47a8a;--quest-palette-3: #9a7abf;--quest-palette-4: #6a8ab8;--quest-palette-5: #8a9a5a;--quest-palette-6: #c47a5a;--quest-palette-7: #5aafbf;--tier-0: #684848;--tier-1: #7a6a58;--debug-llm: #a088c8;--debug-ctx: #6aaa8c;--crit-success: #d4a017;--crit-fail: #8b1a1a;--glow-accent: 0 0 0 3px rgb(var(--title-rgb) / .08), 0 0 18px -2px rgb(var(--title-rgb) / .18);--glow-accent-soft: 0 0 14px -2px rgb(var(--title-rgb) / .12);--rule-accent: linear-gradient(90deg, transparent, rgb(var(--title-rgb) / .35), transparent);--rule-accent-strong: linear-gradient(90deg, transparent 2%, rgb(var(--title-rgb) / .55) 50%, transparent 98%);--gradient-accent-soft: linear-gradient(180deg, rgb(var(--title-rgb) / .14) 0%, rgb(var(--title-rgb) / .04) 100%);--gradient-accent-hover: linear-gradient(180deg, rgb(var(--title-rgb) / .22) 0%, rgb(var(--title-rgb) / .08) 100%)}:root[data-theme=moonlight]{--bg: #0a0b10;--bg-panel: #0f1117;--bg-input: #0b0d13;--bg-elevated: #141622;--bg-hover: rgba(255, 255, 255, .035);--surface-tint-1: rgba(255, 255, 255, .035);--surface-tint-2: rgba(255, 255, 255, .055);--surface-tint-3: rgba(255, 255, 255, .085);--edge-highlight-sm: rgba(255, 255, 255, .045);--edge-highlight-md: rgba(255, 255, 255, .065);--fg: #b0b4c0;--fg-muted: #6a6e7c;--input-fg: #c4c8d4;--border: #1c1e28;--border-subtle: #15171f;--title: #9ab8d8;--title-dim: #6d8aa8;--highlight: #b8d4ec;--title-rgb: 154 184 216;--border-accent: rgb(var(--title-rgb) / .25);--narrative: #b8bcc8;--voice: #8888b8;--voice-rgb: 136 136 184;--system: #7ac0a0;--system-rgb: 122 192 160;--status: #4a4e5c;--error: #d06a6a;--error-rgb: 208 106 106;--warn: #c0a858;--warn-rgb: 192 168 88;--scrollbar-bg: #0b0d13;--scrollbar-thumb: #2a2c38;--scrollbar-thumb-hover: #3a3c48;--shadow-overlay: 0 8px 40px rgba(0, 0, 0, .6), 0 0 1px rgb(var(--title-rgb) / .12);--shadow-dropdown: 0 6px 20px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px rgb(var(--title-rgb) / .08);--selection-bg: rgb(var(--title-rgb) / .22);--vignette-edge: rgba(0, 0, 0, .42);--quest-completed-bg: rgb(var(--system-rgb) / .12);--quest-completed-border: #7ac0a0;--quest-active-bg: rgb(var(--title-rgb) / .12);--quest-failed-bg: rgb(var(--error-rgb) / .14);--quest-failed-border: #d06a6a;--quest-edge-stroke: #2a2c38;--quest-palette-0: #9ab8d8;--quest-palette-1: #7ac0a0;--quest-palette-2: #c090c0;--quest-palette-3: #a898d8;--quest-palette-4: #88a0c8;--quest-palette-5: #a0b890;--quest-palette-6: #c09078;--quest-palette-7: #78c0c8;--tier-0: #684a4a;--tier-1: #6a6878;--debug-llm: #b09ed8;--debug-ctx: #7ac0a0;--crit-success: #c8b050;--crit-fail: #a02828}:root[data-theme=hermes]{--bg: #041c1c;--bg-panel: #07262a;--bg-input: #052020;--bg-elevated: #0a3034;--bg-hover: color-mix(in srgb, #ffe6cb 4%, transparent);--surface-tint-1: color-mix(in srgb, #ffe6cb 3%, transparent);--surface-tint-2: color-mix(in srgb, #ffe6cb 5%, transparent);--surface-tint-3: color-mix(in srgb, #ffe6cb 8%, transparent);--edge-highlight-sm: color-mix(in srgb, #ffe6cb 4%, transparent);--edge-highlight-md: color-mix(in srgb, #ffe6cb 7%, transparent);--fg: #c8c0b4;--fg-muted: #7a7468;--input-fg: #e0d8cc;--border: #14383a;--border-subtle: #0e2c2e;--title: #ffe6cb;--title-dim: #c8a882;--highlight: #ffd4a0;--title-rgb: 255 200 160;--border-accent: color-mix(in srgb, #ffe6cb 22%, transparent);--narrative: #c8c0b4;--voice: #78b8c8;--voice-rgb: 120 184 200;--system: #5aaf8a;--system-rgb: 90 175 138;--status: #5a6858;--error: #d87070;--error-rgb: 216 112 112;--warn: #d8b850;--warn-rgb: 216 184 80;--scrollbar-bg: #052020;--scrollbar-thumb: #1a4044;--scrollbar-thumb-hover: #285058;--shadow-overlay: 0 8px 40px rgba(0, 0, 0, .65), 0 0 1px color-mix(in srgb, #ffe6cb 12%, transparent);--shadow-dropdown: 0 6px 20px rgba(0, 0, 0, .55);--shadow-glow: 0 0 30px color-mix(in srgb, #ffe6cb 10%, transparent);--selection-bg: color-mix(in srgb, #ffe6cb 20%, transparent);--vignette-edge: rgba(0, 0, 0, .45);--quest-completed-bg: rgb(var(--system-rgb) / .12);--quest-completed-border: #5aaf8a;--quest-active-bg: rgb(var(--title-rgb) / .1);--quest-failed-bg: rgb(var(--error-rgb) / .14);--quest-failed-border: #d87070;--quest-edge-stroke: #1a4044;--quest-palette-0: #ffc8a0;--quest-palette-1: #5aafb0;--quest-palette-2: #d89090;--quest-palette-3: #a890d0;--quest-palette-4: #78a8d0;--quest-palette-5: #90b878;--quest-palette-6: #d89868;--quest-palette-7: #68c0b8;--tier-0: #584848;--tier-1: #786858;--debug-llm: #b898d8;--debug-ctx: #5aaf8a;--crit-success: #d8b030;--crit-fail: #8a2020}:root[data-theme=vellum]{--bg: #f2ead8;--bg-panel: #ece2cc;--bg-input: #f6eedc;--bg-elevated: #e4d8bc;--bg-hover: rgba(0, 0, 0, .04);--surface-tint-1: rgba(60, 40, 10, .035);--surface-tint-2: rgba(60, 40, 10, .06);--surface-tint-3: rgba(60, 40, 10, .1);--edge-highlight-sm: rgba(255, 248, 230, .6);--edge-highlight-md: rgba(255, 248, 230, .85);--fg: #3a2f1f;--fg-muted: #7a6a50;--input-fg: #2a2010;--border: #c8b898;--border-subtle: #d8c8a8;--title: #8a5a2a;--title-dim: #6a4418;--highlight: #a8703a;--title-rgb: 138 90 42;--border-accent: rgb(var(--title-rgb) / .35);--title-blend: normal;--narrative: #3a2f1f;--voice: #405878;--voice-rgb: 64 88 120;--system: #3a7a4a;--system-rgb: 58 122 74;--status: #8a7a5a;--error: #8a2828;--error-rgb: 138 40 40;--warn: #8a6820;--warn-rgb: 138 104 32;--scrollbar-bg: #e4d8bc;--scrollbar-thumb: #b8a888;--scrollbar-thumb-hover: #988868;--shadow-overlay: 0 8px 40px rgba(60, 40, 20, .25), 0 0 1px rgb(var(--title-rgb) / .2);--shadow-dropdown: 0 6px 20px rgba(60, 40, 20, .18);--shadow-glow: 0 0 30px rgb(var(--title-rgb) / .12);--selection-bg: rgb(var(--title-rgb) / .25);--vignette-edge: rgba(80, 50, 10, .12);--quest-completed-bg: rgb(var(--system-rgb) / .14);--quest-completed-border: #4a8a4a;--quest-active-bg: rgb(var(--title-rgb) / .12);--quest-failed-bg: rgb(var(--error-rgb) / .12);--quest-failed-border: #8a3030;--quest-edge-stroke: #b8a888;--quest-palette-0: #8a5a2a;--quest-palette-1: #3a7a6a;--quest-palette-2: #8a3a5a;--quest-palette-3: #6a3a8a;--quest-palette-4: #3a5a8a;--quest-palette-5: #5a7030;--quest-palette-6: #8a4a20;--quest-palette-7: #307a8a;--tier-0: #782828;--tier-1: #8a6040;--debug-llm: #6a4898;--debug-ctx: #3a7a4a;--crit-success: #a88020;--crit-fail: #6a1010}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;background:var(--bg);color:var(--fg);font-family:var(--font-ui);font-size:14px;line-height:1.6;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern","liga","calt"}.ui-label{font-family:var(--font-ui);font-weight:600;text-transform:uppercase;letter-spacing:1.2px;font-feature-settings:"kern","liga","ss01"}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::selection{background:var(--selection-bg);color:var(--input-fg)}:focus-visible{outline:1px solid var(--title-dim);outline-offset:2px}kbd{padding:1px 5px;border:1px solid var(--border);border-radius:3px;background:var(--bg-elevated);font-family:var(--font-ui);font-size:11px;color:var(--fg-muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}30%{transform:translate(3%,-15%)}50%{transform:translate(12%,9%)}70%{transform:translate(9%,4%)}90%{transform:translate(-1%,7%)}}.app-shell{display:flex;flex-direction:column;height:100%;position:relative}.app-shell:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;background:radial-gradient(ellipse 120% 80% at 50% 50%,transparent 55%,var(--vignette-edge) 100%),radial-gradient(ellipse 40% 30% at 50% 0%,rgb(var(--title-rgb) / .025) 0%,transparent 60%)}.app-shell:before{content:"";position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;animation:grain 8s steps(10) infinite;opacity:.5}.app-shell>.atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 60% 50% at 20% 20%,rgb(var(--title-rgb) / .03) 0%,transparent 70%),radial-gradient(ellipse 50% 60% at 80% 80%,rgb(var(--title-rgb) / .02) 0%,transparent 70%),radial-gradient(ellipse 80% 40% at 50% 100%,rgb(var(--title-rgb) / .04) 0%,transparent 60%)}.tab-content,.desktop-body{flex:1;display:flex;overflow:hidden}.desktop-left{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:300px}.desktop-divider{width:5px;flex-shrink:0;cursor:col-resize;background:var(--border);position:relative;transition:background var(--duration-fast);touch-action:none}.desktop-divider:hover,.desktop-divider:active{background:var(--border-accent)}.desktop-divider:before{content:"";position:absolute;top:0;right:-4px;bottom:0;left:-4px}.desktop-right{flex-shrink:0;display:flex;flex-direction:column;overflow:hidden}