:root{--bg: #0a0f12;--bg-above: rgba(255, 255, 255, .035);--bg-hover: rgba(255, 255, 255, .055);--bg-input: rgba(255, 255, 255, .04);--bg-card: rgba(255, 255, 255, .03);--accent: #5aaca8;--accent-dim: rgba(90, 172, 168, .1);--accent-soft: rgba(90, 172, 168, .06);--accent-rgb: 90, 172, 168;--text: rgba(255, 255, 255, .9);--text-mid: rgba(255, 255, 255, .55);--text-muted: rgba(255, 255, 255, .35);--border: rgba(255, 255, 255, .06);--border-card: rgba(255, 255, 255, .05);--radius: 16px;--radius-sm: 12px;--radius-xs: 8px;--sp-2: 2px;--sp-4: 4px;--sp-6: 6px;--sp-8: 8px;--sp-12: 12px;--sp-16: 16px;--sp-20: 20px;--sp-24: 24px;--sp-32: 32px;--sp-40: 40px;--sp-48: 48px;--font: "SF Pro Display", "SF Pro Text", "Inter", system-ui, -apple-system, sans-serif;--fs-hero: 32px;--fs-h2: 20px;--fs-body: 16px;--fs-sub: 15px;--fs-caption: 13px;--fs-chip: 12px;--fs-tab: 10px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:var(--font);font-size:var(--fs-body);line-height:1.45;color:var(--text);background:var(--bg);overscroll-behavior:none;-webkit-overflow-scrolling:touch;background-image:linear-gradient(165deg,#0a0f12,#0c1418 30%,#0d1a1f 55%,#0a1e22 75%,#081a1e);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100dvh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}button{font-family:var(--font);cursor:pointer;border:none;background:none;color:inherit;-webkit-tap-highlight-color:transparent}input{-webkit-tap-highlight-color:transparent}.chip{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:var(--fs-chip);font-weight:500;letter-spacing:.1px;color:var(--text-mid);background:#ffffff0a;border:1px solid rgba(255,255,255,.05)}.screen{flex:1;display:flex;flex-direction:column;padding:0 var(--sp-20);padding-top:calc(var(--sp-16) + var(--safe-top));padding-bottom:calc(72px + var(--safe-bottom));animation:screenFadeIn .25s ease}@keyframes screenFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:center;gap:6px;padding:calc(4px + var(--safe-top)) 16px 4px;background:#ef4444e6;color:#fff;font-size:var(--fs-caption);font-weight:550;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(56px + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:flex;align-items:center;justify-content:center;gap:0;background:#0a0f12e0;backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);border-top:.5px solid rgba(255,255,255,.06);z-index:100;-webkit-backface-visibility:hidden;backface-visibility:hidden}.bottom-nav button{flex:1;max-width:120px;padding:6px 0 2px;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:var(--fs-tab);font-weight:600;letter-spacing:.3px;color:var(--text-muted);transition:color .15s}.bottom-nav button.active,.bottom-nav button.mode-toggle{color:var(--accent)}.bottom-nav button.mode-toggle span{background:linear-gradient(135deg,var(--accent),rgba(var(--accent-rgb),.7));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:.4px}.skeleton{background:linear-gradient(90deg,#ffffff06 25%,#ffffff0d,#ffffff06 75%);background-size:200% 100%;animation:skeleton-sweep 1.5s ease-in-out infinite;border-radius:var(--radius-xs)}@keyframes skeleton-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes shimmer{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}[data-mode=papa]{--accent: #7B8FD4;--accent-dim: rgba(123, 143, 212, .1);--accent-soft: rgba(123, 143, 212, .06);--accent-rgb: 123, 143, 212}.card-stagger{opacity:0;transform:translateY(8px);animation:fadeInUp .35s ease forwards}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.card-stagger{opacity:1;transform:none;animation:none}}