:root{--color-primary: #2962ff;--color-primary-light: #6b3fa0;--color-primary-dark: #1a40cc;--color-on-primary: #ffffff;--color-message-link-light: #1a40cc;--color-message-link-dark: #7fa0ff;--color-message-link: var(--color-message-link-light);--logo-face-a: #2962ff;--logo-face-b: #6b3fa0;--logo-face-c: #1a40cc;--logo-top-cap: #283858;--color-background: #f0f0f0;--color-surface: #ffffff;--color-surface-elevated: #f7f7f7;--color-background-transparent: rgba(240, 240, 240, .8);--color-surface-transparent: rgba(255, 255, 255, .78);--color-surface-elevated-transparent: rgba(247, 247, 247, .78);--color-text: #1f1f1f;--color-text-secondary: #5f5f5f;--color-text-tertiary: #8a8a8a;--color-separator: #d0d0d0;--color-border: #c2c2c2;--color-border-focused: var(--color-primary);--color-active-background: color-mix(in srgb, var(--color-primary) 11%, transparent);--color-inactive-background: transparent;--color-error: #ff3b30;--color-success: #34c759;--color-warning: #ff9500;--color-vote-up: #2a7e3b;--color-vote-up-bg: rgba(42, 126, 59, .2);--color-vote-down: #1a40cc;--color-vote-down-bg: rgba(26, 64, 204, .16);--color-vote-source: #5f5f5f;--color-vote-source-bg: rgba(95, 95, 95, .16);--color-vote-source-border: rgba(95, 95, 95, .32);--color-card-thinking: rgba(0, 0, 0, .08);--color-card-tool: rgba(0, 0, 0, .06);--color-card-tool-solid: #ededed;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif: Georgia, "Times New Roman", serif;--font-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--sidebar-width: 280px;--header-height: 56px;--tile-width: calc(50vw - var(--tile-gap));--tile-gap: var(--spacing-md)}[data-theme=dark]{--color-background: #000000;--color-surface: #161616;--color-surface-elevated: #242424;--color-background-transparent: rgba(0, 0, 0, .8);--color-surface-transparent: rgba(22, 22, 22, .78);--color-surface-elevated-transparent: rgba(36, 36, 36, .78);--color-text: #f2f2f2;--color-text-secondary: #b5b5b5;--color-text-tertiary: #7d7d7d;--color-separator: #333333;--color-border: #454545;--color-border-focused: var(--color-primary);--color-active-background: color-mix(in srgb, var(--color-primary) 24%, transparent);--color-error: #ff453a;--color-success: #32d74b;--color-warning: #ff9f0a;--color-vote-up: #71d083;--color-vote-up-bg: rgba(113, 208, 131, .28);--color-vote-down: #7fa0ff;--color-vote-down-bg: rgba(127, 160, 255, .25);--color-vote-source: #b5b5b5;--color-vote-source-bg: rgba(181, 181, 181, .2);--color-vote-source-border: rgba(181, 181, 181, .38);--color-card-thinking: rgba(255, 255, 255, .05);--color-card-tool: rgba(255, 255, 255, .08);--color-card-tool-solid: #131313;--color-message-link: var(--color-message-link-dark)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--color-background);color:var(--color-text);line-height:1.5;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-tertiary)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button{font-family:inherit;font-size:inherit;background:none;border:none;cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}input,textarea{font-family:inherit;font-size:inherit;background:none;border:none;color:inherit}input:focus,textarea:focus{outline:none}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}@keyframes popIn{0%{opacity:0;transform:scale(.85) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes typingDot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.animate-pop-in{animation:popIn .3s cubic-bezier(.34,1.56,.64,1)}.animate-fade-in{animation:fadeIn .2s ease-out}.animate-slide-in-right{animation:slideInRight .2s ease-out}.animate-slide-in-left{animation:slideInLeft .2s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.transition-colors{transition:background-color .15s ease,color .15s ease,border-color .15s ease}.transition-transform{transition:transform .15s ease}.transition-opacity{transition:opacity .15s ease}.transition-all{transition:all .15s ease}