:root{--color-bg-page: #0d0d0d;--color-bg-surface: #111111;--color-bg-raised: #161616;--color-bg-border: #1e1e1e;--color-bg-deep: #0a0a0a;--color-text-primary: #f0f0f0;--color-text-secondary: #aaaaaa;--color-text-muted: #666666;--color-text-disabled: #333333;--color-brand-pink: #f72585;--color-brand-pink-hover: #d4006e;--color-brand-bubble-pink: #ff85b3;--color-brand-gold: #c9a84c;--color-hearts-full: #ff4d6d;--color-hearts-empty: #2a1a1e;--color-status-success: #4caf50;--color-status-warning: #ffab00;--color-status-error: #ef5350;--color-ui-accent: #9575cd;--color-ui-accent-light: #ce93d8;--color-ui-accent-border: #4a3060;--color-claude-primary: #8b2a2a;--color-claude-light: #c9705a;--color-claude-border: #3d1212;--color-claude-dark: #1a0808;--color-gem-primary: #e879a0;--color-gem-light: #f4a0c8;--color-gem-border: #5a1a35;--color-gem-dark: #1a0810;--color-mino-primary: #8a9a7a;--color-mino-light: #b0bf9f;--color-mino-border: #2a3020;--color-mino-dark: #10140c;--color-chad-primary: #10a37f;--color-chad-light: #19c37d;--color-chad-border: #0a3020;--color-chad-dark: #061510;--color-llama-primary: #0467df;--color-llama-light: #4a9eff;--color-llama-border: #0a2040;--color-llama-dark: #060d1a;--color-grok-primary: #c0392b;--color-grok-light: #e74c3c;--color-grok-border: #2c1010;--color-grok-dark: #0f0808;--color-agent-idle: #555555;--color-agent-reading: #00e5ff;--color-agent-acting: #ffab00;--color-agent-flag: #f72585;--color-heartmail-primary: #f28b96;--color-heartmail-dark: #1a0810;--color-pocketdrive: #4fc3f7;--color-pagesync: #4db6ac;--color-datebook: #ff8a65;--color-chatpulse: #ba68c8;--color-blockboard: #ffe082;--color-codenest: #90a4ae;--color-taskforge: #ffb74d;--color-sketchdrop: #f48fb1;--color-chainbridge: #69f0ae;--color-storefront: #fff176;--color-shield-teal: #1a3a3f;--font-mono: "Roboto Mono", "Courier New", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--ease-spring: cubic-bezier(.34, 1.2, .64, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--z-bg: 0;--z-stage: 10;--z-ui: 20;--z-overlay: 100;--z-toast: 200}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-mono);overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}#root{height:100%}a{color:var(--color-brand-bubble-pink);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:var(--font-mono)}input,textarea{font-family:var(--font-mono);background:var(--color-bg-raised);color:var(--color-text-primary);border:1px solid var(--color-bg-border);outline:none}input:focus,textarea:focus{border-color:var(--color-ui-accent)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--color-bg-surface)}::-webkit-scrollbar-thumb{background:var(--color-bg-border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@keyframes logoFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes heartPulse{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes traceDash{0%{stroke-dashoffset:300}to{stroke-dashoffset:0}}@keyframes traceGlow{0%,to{opacity:.4}50%{opacity:1}}@keyframes spriteEntry{0%{transform:translateY(40px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.01)}}@keyframes sparkleFly{0%{transform:translate(0) scale(0);opacity:1}60%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1.2);opacity:0}}@keyframes hintPulse{0%,to{opacity:.3}50%{opacity:.8}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}