*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f5f5f7;--color-card: #ffffff;--color-card-hover: #f0f0f2;--color-text-primary: #1a1a2e;--color-text-secondary: #6b7280;--color-accent: #6366f1;--color-accent-hover: #4f46e5;--color-success: #10b981;--color-danger: #ef4444;--color-warning: #f59e0b;--color-border: #e5e7eb;--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 16px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-elevated: 0 4px 12px rgba(0, 0, 0, .1);--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-xxl: 28px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-xxl: 32px;--bottom-nav-height: 64px;--safe-area-bottom: env(safe-area-inset-bottom, 0px)}[data-theme=dark]{--color-bg-primary: #0f0f23;--color-bg-secondary: #1a1a2e;--color-card: #16213e;--color-card-hover: #1e2a4a;--color-text-primary: #e2e8f0;--color-text-secondary: #94a3b8;--color-accent: #818cf8;--color-accent-hover: #6366f1;--color-success: #34d399;--color-danger: #f87171;--color-warning: #fbbf24;--color-border: #2d3748;--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-elevated: 0 4px 12px rgba(0, 0, 0, .4)}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-md);line-height:1.5;overscroll-behavior:none}a{color:var(--color-accent);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:inherit}input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);box-shadow:0 -4px 16px #0000001f;padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav__container{display:flex;align-items:stretch;justify-content:space-around;height:60px;max-width:600px;margin:0 auto}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:3px;padding:6px 4px;text-decoration:none;color:var(--color-text-secondary);transition:color .2s ease;-webkit-tap-highlight-color:transparent;cursor:pointer}.bottom-nav__item:active{opacity:.7}.bottom-nav__item--active{color:var(--color-accent)}.bottom-nav__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform .2s ease}.bottom-nav__item--active .bottom-nav__icon{transform:scale(1.1)}.bottom-nav__label{font-size:10px;font-weight:500;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bottom-nav__item--active .bottom-nav__label{font-weight:600}.app-layout{display:flex;flex-direction:column;height:100dvh;height:100vh;overflow:hidden;background-color:var(--color-bg-primary)}.app-layout__content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}.app-layout__content::-webkit-scrollbar{width:0;background:transparent}