:root{--brand-primary: #5e6ad2;--brand-hover: #6c79e6;--brand-light: rgba(94, 106, 210, .15);--bg-cream: #0c0c0e;--bg-cream-dark: #161618;--bg-cream-deeper: #222326;--bg-hover: #2c2d33;--text-primary: #ecebed;--text-secondary: #8a8f98;--text-tertiary: #60646c;--border-color: #27282b;--border-light: #313338;--radius-xl: 20px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--radius-xs: 6px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--transition-fast: .15s ease;--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body{overscroll-behavior:none;touch-action:pan-x pan-y}input:focus,input:focus-visible,textarea:focus,textarea:focus-visible,select:focus,select:focus-visible,[contenteditable]:focus,[contenteditable]:focus-visible{outline:none}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0eee7;color:#1d1d1f}html.app-dark body{background-color:#0a0a0d;color:var(--text-primary)}code{font-family:SF Mono,Monaco,Menlo,Consolas,monospace}::-webkit-scrollbar{width:6px;background:transparent}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent;border:none}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.logo-idle-spin{animation:logoIdleSpin 22s linear infinite}@keyframes logoIdleSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-spin{animation:logoSpin 1.2s linear infinite;color:var(--brand-primary)}@keyframes logoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bar-icon-circle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border-radius:50%;border:1px solid var(--border-color);background:transparent;color:var(--text-tertiary);flex-shrink:0;transition:border-color .15s,color .15s,background .15s}.bar-action .bar-icon-circle{border-color:#ffffff40;color:#fff;background:#ffffff1a}@keyframes theme-circle-reveal{0%{clip-path:circle(0% at var(--wipe-x, 50%) var(--wipe-y, 50%))}to{clip-path:circle(150% at var(--wipe-x, 50%) var(--wipe-y, 50%))}}@keyframes theme-old-fade{0%{opacity:1}to{opacity:0}}::view-transition{z-index:99999}::view-transition-group(root){overflow:visible}::view-transition-image-pair(root){overflow:visible;isolation:isolate}::view-transition-old(root){animation:theme-old-fade .9s cubic-bezier(.4,0,.2,1) forwards;z-index:1}::view-transition-new(root){animation:theme-circle-reveal .9s cubic-bezier(.76,0,.24,1) forwards;z-index:2}@media (max-width: 768px){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}
