@tailwind utilities;:root{--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--color-brand: #ff5a1f;--color-brand-dark: #e04010;--color-brand-light: #fff0eb;--color-bg: #fafaf8;--color-surface: #ffffff;--color-border: #ebebeb;--color-text: #1a1a1a;--color-text-muted: #737373;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);margin:0;padding:0;min-height:100dvh}*{overscroll-behavior-x:none}html,body,#root{min-height:100%;background:#111}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:99px}.font-display{font-family:var(--font-display)}.text-brand{color:var(--color-brand)}.bg-brand{background-color:var(--color-brand)}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-fade-up{animation:fade-up .4s ease forwards}.animate-fade-in{animation:fade-in .3s ease forwards}.animate-scale-in{animation:scale-in .3s ease forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.bottom-nav{display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;background:#111;border-top:1px solid #1e1e1e;height:64px;max-width:682px;padding:0;margin:0;padding-bottom:env(safe-area-inset-bottom);z-index:50}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;cursor:pointer;font-size:10px;font-family:inherit;color:#555;transition:color .15s;position:relative}.bottom-nav-item.active{color:#ff6b00}.bottom-nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:28px;height:2px;background:#ff6b00;border-radius:0 0 3px 3px}