:root{--bg-primary: #1a1b2e;--bg-secondary: #13141f;--bg-card: rgba(26, 27, 46, .7);--bg-elevated: rgba(36, 37, 58, .6);--accent: #7aa2f7;--accent-alt: #bb9af7;--accent-success: #9ece6a;--accent-warning: #e0af68;--accent-danger: #f7768e;--text: #c0caf5;--text-muted: #565f89;--text-dim: #414868;--border: rgba(86, 95, 137, .3);--border-subtle: rgba(86, 95, 137, .15);--space-xs: clamp(4px, 1vw, 6px);--space-sm: clamp(8px, 2vw, 12px);--space-md: clamp(14px, 3vw, 20px);--space-lg: clamp(24px, 5vw, 36px);--space-xl: clamp(36px, 7vw, 56px);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 22px;--control-sm: 36px;--control-md: 44px;--control-lg: 52px;--bg-surface: #1c1d2e;--accent-soft: #9cb6ff;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-heading: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-body);background:var(--bg-secondary);color:var(--text);width:100%;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.5}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 80% 60% at 10% 20%,rgba(122,162,247,.07) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 90% 80%,rgba(187,154,247,.06) 0%,transparent 50%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(122,162,247,.03) 0%,transparent 70%),var(--bg-secondary);pointer-events:none}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton{background:linear-gradient(90deg,#565f891a,#565f8933,#565f891a);background-size:400px 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}input:focus,button:focus-visible{outline:1px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::selection{background:#7aa2f74d;color:var(--text)}.app-pad-bottom{padding-bottom:72px}.error-surface{min-height:100vh;padding:var(--space-lg);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-sm)}.error-surface__title{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--text)}.error-surface__message{font-family:var(--font-body);color:var(--text-muted);font-size:14px;line-height:1.5}.error-surface__button{background:var(--accent);border:none;border-radius:var(--radius-md);padding:10px 24px;color:#111;font-size:14px;font-weight:700;cursor:pointer;font-family:var(--font-body)}.error-surface__button:active{transform:translateY(1px)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#13141feb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-subtle);display:flex;justify-content:space-around;align-items:center;padding:6px 12px;padding-bottom:calc(6px + var(--safe-bottom));z-index:100}.nav-button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;border-radius:var(--radius-md);background:transparent;border:none;cursor:pointer;min-width:56px;transition:opacity .15s ease}.nav-button:active{opacity:.8}.nav-button-label{font-family:var(--font-body);font-size:10px;letter-spacing:.2px}.nav-button-label--active{font-weight:600;color:var(--accent)}.nav-button-label--inactive{font-weight:400;color:var(--text-dim)}.skeleton-page{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.skeleton-gap-sm{height:var(--space-sm)}.skeleton-grid-2{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-sm)}.skeleton-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);background:#565f890a}.skeleton-row__lines{flex:1;min-width:0}.skeleton-text{display:flex;flex-direction:column}@media(prefers-reduced-motion:reduce){.skeleton{animation:none;background:#565f8926}}