.feedback-form h2{color:var(--color-text-primary);margin-bottom:0;font-size:18px;font-weight:500}.feedback-form label{font-weight:500}.feedback-form-title{align-items:center;gap:12px;display:flex}.feedback-form-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.feedback-form-header .feedback-form-title{margin-bottom:0}.feedback-form.card{padding:20px 24px}.advanced-mode-toggle{cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.advanced-mode-banner{background:var(--color-info-bg);border:1px solid var(--color-info-border);color:var(--color-primary-dark);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;margin-bottom:24px;padding:8px 12px;font-size:13px;display:flex}.advanced-mode-banner-dismiss{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:14px;line-height:1}.advanced-mode-banner-dismiss:hover{color:var(--color-text-primary)}.feedback-form form{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.feedback-form input,.feedback-form select,.feedback-form textarea{border:.5px solid var(--color-border);border-radius:8px;width:100%;padding:10px 12px;font-size:15px}.feedback-form select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-group small{color:var(--color-text-secondary);font-size:12px;line-height:1.4}.framework-description{background:var(--color-info-bg);border-left:3px solid var(--color-primary);color:var(--color-primary-dark);border-radius:0 4px 4px 0;padding:12px;font-size:14px;line-height:1.5}.framework-author{color:var(--color-text-secondary);margin-top:6px;font-size:13px;display:block}.self-hint{color:var(--color-text-secondary);font-size:14px;font-style:italic}.self-intro-box{background:var(--color-info-bg);border-left:3px solid var(--color-primary);color:var(--color-primary-dark);border-radius:6px;padding:12px;font-size:14px;line-height:1.6}.self-clarification-info-box{margin-bottom:20px}.self-clarification-info-content{align-items:flex-start;gap:10px;display:flex}.self-clarification-info-content svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.self-clarification-info-text,.self-clarification-attribution{margin:0}.self-clarification-info-text{display:inline}.char-counter{color:var(--color-text-secondary);font-size:12px;line-height:1.4}.needs-hint{color:var(--color-text-secondary);margin-bottom:12px;font-size:13px;line-height:1.6}.framework-pills{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.pill{border:.5px solid var(--color-border);background:var(--color-background);min-height:44px;color:var(--color-text-body);cursor:pointer;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;transition:border-color .15s,background .15s,color .15s}.pill:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:none;transform:none}.pill:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pill-active{background:var(--color-info-bg);border-color:var(--color-primary);color:var(--color-primary-dark)}.output-language-group{margin-bottom:0}.output-language-hint{color:var(--color-text-secondary);margin-top:2px;font-size:12px}.neutralize-button{border:.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-body);cursor:pointer;border-radius:6px;align-self:flex-start;margin-top:4px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s}.neutralize-button-prominent{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.neutralize-button-prominent:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}.neutralize-button:hover:not(:disabled){border-color:var(--color-text-muted);background:var(--color-surface);color:var(--color-text-primary)}.neutralize-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.neutralize-button:disabled{opacity:.6;cursor:not-allowed}.neutralize-error{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5;border-left:3px solid #dc2626;border-radius:4px;margin-top:8px;padding:12px;font-size:13px;line-height:1.5}.neutralize-error p{margin:0}.defuse-recommendation-note{background:var(--color-warning-bg);color:var(--color-warning-text);border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:10px;font-size:13px;line-height:1.5;display:flex}.defuse-recommendation-note p{margin:0}.defuse-recommendation-skip{color:var(--color-warning-text);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.defuse-recommendation-skip:hover{color:var(--color-warning-text);box-shadow:none}.neutralization-explanation-wrapper{margin-top:8px}.why-toggle-link{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s}.why-toggle-link:hover{color:var(--color-primary-dark)}.why-toggle-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.neutralization-explanation{background:var(--color-info-bg);border-left:3px solid var(--color-primary);color:var(--color-primary-dark);border-radius:0 4px 4px 0;margin-top:8px;padding:12px;font-size:13px;line-height:1.6}.neutralization-explanation p{margin:0 0 8px}.neutralization-explanation p:last-child{margin-bottom:0}.neutralization-explanation em{font-style:italic}.neutralize-hint{color:var(--color-text-secondary);margin-top:4px;font-size:12px;font-style:italic;line-height:1.5}.neutralize-hint em{font-style:italic}.neutralized-suggestion{background:var(--color-background);border:.5px solid var(--color-border);border-radius:12px;margin-top:12px;padding:20px;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.neutralized-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:8px;font-size:11px;font-weight:600;display:block}.neutralized-label-success{color:#16a34a;margin-top:12px}.neutralized-divider{background:var(--color-border);height:.5px;margin:12px 0}.neutralized-original{color:var(--color-text-primary);word-break:break-word;font-size:14px;line-height:1.6}.problematic-word{color:#dc2626;background:#fee2e2;border-radius:3px;padding:0 3px;font-weight:500}.neutralized-positive{color:#16a34a;word-break:break-word;background:#f0fdf4;border-radius:8px;padding:12px;font-size:14px;line-height:1.6}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.neutralized-explanation-text{color:var(--color-text-body);margin:0;font-size:13px;line-height:1.6}.neutralized-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.secondary-small{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:7px 12px;font-size:12px;font-weight:500;transition:all .15s}.secondary-small:hover{background:var(--color-primary-hover)}.secondary-small:focus-visible{outline:2px solid var(--color-primary-hover);outline-offset:2px}.secondary-small-outline{border:.5px solid var(--color-border);background:var(--color-background);color:var(--color-text-body);cursor:pointer;border-radius:4px;padding:7px 12px;font-size:12px;font-weight:500;transition:all .15s}.secondary-small-outline:hover{border-color:var(--color-text-muted);background:var(--color-surface)}.secondary-small-outline:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.output-format-pills{gap:10px;display:flex}.output-format-pill{border:.5px solid var(--color-border);background:var(--color-background);min-height:44px;color:var(--color-text-body);cursor:pointer;text-align:center;border-radius:20px;flex-direction:row;flex:1;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:500;transition:border-color .15s,background .15s,color .15s;display:flex}.output-format-pill-main{align-items:center;gap:5px;display:flex}.output-format-pill-icon{color:inherit;flex-shrink:0}.output-format-pill:hover:not(.output-format-pill--active){background:var(--color-surface);border-color:var(--color-primary);color:var(--color-text-body)}.output-format-pill:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.output-format-pill--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.output-format-pill--active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}.privacy-session-reminder{color:var(--color-text-secondary);margin:6px 0 0;font-size:12px;font-style:italic}.feedback-output h2{color:var(--color-text-primary);margin-bottom:20px}.output-banner{border:.5px solid;border-radius:8px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:13px;display:flex}.output-banner-icon{flex-shrink:0;margin-top:2px}.output-banner--warning{background:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning-text)}.output-banner--info{background:var(--color-info-bg);border-color:var(--color-info-border);color:var(--color-primary-dark)}.output-banner--disclaimer{margin-bottom:8px}.output-notices{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.output-reset-sticky{z-index:3;background:var(--color-background);padding:0 0 8px;position:sticky;top:0}.output-reset-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);background:0 0;border-radius:6px;justify-content:center;align-items:center;min-height:32px;margin-bottom:0;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.output-reset-btn:hover{border-color:var(--color-border);color:var(--color-text-secondary);background:var(--color-surface);box-shadow:0 1px 4px #0f172a1f}.output-reset-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}.output-meta{background:var(--color-surface);border-left:3px solid var(--color-primary);border-radius:6px;margin-bottom:24px;padding:16px}.output-meta--with-notice{margin-bottom:8px}.output-meta p{color:var(--color-text-body);margin:6px 0;font-size:14px}.output-meta strong{color:var(--color-primary)}.output-content{min-height:200px;margin-bottom:24px}.markdown-output{color:var(--color-text-primary);font-size:15px}.markdown-output h1,.markdown-output h2,.markdown-output h3{color:var(--color-primary);margin-top:16px;margin-bottom:8px;font-weight:500}.markdown-output h1{font-size:18px}.markdown-output h2{font-size:16px}.markdown-output h3{font-size:15px}.markdown-output p{margin-bottom:12px;line-height:1.7}.output-warning-box{background:#fefce8;border-left:3px solid #eab308;border-radius:6px;margin-top:12px;padding:12px;font-size:14px}.output-warning-box p:last-child{margin-bottom:0}.markdown-output strong{color:var(--color-text-primary);font-weight:500}.markdown-output hr{border:none;border-top:.5px solid var(--color-border);margin:16px 0}.markdown-output ul,.markdown-output ol{margin-top:8px;margin-bottom:16px;padding-left:20px}.markdown-output li{margin-bottom:6px;line-height:1.6}.markdown-output li+li,.markdown-output p+ul,.markdown-output p+ol{margin-top:4px}.markdown-output h3+ul,.markdown-output h3+ol{margin-top:8px}.markdown-output li strong{display:inline}.markdown-output table{border-collapse:collapse;width:100%;margin-bottom:12px;font-size:14px}.markdown-output th,.markdown-output td{border:.5px solid var(--color-border);text-align:left;padding:8px 12px}.markdown-output th{background:var(--color-surface);font-weight:500}.output-actions-group{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.output-actions{gap:12px;margin-bottom:0;display:flex}.output-actions button{flex:1}.output-actions--stack{flex-direction:column}.output-action-btn{border-radius:6px;min-height:48px}.output-secondary-actions{margin-top:0;margin-bottom:0;display:flex}.output-secondary-actions--split{gap:12px}.output-secondary-btn{border:1.5px solid var(--color-border);border-radius:6px;flex:1;justify-content:center;align-items:center;min-height:48px;display:flex}.output-secondary-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-info-bg)}.tips-box{background:var(--color-surface);border:.5px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:6px;padding:20px}.tips-box h4{color:var(--color-text-primary);margin-bottom:12px}.tips-box ul{padding:0;list-style:none}.tips-box li{color:var(--color-text-secondary);padding:8px 0;font-size:14px}.tips-box li:before{content:"→ ";color:var(--color-primary);margin-right:8px;font-weight:700}.chat-section{border-top:.5px solid var(--color-border);margin-top:24px;padding-top:20px}.chat-section h3{color:var(--color-text-primary);margin-bottom:16px;font-size:15px;font-weight:600}.chat-disabled-message{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;color:var(--color-text-secondary);border-radius:6px;margin-bottom:16px;padding:20px;font-size:14px}.chat-disabled-message p{margin:0}.chat-messages{flex-direction:column;gap:10px;max-height:400px;margin-bottom:16px;display:flex;overflow-y:auto}.chat-bubble{max-width:85%;padding:10px 14px;font-size:14px;line-height:1.6}.chat-bubble p:last-child{margin-bottom:0}.chat-bubble--user{background:var(--color-primary);color:#fff;border-radius:12px 12px 0;align-self:flex-end}.chat-bubble--assistant{background:var(--color-surface);color:var(--color-text-primary);border-radius:12px 12px 12px 0;align-self:flex-start}.chat-bubble--loading{color:var(--color-text-secondary);font-style:italic}.chat-input-row{flex-direction:column;gap:8px;display:flex}.chat-textarea{resize:vertical;width:100%;min-height:80px;padding:12px;font-size:15px;line-height:1.5}.chat-send-btn{background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;min-height:44px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s}.chat-send-btn:hover:not(:disabled){background:var(--color-primary-hover)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.written-output-textarea{resize:none;border:1px solid var(--color-border);width:100%;height:auto;min-height:200px;color:var(--color-text-primary);background:var(--color-background);box-sizing:border-box;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:15px;line-height:1.6;transition:border-color .15s;overflow:hidden}.written-output-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #185fa51a}.scarf-button-section{margin-top:24px;margin-bottom:24px;display:flex}.scarf-button-section button{flex:1;justify-content:center;align-items:center;display:flex}.scarf-results-card{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:6px;margin-bottom:24px;padding:20px}.scarf-results-card h4{color:var(--color-text-primary);margin-top:0;margin-bottom:16px;font-size:15px;font-weight:600}.scarf-dimensions{flex-direction:column;gap:12px;display:flex}.scarf-row{background:var(--color-background);border:.5px solid var(--color-border);border-radius:4px;align-items:flex-start;gap:12px;padding:12px;display:flex}.scarf-content{flex-direction:column;flex:1;gap:4px;display:flex}.scarf-content strong{color:var(--color-text-primary);font-size:14px;font-weight:600}.scarf-content span{color:var(--color-text-secondary);font-size:13px;line-height:1.5}.scarf-error-box{color:#991b1b;background:#fef2f2;border:.5px solid #fca5a5;border-left:3px solid #dc2626;border-radius:0 4px 4px 0;align-items:flex-start;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:14px;display:flex}.scarf-info-box{background:var(--color-info-bg);border-left:3px solid var(--color-primary);color:var(--color-primary-dark);border-radius:0 4px 4px 0;margin-bottom:16px;padding:12px;font-size:14px;line-height:1.5}.scarf-info-box strong{margin-bottom:6px;font-weight:600;display:block}.scarf-info-author{color:var(--color-text-secondary);margin-top:6px;font-size:13px;display:block}.feedback-history{margin-bottom:16px;padding:16px}.history-header-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:0;display:flex}.privacy-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.history-toggle{width:auto;color:var(--color-text-secondary);text-align:left;box-shadow:none;background:0 0;border:none;padding:0;font-size:13px;font-weight:500}.history-toggle:disabled{opacity:.45;cursor:not-allowed;text-decoration:none}.history-toggle:hover{box-shadow:none;text-decoration:underline}.history-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;text-decoration:underline}.privacy-toggle{width:auto;box-shadow:none;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:500;display:inline-flex}.privacy-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.privacy-toggle-label{color:inherit;font-size:13px}.privacy-mode-hint{color:var(--color-text-secondary);margin-top:8px;font-size:12px;line-height:1.5}.history-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.history-item{text-align:left;background:var(--color-background);border:.5px solid var(--color-border);border-radius:8px;justify-content:space-between;align-items:flex-start;width:100%;padding:12px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.history-item:hover{border-color:var(--color-border);transform:translateY(-1px);box-shadow:0 4px 14px #11182714}.history-item-main{gap:10px;display:flex}.history-framework-pill{text-align:center;white-space:nowrap;text-overflow:ellipsis;width:80px;max-width:80px;height:24px;color:var(--color-primary);letter-spacing:.02em;background:#185fa51f;border-radius:999px;padding:0 10px;font-size:12px;font-weight:700;line-height:24px;display:inline-block;overflow:hidden}.history-item-text p+p{margin-top:3px}.history-recipient{color:var(--color-text-primary);font-size:13px;font-weight:600}.history-topic{color:var(--color-text-body);font-size:13px}.history-date{color:var(--color-text-secondary);font-size:12px}.history-delete{color:var(--color-text-muted);border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:14px;font-weight:700}.history-delete:hover,.history-delete:focus-visible{color:var(--color-text-primary);background:var(--color-surface);outline:none}.history-clear{color:var(--color-text-secondary);background:0 0;border:none;margin-top:12px;padding:0;font-size:13px;text-decoration:underline}.history-empty{color:var(--color-text-secondary);margin-top:12px;font-size:13px}.history-intro-hint{color:var(--color-text-secondary);margin-top:8px;font-size:13px;line-height:1.5}.api-setup{text-align:left}.api-setup-header{text-align:left;margin-bottom:24px}.api-setup h2{color:var(--color-text-primary);margin-bottom:8px;font-size:18px;font-weight:600}.subtitle{color:var(--color-text-secondary);text-align:left;font-size:14px;line-height:1.6}.api-setup-form{flex-direction:column;gap:16px;display:flex}.api-key-context{background:var(--color-surface);color:var(--color-text-body);text-align:left;border-radius:8px;padding:16px;font-size:14px;line-height:1.6}.api-key-context h3{color:var(--color-text-primary);margin-bottom:8px;font-size:15px;font-weight:600}.api-key-context p+p{margin-top:12px}.api-key-context-lead{font-weight:500}.api-key-context ol{text-align:left;margin-top:8px;padding-left:20px}.api-key-context li+li{margin-top:4px}.api-key-context a{color:var(--color-primary);font-weight:600;text-decoration:none}.api-key-context a:hover{text-decoration:underline}.key-input-wrapper{position:relative}.key-input-wrapper input{width:100%;min-height:48px;padding-right:68px}.toggle-btn{cursor:pointer;color:var(--color-primary);width:auto;min-height:auto;box-shadow:none;background:0 0;border:0;justify-content:center;align-items:center;padding:6px 8px;font-size:13px;font-weight:600;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.toggle-btn:hover{color:var(--color-primary-hover);transform:translateY(-50%)}.toggle-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.api-key-help{color:var(--color-text-secondary);margin-top:8px;font-size:12px;line-height:1.4}.api-key-help a{color:var(--color-primary);font-weight:600;text-decoration:none}.api-key-help a:hover{text-decoration:underline}.api-key-warning{color:var(--color-text-secondary);margin-top:6px;font-size:12px;line-height:1.4}.info-box{background:var(--color-surface);border-left:3px solid var(--color-primary);border-radius:6px;margin-top:24px;padding:20px}.info-box h3{color:var(--color-text-primary);margin-bottom:12px;font-size:15px;font-weight:600}.info-box ul{padding:0;list-style:none}.info-box li{color:var(--color-text-body);gap:10px;padding:8px 0;font-size:14px;line-height:1.5;display:flex}.info-box li:before{content:"✓";color:var(--color-primary);flex:none;font-weight:700}.api-setup .primary{text-align:left;justify-content:center;align-items:center;gap:8px;display:flex}.demo-mode-section{border-top:1px solid var(--color-border);justify-content:center;margin-top:24px;padding-top:24px;display:flex}.demo-mode-section .secondary{align-items:center;gap:8px;font-size:14px;display:flex}.api-setup-form button.primary{align-items:center;height:44px;padding:0 16px;font-size:15px;display:inline-flex}:root{--color-background:#fff;--color-surface:#f9fafb;--color-border:#e5e7eb;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-text-body:#374151;--color-primary:#185fa5;--color-primary-hover:#145291;--color-primary-dark:#0c447c;--color-info-bg:#e6f1fb;--color-info-border:#185fa5;--color-warning-bg:#fef3c7;--color-warning-border:#d97706;--color-warning-text:#92400e}@media (prefers-color-scheme:dark){:root{--color-background:#0f172a;--color-surface:#1e293b;--color-border:#334155;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-body:#cbd5e1;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-dark:#93c5fd;--color-info-bg:#1e3a5f;--color-info-border:#3b82f6;--color-warning-bg:#451a03;--color-warning-border:#92400e;--color-warning-text:#fcd34d}}.app{min-height:100vh}.app-onboarding{min-height:auto;padding-top:40px}.app-header{background:var(--color-background);border:.5px solid var(--color-border);border-radius:12px;margin-bottom:16px;padding:24px}.app-header h1{color:var(--color-text-primary);margin-bottom:6px;font-size:28px;font-weight:700}.app-header-title{align-items:center;gap:12px;display:flex}.app-header p{color:var(--color-text-secondary);font-size:15px}.app-container{grid-template-columns:1fr 1fr;gap:24px;max-width:1200px;margin:0 auto;display:grid}.left-column{flex-direction:column;gap:12px;display:flex}@media (width<=768px){.app-container{grid-template-columns:1fr}}button.secondary{background:var(--color-background);color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .15s;display:flex}button.secondary:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-text-muted);color:var(--color-text-body)}button.secondary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button.secondary:disabled{opacity:.55;cursor:not-allowed}.card{background:var(--color-background);border:.5px solid var(--color-border);border-radius:8px;padding:28px}.form-group{flex-direction:column;gap:8px;margin-bottom:0;display:flex}form{flex-direction:column;gap:16px;display:flex}.form-group label{color:var(--color-text-primary);font-size:14px;font-weight:500}.toggle-btn-inactive{border:1px solid var(--color-border);color:var(--color-text-secondary);background:var(--color-background)}.toggle-btn-active{border:1px solid var(--color-primary);color:var(--color-primary);background:var(--color-info-bg)}.toggle-btn-inactive:hover{background:var(--color-surface)}.toggle-btn-active:hover{background:var(--color-info-bg)}.form-group input,.form-group textarea,.form-group select{width:100%;min-height:44px;padding:12px;font-size:16px}.form-group textarea{resize:vertical;min-height:140px;line-height:1.6}button.primary{background:var(--color-primary);color:#fff;border:none;border-radius:6px;width:100%;height:48px;padding:0 16px;font-size:15px;font-weight:600;transition:background .15s,box-shadow .15s}button.primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 2px 8px #185fa54d}button.primary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px #185fa526}button.primary:disabled{opacity:.55;cursor:not-allowed}.loading{text-align:center;color:#667eea;font-weight:600}.error{color:#e74c3c;background:#fadbd8;border-radius:6px;margin-bottom:20px;padding:12px}.success{color:#27ae60;background:#d5f4e6;border-radius:6px;margin-bottom:20px;padding:12px}.app-footer{text-align:left;color:var(--color-text-muted);border-top:.5px solid var(--color-border);margin-top:16px;padding-top:16px;padding-bottom:16px;font-size:12px;line-height:1.5}.app-footer p+p{margin-top:6px}.app-footer-link{color:var(--color-primary);text-decoration:none}.app-footer-link:hover{text-decoration:underline}.demo-banner{background:var(--color-warning-bg);border:.5px solid var(--color-warning-border);border-radius:8px;margin-bottom:16px;padding:12px 16px}.demo-banner-content{justify-content:space-between;align-items:center;gap:16px;display:flex}.demo-banner-content p{color:var(--color-warning-text);flex:1;margin:0;font-size:14px}.demo-banner-content strong{font-weight:600}.demo-banner-add-key{background:var(--color-primary);color:#fff;white-space:nowrap;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.demo-banner-add-key:hover{background:var(--color-primary-hover)}.demo-banner-add-key:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}*{box-sizing:border-box;margin:0;padding:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-background);color:var(--color-text-primary);min-height:100vh;padding:40px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#root{max-width:1200px;margin:0 auto}button{cursor:pointer;border:.5px solid var(--color-border);border-radius:6px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:background .2s,box-shadow .2s}button:hover{box-shadow:0 2px 8px #00000014}input,textarea,select{border:.5px solid var(--color-border);color:var(--color-text-primary);background:var(--color-background);border-radius:6px;width:100%;min-height:44px;padding:12px;font-family:inherit;font-size:16px}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #185fa526}