:root{--color-bg: #0f1117;--color-surface: #1a1d27;--color-surface-hover: #242836;--color-border: #2d3140;--color-text: #e1e4ed;--color-text-secondary: #8b8fa3;--color-primary: #4f8ff7;--color-primary-hover: #3a7de6;--color-success: #34d399;--color-error: #f87171;--color-warning: #fbbf24;--color-code-bg: #151820;--radius: 8px;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6}.app-nav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.nav-brand{font-size:1.1rem;font-weight:700;color:var(--color-primary)}.nav-links{display:flex;gap:.25rem}.nav-links a{color:var(--color-text-secondary);text-decoration:none;padding:.4rem .8rem;border-radius:var(--radius);font-size:.9rem;transition:all .15s ease}.nav-links a:hover{color:var(--color-text);background:var(--color-surface-hover)}.nav-links a.active{color:var(--color-primary);background:#4f8ff71a}.app-main{max-width:860px;margin:0 auto;padding:2rem 1.5rem;min-height:calc(100vh - 120px)}.page h1{font-size:1.8rem;margin-bottom:.5rem}.page h2{font-size:1.3rem;margin-top:1.5rem;margin-bottom:.5rem;color:var(--color-text)}.subtitle{color:var(--color-text-secondary);margin-bottom:1.5rem}.chat-input{margin-bottom:1.5rem}.chat-input textarea{width:100%;padding:.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:.95rem;font-family:inherit;resize:vertical;transition:border-color .15s ease}.chat-input textarea:focus{outline:none;border-color:var(--color-primary)}.chat-input-controls{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.mode-toggle{display:flex;gap:1rem}.mode-toggle label{display:flex;align-items:center;gap:.3rem;font-size:.85rem;color:var(--color-text-secondary);cursor:pointer}.mode-toggle input[type=radio]{accent-color:var(--color-primary)}button[type=submit],.demo-prompt-button{background:var(--color-primary);color:#fff;border:none;padding:.5rem 1.25rem;border-radius:var(--radius);font-size:.9rem;cursor:pointer;transition:background .15s ease}button[type=submit]:hover:not(:disabled){background:var(--color-primary-hover)}button:disabled{opacity:.5;cursor:not-allowed}.loading{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--color-primary);padding:1.5rem;font-style:italic}.loading:before{content:"";width:18px;height:18px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-display{background:#f871711a;border:1px solid var(--color-error);color:var(--color-error);padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem}.error-header{display:flex;align-items:center;gap:.4rem}.error-icon{font-size:1.1rem}.error-hint{margin-top:.4rem;font-size:.85rem;color:var(--color-text-secondary);font-style:italic}.response{margin-top:1rem}.response-section,.response-answer{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:.75rem;overflow:hidden}.response-answer{padding:1rem}.section-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--color-text);cursor:pointer;text-align:left;transition:background .15s ease}.section-toggle:hover{background:var(--color-surface-hover)}.toggle-icon{font-size:.7rem;color:var(--color-text-secondary);width:1rem;text-align:center}.section-toggle h3{font-size:.95rem;color:var(--color-primary);text-transform:uppercase;letter-spacing:.03em;margin:0;display:flex;align-items:center;gap:.5rem}.section-badge{font-size:.75rem;padding:.1rem .4rem;border-radius:4px;background:#4f8ff726;color:var(--color-primary);font-weight:400;text-transform:none;letter-spacing:0}.section-content{padding:0 1rem 1rem}.copy-button{font-size:.75rem;padding:.2rem .5rem;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;margin-left:.5rem}.copy-button:hover{background:var(--color-border);color:var(--color-text)}.mode-badge{display:inline-block;font-size:.8rem;padding:.15rem .5rem;border-radius:4px;font-weight:500}.mode-plan_only{background:#4f8ff726;color:var(--color-primary)}.mode-execute_safe{background:#fbbf2426;color:var(--color-warning)}.script-container{position:relative}.script-container .copy-button{position:absolute;top:.5rem;right:.5rem;z-index:1}} .response h3{font-size:.95rem;color:var(--color-primary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.03em}.response-answer h3{margin-bottom:.5rem}.response ul{list-style:none;padding:0}.response li{padding:.4rem 0;border-bottom:1px solid var(--color-border);font-size:.9rem}.response li:last-child{border-bottom:none}.reasoning{color:var(--color-text-secondary);font-size:.85rem}.badge{display:inline-block;font-size:.75rem;padding:.1rem .4rem;border-radius:4px;margin-left:.5rem}.executed-badge,.success-badge{background:#34d39926;color:var(--color-success)}.error-badge{background:#f8717126;color:var(--color-error)}.response-script pre{background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem;overflow-x:auto}.response-script code{font-family:var(--font-mono);font-size:.85rem;color:var(--color-success)}.response-audit dl{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem}.response-audit dt{font-weight:600;font-size:.85rem;color:var(--color-text-secondary)}.response-audit dd{font-size:.85rem}.response-audit code{font-family:var(--font-mono);font-size:.8rem;background:var(--color-code-bg);padding:.1rem .3rem;border-radius:3px}.demo-prompts{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;margin-bottom:1.5rem}.demo-prompt-button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.demo-prompt-button:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary)}.demo-prompt-button strong{color:var(--color-primary);font-size:.85rem;margin-bottom:.25rem}.demo-prompt-button span{font-size:.8rem;color:var(--color-text-secondary)}table{width:100%;border-collapse:collapse;margin:.75rem 0}th,td{padding:.5rem .75rem;text-align:left;border:1px solid var(--color-border);font-size:.9rem}th{background:var(--color-surface);color:var(--color-primary);font-weight:600}td{background:var(--color-bg)}.about-page ul,.about-page ol,.security-page ul,.security-page ol{margin-left:1.5rem;margin-bottom:.75rem}.about-page li,.security-page li{margin-bottom:.3rem;font-size:.95rem}.about-page code,.security-page code{font-family:var(--font-mono);font-size:.85rem;background:var(--color-code-bg);padding:.1rem .3rem;border-radius:3px}.app-footer{text-align:center;padding:1rem;color:var(--color-text-secondary);font-size:.8rem;border-top:1px solid var(--color-border)}@media(max-width:640px){.app-nav{flex-direction:column;gap:.5rem}.nav-links{flex-wrap:wrap;justify-content:center}.chat-input-controls{flex-direction:column;gap:.5rem;align-items:stretch}.mode-toggle{justify-content:center}.demo-prompts{grid-template-columns:1fr}}