:root,[data-theme=dark]{--bg-primary:#08080a;--bg-card:rgba(18,18,22,0.7);--bg-card-hover:rgba(26,26,32,0.85);--bg-pill:rgba(22,22,28,0.85);--bg-subtle:#141418;--bg-elevated:#1a1a20;--border-subtle:rgba(255,255,255,0.07);--border-default:rgba(255,255,255,0.12);--border-hover:rgba(255,255,255,0.22);--border-focus:rgba(255,255,255,0.4);--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#62626e;--topbar-bg:rgba(8,8,10,0.75);--glow-radial:radial-gradient(circle,rgba(55,85,150,0.16) 0%,rgba(255,255,255,0.03) 30%,rgba(8,8,10,0) 70%);--grid-dot:rgba(255,255,255,0.08);--pill-shadow:0 8px 32px rgba(0,0,0,0.35);--pill-shadow-hover:0 12px 40px rgba(0,0,0,0.45);--pill-shadow-focus:0 14px 48px rgba(0,0,0,0.55),0 0 0 1px rgba(255,255,255,0.15);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-pill:9999px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}[data-theme=light]{--bg-primary:#fafafa;--bg-card:#ffffff;--bg-card-hover:#f4f4f5;--bg-pill:#ffffff;--bg-subtle:#f4f4f5;--bg-elevated:#f4f4f5;--border-subtle:rgba(0,0,0,0.06);--border-default:rgba(0,0,0,0.12);--border-hover:rgba(0,0,0,0.25);--border-focus:rgba(0,0,0,0.5);--text-primary:#09090b;--text-secondary:#52525b;--text-muted:#71717a;--topbar-bg:rgba(250,250,250,0.85);--glow-radial:radial-gradient(circle,rgba(59,130,246,0.07) 0%,rgba(0,0,0,0.015) 40%,rgba(250,250,250,0) 70%);--grid-dot:rgba(0,0,0,0.04);--pill-shadow:0 4px 20px rgba(0,0,0,0.04),0 1px 2px rgba(0,0,0,0.02);--pill-shadow-hover:0 6px 24px rgba(0,0,0,0.07);--pill-shadow-focus:0 8px 28px rgba(0,0,0,0.08),0 0 0 1px rgba(0,0,0,0.12)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;transition:background-color .25s ease,color .25s ease}::selection{background:var(--text-primary);color:var(--bg-primary)}.ambient-glow{top:50%;left:50%;transform:translate(-50%,-50%);width:900px;height:600px;background:var(--glow-radial);filter:blur(40px);transition:background .3s ease}.ambient-glow,.dot-grid{position:fixed;pointer-events:none;z-index:0}.dot-grid{inset:0;background-image:radial-gradient(var(--grid-dot) 1px,transparent 1px);background-size:32px 32px;opacity:.5}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseSlow{0%,to{opacity:1}50%{opacity:.4}}@keyframes blink{0%,to{opacity:1}50%{opacity:.15}}@keyframes flipLetterIn{0%{opacity:0;transform:translateY(-14px) rotateX(50deg);filter:blur(4px)}to{opacity:1;transform:translateY(0) rotateX(0deg);filter:blur(0)}}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-up{animation:slideUp .35s cubic-bezier(.16,1,.3,1) forwards}.cursor-blink{display:inline-block;margin-left:2px;width:6px;height:1.1em;background-color:var(--text-primary);vertical-align:middle;animation:pulseSlow .9s infinite}.top-header{justify-content:space-between;padding:16px 24px;width:100%;border-bottom:1px solid var(--border-subtle);background:rgba(8,8,10,.85);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:-webkit-sticky;position:sticky;top:0;z-index:50}.logo-badge,.top-header{display:flex;align-items:center}.logo-badge{gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.brand-text{font-size:14.5px;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.pill-version{font-size:10.5px;font-family:var(--font-mono);color:var(--text-muted);padding:1px 6px;border-radius:4px;border:1px solid var(--border-subtle)}.btn-header,.pill-version{background:var(--bg-subtle)}.btn-header{border:1px solid var(--border-default);border-radius:var(--radius-pill);color:var(--text-secondary);padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease}.btn-header:hover,.btn-new-chat{background:var(--bg-elevated);border-color:var(--border-hover);color:var(--text-primary)}.btn-new-chat:hover{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.gemini-prompt-container{display:flex;align-items:center;width:100%;max-width:100%;background:var(--bg-pill);border:1px solid var(--border-default);border-radius:var(--radius-pill);padding:6px 8px 6px 14px;box-shadow:var(--pill-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .25s cubic-bezier(.16,1,.3,1)}.gemini-prompt-container:hover{border-color:var(--border-hover);box-shadow:var(--pill-shadow-hover)}.gemini-prompt-container:focus-within{border-color:var(--border-focus);box-shadow:var(--pill-shadow-focus)}.btn-circle-icon{background:transparent;border:none;color:var(--text-secondary);width:32px;height:32px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-circle-icon:hover{color:var(--text-primary);background:rgba(255,255,255,.08)}.prompt-text-input{flex:1 1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:14.5px;font-family:inherit;padding:6px 8px;letter-spacing:-.01em}.prompt-text-input::placeholder{color:var(--text-muted)}.model-pill-btn{display:flex;align-items:center;gap:6px;background:var(--bg-subtle);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:4px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.model-pill-btn:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-hover)}.btn-submit-arrow{background:var(--text-primary);color:var(--bg-primary);border:none;width:34px;height:34px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-left:4px}.btn-submit-arrow:hover:not(:disabled){background:#ffffff;transform:scale(1.05)}.btn-submit-arrow:disabled{opacity:.2;cursor:not-allowed}.suggestion-chip{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:7px 14px;border-radius:var(--radius-pill);font-size:13px;font-weight:450;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;gap:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.suggestion-chip:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-1.5px);box-shadow:var(--pill-shadow-hover)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:14px;gap:14px;width:100%}.mono-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;justify-content:space-between}.mono-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.5)}.tag-badge{font-family:var(--font-mono);border-radius:6px;background:var(--bg-primary);border:1px solid var(--border-subtle);color:var(--text-secondary)}.highlight-badge,.tag-badge{font-size:11px;padding:3px 8px}.highlight-badge{display:inline-flex;align-items:center;gap:4px;border-radius:var(--radius-pill);background:rgba(255,255,255,.08);border:1px solid var(--border-hover);color:var(--text-primary);white-space:nowrap}@media (max-width:1024px){.wobble-grid{grid-template-columns:1fr 1fr!important}.wobble-grid>:first-child{grid-column:1/-1!important}.wobble-grid>:nth-child(2),.wobble-grid>:nth-child(3){grid-column:auto!important}.wobble-grid>:nth-child(n+4){grid-column:1/-1!important}}@media (max-width:640px){.top-header{padding:12px 16px}.gemini-prompt-container{padding:4px 6px 4px 10px}.prompt-text-input{font-size:13.5px}.suggestion-chip{font-size:12px;padding:6px 12px}.card-grid{grid-template-columns:1fr}.wobble-grid{grid-template-columns:1fr!important}.wobble-grid>*{grid-column:auto!important;min-height:240px!important}}