:root{--font-serif:"Newsreader", Charter, "Tiempos Headline", Georgia, "Times New Roman", serif;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-canvas:#181715;--bg-canvas-subtle:#1f1e1b;--surface-card:#262522;--surface-card-hover:#2e2c28;--surface-card-active:#35332e;--surface-input:#23221f;--surface-secondary:#1e1d1a;--surface-tertiary:#2a2824;--border-subtle:#33312c;--border-strong:#45423c;--border-focus:#5e5a52;--text-primary:#ece8e1;--text-secondary:#a39e93;--text-tertiary:#757067;--text-quaternary:#4a4741;--accent-terracotta:#d97757;--accent-terracotta-hover:#e58768;--accent-terracotta-subtle:#d9775724;--accent-terracotta-border:#d9775759;--color-t-pos:#4ade80;--color-t-pos-bg:#4ade801f;--color-t-pos-border:#4ade804d;--color-t-neg:#f87171;--color-t-neg-bg:#f871711f;--color-t-neg-border:#f871714d;--color-i-pos:#60a5fa;--color-i-pos-bg:#60a5fa1f;--color-i-pos-border:#60a5fa4d;--color-i-neg:#fb923c;--color-i-neg-bg:#fb923c1f;--color-i-neg-border:#fb923c4d;--color-f-pos:#c084fc;--color-f-pos-bg:#c084fc1f;--color-f-pos-border:#c084fc4d;--color-f-neg:#fb7185;--color-f-neg-bg:#fb71851f;--color-f-neg-border:#fb71854d;--apple-blue:#60a5fa;--apple-blue-subtle:#60a5fa24;--apple-purple:#c084fc;--apple-purple-subtle:#c084fc24;--apple-emerald:#4ade80;--apple-emerald-subtle:#4ade8024;--apple-amber:#fb923c;--apple-amber-subtle:#fb923c24;--apple-red:#f87171;--apple-red-subtle:#f8717124;--apple-cyan:#38bdf8;--surface-chrome:var(--surface-secondary);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:26px;--radius-pill:9999px;--shadow-sm:0 1px 3px #0003;--shadow-card:0 8px 32px -8px #00000073;--shadow-float:0 16px 48px -12px #0009;--ease-claude:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--bg-canvas);color:var(--text-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-canvas);min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex}.font-serif{font-family:var(--font-serif)}.font-sans{font-family:var(--font-sans)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-tertiary);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.claude-prompt-card{background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:border-color .2s var(--ease-claude), box-shadow .2s var(--ease-claude)}.claude-prompt-card:focus-within{border-color:var(--border-focus);box-shadow:0 12px 40px -8px #000000a6,0 0 0 1px #d9775733}.claude-pill{border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;transition:all .18s var(--ease-claude);-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.claude-pill:hover{color:var(--text-primary);background:var(--surface-secondary)}.claude-pill.active{color:var(--text-primary);background:var(--surface-tertiary);border-color:var(--border-subtle)}.claude-model-pill{border-radius:var(--radius-pill);background:var(--surface-secondary);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;transition:all .18s var(--ease-claude);align-items:center;gap:6px;padding:5px 11px;font-size:13px;font-weight:500;display:inline-flex}.claude-model-pill:hover{background:var(--surface-tertiary);border-color:var(--border-strong)}.claude-dropdown{background:var(--surface-card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);animation:fadeInDown .15s var(--ease-claude);overflow:hidden}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.claude-asterisk{color:var(--accent-terracotta);filter:drop-shadow(0 2px 8px #d977574d);justify-content:center;align-items:center;font-size:26px;line-height:1;display:inline-flex}textarea.claude-input{resize:none;width:100%;color:var(--text-primary);font-family:var(--font-sans);background:0 0;border:none;outline:none;font-size:16px;line-height:1.6}textarea.claude-input::placeholder{color:var(--text-tertiary)}.xai-span{cursor:pointer;border-radius:5px;margin:0 1px;padding:2px 5px;font-weight:500;transition:filter .15s,transform .15s;display:inline;position:relative}.xai-span:hover{filter:brightness(1.2)}input[type=range].claude-slider{appearance:none;background:var(--surface-tertiary);border-radius:5px;outline:none;width:100%;height:5px}input[type=range].claude-slider::-webkit-slider-thumb{appearance:none;background:var(--text-primary);cursor:pointer;width:17px;height:17px;transition:transform .15s var(--ease-claude);border-radius:50%;box-shadow:0 2px 6px #00000080}input[type=range].claude-slider::-webkit-slider-thumb:hover{transform:scale(1.18)}.container{width:100%;max-width:960px;margin:0 auto;padding:0 20px}.glass-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.glass-chrome{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);background:#181715e0}