*{margin:0;padding:0;box-sizing:border-box}:root{--black: #000000;--dark-gray: #000000;--gray: #000000;--text: #ffffff;--text-dim: #888888;--accent: #ffffff;--accent-dim: rgba(255, 255, 255, .3);--bg-primary: #000000;--bg-secondary: #000000;--bg-tertiary: rgba(255, 255, 255, .02);--border-primary: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .15);--card-bg: rgba(255, 255, 255, .02)}[data-theme=light]{--black: #ffffff;--dark-gray: #f8f9fa;--gray: #f1f3f4;--text: #202124;--text-dim: #5f6368;--accent: #1a73e8;--accent-dim: rgba(26, 115, 232, .3);--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: rgba(0, 0, 0, .02);--border-primary: rgba(0, 0, 0, .1);--border-hover: rgba(0, 0, 0, .15)}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text);overflow-x:hidden;min-height:100vh;cursor:default;font-weight:300;line-height:1.4;transition:background-color .3s ease,color .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.container{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.header{position:fixed;top:0;left:0;right:0;z-index:200;padding:1.5rem 2rem;background:var(--bg-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease,border-color .3s ease}.header-content{display:flex;align-items:center;gap:2rem}.logo{font-size:18px;font-weight:400;color:var(--text);letter-spacing:.5px;text-decoration:none;border-bottom:none}.nav-links{display:flex;gap:2rem;align-items:center}.header-link{color:var(--text-dim);text-decoration:none;font-size:14px;font-weight:300;border-bottom:1px solid transparent;transition:all .2s ease;text-transform:lowercase;letter-spacing:.5px}.header-link:hover{color:var(--text);border-bottom-color:var(--accent)}.theme-toggle{background:transparent;border:1px solid var(--border-primary);color:var(--text);padding:8px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:300;transition:all .2s ease;text-transform:lowercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:32px}.theme-toggle:hover{border-color:var(--accent);background:var(--bg-tertiary)}.theme-transitioning *{transition:background-color .3s ease,color .3s ease,border-color .3s ease!important}.main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:80px 30px 60px;max-width:800px;margin:0 auto;width:100%;min-height:calc(100vh - 80px);position:relative;z-index:100}.title{font-size:clamp(32px,6vw,48px);font-weight:400;line-height:1.2;letter-spacing:-.02em;margin-bottom:16px;text-align:center;opacity:0;animation:fadeIn .1s ease forwards}.accent-text{color:var(--accent)}.subtitle{font-size:clamp(16px,2vw,18px);color:var(--text-dim);text-align:center;margin-bottom:40px;font-weight:300;opacity:0;animation:fadeInUp .1s ease .1s forwards}.query-container{max-width:700px;margin:0 auto 40px;opacity:0;animation:fadeInUp .3s ease .2s forwards}.query-form{display:flex;width:100%;gap:16px}@media (min-width: 769px){.query-form{min-width:400px}}.query-input{flex:1;background:var(--card-bg);border:1px solid var(--border);color:var(--text);padding:16px 20px;font-size:16px;font-family:inherit;font-weight:300;border-radius:8px;transition:all .2s ease}.query-input:focus{outline:none;border-color:var(--accent-dim)}.query-input::placeholder{color:var(--text-dim)}.query-button{background:var(--accent);color:var(--black);border:none;border-radius:8px;padding:16px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.query-button:hover:not(:disabled){background:#00e676;transform:translateY(-1px)}.query-button:disabled{opacity:.3;cursor:not-allowed}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:60px;opacity:0;animation:fadeInUp .4s ease forwards}.response-card{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:24px;transition:all .3s ease}.response-card.optimal{border-color:var(--accent-dim)}.response-card-header{margin-bottom:24px}.response-card-title{font-size:20px;font-weight:400;margin-bottom:8px;letter-spacing:.5px}.response-card-subtitle{font-size:12px;color:var(--text-dim);text-transform:lowercase;letter-spacing:.5px}.response-content{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;color:var(--text)}.response-content h1,.response-content h2,.response-content h3{color:var(--text);font-weight:400;margin:16px 0 8px}.response-content code{background:rgba(255,255,255,.05);padding:2px 6px;border-radius:2px;font-size:13px}.response-content pre{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:4px;padding:16px;overflow-x:auto;margin:16px 0}.success-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--black);color:var(--accent);padding:20px 40px;border:1px solid var(--accent-dim);border-radius:4px;font-size:14px;font-weight:400;opacity:0;pointer-events:none;transition:all .1s ease;z-index:1000}.success-message.show{opacity:1}.fast-response{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:24px;margin-bottom:24px;transition:all .3s ease}.response-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:24px}.response-actions{display:flex;justify-content:center;margin-top:32px}.response-meta{display:flex;align-items:center;gap:16px}.response-badge,.model-badge{background:var(--accent);color:#000;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.latency{color:var(--text-dim);font-size:12px}.improve-button{background:var(--accent);color:#000;border:none;padding:12px 24px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.improve-button:hover{background:#00ff88;transform:translateY(-1px)}.context-recommendations{background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:4px;padding:32px;margin-bottom:40px}.recommendations-header h3{color:var(--text);margin-bottom:8px;font-size:24px;font-weight:400}.recommendations-header p{color:var(--text-dim);margin-bottom:24px}.recommendation-card{background:rgba(255,255,255,.01);border:1px solid var(--border);border-radius:4px;padding:20px;margin-bottom:16px;transition:all .2s ease}.recommendation-card:hover{border-color:var(--accent-dim);background:rgba(0,255,136,.01)}.recommendation-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.context-checkbox{margin:0}.context-type{font-weight:500;color:var(--accent);cursor:pointer}.context-description{color:var(--text-dim);margin-bottom:12px;font-size:14px}.recommended-context,.context-reasoning{margin-bottom:12px}.recommended-context strong,.context-reasoning strong{color:var(--text);display:block;margin-bottom:4px;font-size:13px}.recommended-context p,.context-reasoning p{color:var(--text-dim);font-size:13px;line-height:1.4}.generate-improved-button{background:var(--accent);color:#000;border:none;padding:16px 32px;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.generate-improved-button:hover:not(:disabled){background:#00ff88;transform:translateY(-1px)}.generate-improved-button:disabled{opacity:.3;cursor:not-allowed;transform:none}.improved-response{margin-bottom:40px}.comparison-header h3{color:var(--text);margin-bottom:8px;font-size:24px;font-weight:400}.contexts-added{display:flex;justify-content:space-between;align-items:center;color:var(--text-dim);font-size:14px;margin-bottom:24px}.response-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.response-column{background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:4px;overflow:hidden}.original-column{border-color:var(--text-dim)}.improved-column{border-color:var(--accent-dim)}.column-header{padding:16px 20px;border-bottom:1px solid var(--border)}.original-badge{background:var(--text-dim);color:var(--black)}.improved-badge{background:var(--accent);color:var(--black)}.response-content{padding:20px;max-height:400px;overflow-y:auto}.new-query-button{background:var(--accent);color:var(--black);border:none;border-radius:8px;padding:16px 32px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0f83}.new-query-button:hover{background:#00e676;transform:translateY(-2px);box-shadow:0 4px 12px #00ff884d}.loading-indicator{display:flex;justify-content:center;align-items:center;padding:40px}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.model-tooltip{position:relative;display:inline-block}.tooltip-toggle{background:none;border:none;cursor:pointer;padding:6px 10px;border-radius:6px;color:var(--text-dim);transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;position:relative}.tooltip-toggle:hover{background:rgba(255,255,255,.08);color:var(--text);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.tooltip-toggle:focus{outline:2px solid var(--accent);outline-offset:2px}.model-text{font-size:12px;font-weight:500;color:var(--text-dim);transition:color .2s ease;letter-spacing:.3px}.model-tooltip:hover .model-text{color:var(--text)}.tooltip-content{position:absolute;top:calc(100% + 12px);right:0;margin-top:0;background:linear-gradient(135deg,rgba(10,10,10,.98) 0%,rgba(20,20,20,.95) 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:0;min-width:220px;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d}.tooltip-content.expanded{opacity:1;visibility:visible;transform:translateY(0) scale(1);animation:tooltipSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes tooltipSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tooltip-arrow{position:absolute;top:-7px;right:16px;width:14px;height:14px;background:linear-gradient(135deg,rgba(10,10,10,.98) 0%,rgba(20,20,20,.95) 50%);transform:rotate(45deg);border-top:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1)}.tooltip-body{padding:16px;position:relative;z-index:1}.tooltip-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px;border-radius:6px;transition:background .2s ease}.tooltip-row:hover{background:rgba(255,255,255,.03)}.tooltip-row:last-child{margin-bottom:0}.tooltip-label{color:#fff9;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.tooltip-value{color:#fffffff2;font-size:13px;font-weight:600;transition:color .2s ease}.tooltip-value.model-badge{background:linear-gradient(135deg,var(--accent) 0%,rgba(0,255,136,.8) 100%);color:#000;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;box-shadow:0 2px 8px #0f83;transition:transform .2s ease,box-shadow .2s ease}.tooltip-value.model-badge:hover{transform:scale(1.05);box-shadow:0 4px 12px #00ff884d}.tooltip-header{display:flex;align-items:center;gap:8px}.display-mode-toggle{display:flex;gap:2px;margin-left:8px}.mode-button{background:none;border:1px solid var(--border);cursor:pointer;padding:2px 6px;border-radius:4px;color:var(--text-dim);transition:all .2s ease;font-size:10px;line-height:1;min-width:20px;display:flex;align-items:center;justify-content:center}.mode-button:hover{background:rgba(255,255,255,.05);border-color:var(--accent);color:var(--text)}.mode-button.active{background:var(--accent);border-color:var(--accent);color:#000}.mode-button:focus{outline:2px solid var(--accent);outline-offset:2px}.model-tooltip.inline-mode{display:block;margin:16px 0;border:1px solid var(--border);border-radius:8px;background:rgba(0,0,0,.05);overflow:hidden}.inline-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:rgba(0,0,0,.02)}.inline-header .model-text{font-size:14px;font-weight:500;color:var(--text)}.inline-content{padding:16px}.inline-mode .tooltip-body{padding:0}.inline-mode .tooltip-row{margin-bottom:12px}.inline-mode .tooltip-row:last-child{margin-bottom:0}.inline-mode .tooltip-section{margin:16px 0 8px}.tooltip-section-title{font-size:12px;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.layout-tooltip{position:relative;display:inline-block;margin-right:16px}.layout-text{font-size:12px;font-weight:500;color:var(--text-dim);transition:color .2s ease;letter-spacing:.3px}.layout-tooltip:hover .layout-text{color:var(--text)}.layout-tooltip .tooltip-content{min-width:300px;max-width:400px}.layout-tooltip .explanation-item{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.layout-tooltip .explanation-item:first-of-type{margin-top:8px;padding-top:8px}.layout-tooltip .explanation-item h5{color:var(--text);font-size:12px;font-weight:500;margin-bottom:4px}.layout-tooltip .explanation-item p{color:var(--text-dim);font-size:11px;line-height:1.4;margin:0}.adaptive-response{--adaptive-font-size: 14px;--adaptive-line-height: 1.6;--adaptive-max-width: 800px;--adaptive-padding: 32px;transition:all .3s ease}.layout-code-focused{--adaptive-max-width: 900px;--adaptive-padding: 24px}.layout-code-focused .response-content pre{background:rgba(0,0,0,.8);border:1px solid var(--border);border-radius:8px;padding:16px;margin:16px 0;overflow-x:auto;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;line-height:1.5;position:relative}.layout-code-focused .response-content pre:before{content:"Code";position:absolute;top:-8px;right:12px;background:var(--accent);color:#000;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600}.layout-code-focused .response-content code:not(pre code){background:rgba(255,255,255,.1);padding:2px 6px;border-radius:4px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px}.layout-learning-focused{--adaptive-max-width: 700px;--adaptive-font-size: 18px;--adaptive-line-height: 1.8;--adaptive-padding: 40px}.layout-learning-focused .adaptive-response{background:linear-gradient(135deg,rgba(255,248,220,.1) 0%,rgba(255,255,255,.05) 100%);border:1px solid rgba(255,248,220,.3)}.layout-learning-focused .response-content{max-width:600px;margin:0 auto;font-family:Georgia,Times New Roman,serif;color:#f5f5f0;text-align:justify;-webkit-hyphens:auto;hyphens:auto;word-spacing:.1em}.layout-learning-focused .response-content h1,.layout-learning-focused .response-content h2,.layout-learning-focused .response-content h3{font-family:Georgia,Times New Roman,serif;color:gold;font-weight:400;letter-spacing:-.02em}.layout-conversational{--adaptive-max-width: 650px;--adaptive-font-size: 16px;--adaptive-line-height: 1.7;--adaptive-padding: 32px}.layout-conversational .adaptive-response{background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,rgba(0,255,136,.02) 100%);border:1px solid rgba(0,255,136,.1);border-radius:16px}.layout-conversational .response-content{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:300}.layout-tutorial{--adaptive-max-width: 900px;--adaptive-font-size: 15px;--adaptive-line-height: 1.6;--adaptive-padding: 32px}.layout-tutorial .response-content{display:grid;gap:24px}.layout-tutorial .response-content pre{background:rgba(0,40,80,.8);border:1px solid rgba(0,255,136,.3);border-left:4px solid var(--accent)}.layout-tutorial .response-content h1,.layout-tutorial .response-content h2,.layout-tutorial .response-content h3{color:#00d4ff;position:relative}.layout-tutorial .response-content h1:before,.layout-tutorial .response-content h2:before,.layout-tutorial .response-content h3:before{content:"📚";margin-right:8px}.layout-flashcard{--adaptive-max-width: 500px;--adaptive-font-size: 24px;--adaptive-line-height: 1.8;--adaptive-padding: 48px}.layout-flashcard .adaptive-response{background:linear-gradient(135deg,rgba(0,255,136,.1) 0%,rgba(255,255,255,.05) 100%);border:2px solid var(--accent);border-radius:20px;box-shadow:0 8px 32px #0f83}.layout-flashcard .response-content{text-align:center;font-weight:500;color:#fff}.layout-flashcard .response-content h1,.layout-flashcard .response-content h2,.layout-flashcard .response-content h3{color:gold;font-size:28px;margin-bottom:16px}.layout-step-by-step{--adaptive-max-width: 750px;--adaptive-font-size: 15px;--adaptive-line-height: 1.6;--adaptive-padding: 32px}.layout-step-by-step .response-content{counter-reset:step-counter}.layout-step-by-step .response-content ol li{counter-increment:step-counter;margin:16px 0;padding:12px 16px;background:rgba(0,255,136,.05);border-left:4px solid var(--accent);border-radius:0 8px 8px 0;position:relative}.layout-step-by-step .response-content ol li:before{content:counter(step-counter);position:absolute;left:-12px;top:12px;background:var(--accent);color:#000;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.layout-balanced{--adaptive-max-width: 800px;--adaptive-font-size: 14px;--adaptive-line-height: 1.6;--adaptive-padding: 32px}.layout-minimal{--adaptive-max-width: 600px;--adaptive-font-size: 15px;--adaptive-line-height: 1.5;--adaptive-padding: 24px}.font-small{--adaptive-font-size: 13px}.font-medium{--adaptive-font-size: 14px}.font-large{--adaptive-font-size: 16px}.font-xlarge{--adaptive-font-size: 24px}.spacing-compact{--adaptive-line-height: 1.4}.spacing-normal{--adaptive-line-height: 1.6}.spacing-relaxed{--adaptive-line-height: 1.8}.width-narrow{--adaptive-max-width: 600px}.width-medium{--adaptive-max-width: 800px}.width-wide{--adaptive-max-width: 1000px}[data-color-scheme=warm] .response-content{color:#f5f5f0}[data-color-scheme=warm] .response-content h1,[data-color-scheme=warm] .response-content h2,[data-color-scheme=warm] .response-content h3{color:gold}[data-color-scheme=cool] .response-content{color:#e0f0ff}[data-color-scheme=cool] .response-content h1,[data-color-scheme=cool] .response-content h2,[data-color-scheme=cool] .response-content h3{color:#00d4ff}[data-color-scheme=accent] .response-content{color:#fff}[data-color-scheme=accent] .response-content h1,[data-color-scheme=accent] .response-content h2,[data-color-scheme=accent] .response-content h3{color:var(--accent);font-weight:600}[data-color-scheme=monochrome] .response-content{color:#fff;font-family:SF Mono,Monaco,Consolas,monospace}.emphasis-subtle .response-content{opacity:.9}.emphasis-strong .response-content{font-weight:500}.emphasis-strong .response-content h1,.emphasis-strong .response-content h2,.emphasis-strong .response-content h3{font-weight:600}.animation-dynamic .adaptive-response{animation:fadeInUp .4s ease-out}.animation-gentle .adaptive-response{animation:fadeIn .3s ease-out}.adaptive-response .response-content{font-size:var(--adaptive-font-size);line-height:var(--adaptive-line-height);max-width:var(--adaptive-max-width)}.adaptive-response .fast-response{max-width:var(--adaptive-max-width);padding:var(--adaptive-padding)}.adaptive-response .response-content h1,.adaptive-response .response-content h2,.adaptive-response .response-content h3{margin:1.5em 0 .5em;font-weight:600;letter-spacing:-.02em}.adaptive-response .response-content ul,.adaptive-response .response-content ol{margin:1em 0;padding-left:1.5em}.adaptive-response .response-content li{margin:.5em 0}.adaptive-response .response-content blockquote{border-left:3px solid var(--accent);padding-left:1em;margin:1.5em 0;font-style:italic;opacity:.9}.original-query-section{background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:24px}.query-header h4{color:var(--accent);font-size:14px;font-weight:600;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.original-query-content p{color:var(--text);font-size:16px;font-style:italic;margin:0;opacity:.9}.ux-explanations-section{background:rgba(255,255,255,.01);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:16px;margin:24px 0}.explanations-toggle{background:none;border:none;color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 0;font-size:14px;font-weight:500;transition:all .2s ease}.explanations-toggle:hover{color:var(--text)}.chevron-icon{transition:transform .2s ease;margin-left:8px}.chevron-icon.expanded{transform:rotate(180deg)}.explanations-content{margin-top:16px;animation:fadeIn .3s ease}.explanation-item{margin-bottom:16px}.explanation-item:last-child{margin-bottom:0}.explanation-item h5{color:var(--text);font-size:13px;font-weight:600;margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.explanation-item p{color:var(--text-dim);font-size:14px;line-height:1.5;margin:0}@media (max-width: 768px){.header{padding:20px}.main{padding:0 20px;min-height:calc(100vh - 60px)}.title{font-size:42px;margin-bottom:20px}.subtitle{font-size:18px;margin-bottom:40px}.query-form{flex-direction:column}.query-button{width:100%}.response-comparison{grid-template-columns:1fr;gap:16px}.fast-response,.context-recommendations,.improved-response{padding:20px}.recommendation-card{padding:16px}.tooltip-content{right:-8px;min-width:180px}.adaptive-response{--adaptive-max-width: 100%;--adaptive-padding: 20px;--adaptive-font-size: 14px}.tooltip-content{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;transform:translate(-50%,-50%) scale(.95)!important;max-width:90vw;max-height:80vh;overflow-y:auto}.tooltip-content.expanded{transform:translate(-50%,-50%) scale(1)!important}.tooltip-arrow{display:none}.layout-code-focused,.layout-text-focused,.layout-minimal{--adaptive-max-width: 100%}.original-query-section{padding:12px;margin-bottom:20px}.query-header h4{font-size:13px}.original-query-content p{font-size:15px}.ux-explanations-section{padding:12px;margin:20px 0}.explanations-toggle{font-size:13px}.explanation-item h5{font-size:12px}.explanation-item p{font-size:13px}}.adaptive-response{transform:translateZ(0);will-change:auto}@media (prefers-reduced-motion: reduce){.adaptive-response,.explanations-toggle,.chevron-icon,.tooltip-content{transition:none;animation:none}}.loading-indicator{display:flex;justify-content:center;align-items:center;padding:40px;min-height:200px}.loading-indicator .spinner{width:40px;height:40px;border:3px solid var(--border);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;transform:translateZ(0)}.error-message{background:rgba(255,100,100,.1);border:1px solid rgba(255,100,100,.3);border-radius:8px;padding:16px;margin:16px 0;color:#ff6464}.explanations-toggle:focus,.new-query-button:focus,.tooltip-toggle:focus{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 480px){.adaptive-response{--adaptive-font-size: 14px;--adaptive-padding: 16px}.layout-flashcard .adaptive-response{--adaptive-font-size: 18px}.original-query-section{padding:10px}.layout-learning-focused .adaptive-response{--adaptive-font-size: 16px}}