:root{--zinc-50: #fafafa;--zinc-100: #f4f4f5;--zinc-200: #e4e4e7;--zinc-400: #a1a1aa;--zinc-500: #71717a;--zinc-900: #18181b;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-600: #2563eb;--blue-700: #1d4ed8;--primary-blue: #2563eb;--primary-light: #4F8EF7;--bg-white: #ffffff;--bg-light: #fafafa;--bg-lighter: #f4f4f5;--text-dark: #18181b;--text-gray: #71717a;--text-light: #a1a1aa;--border-color: #e4e4e7;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .15);--mobile-black: #000000;--mobile-white: #FFFFFF;--mobile-gray: #f9fafb;--mobile-blue: #2563EB;--touch-target-min: 48px;--touch-spacing: 8px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 999px;--z-base: 1;--z-dropdown: 100;--z-modal: 1000;--z-nav: 1000;--z-overlay: 9999;--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--bg-white);color:var(--text-dark);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:768px){html,body{height:100vh;height:100dvh;overflow:hidden;position:fixed;width:100%}#app{height:100vh;height:100dvh;overflow:hidden}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--primary-blue);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:1rem;color:var(--text-dark)}p{margin-bottom:1rem;color:var(--text-gray)}a{color:var(--primary-blue);text-decoration:none;transition:all .3s ease}a:hover{color:var(--primary-light)}.btn{padding:12px 32px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary{background:var(--primary-blue);color:#fff;box-shadow:var(--shadow)}.btn-primary:hover{background:var(--primary-light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--primary-blue);border:2px solid var(--primary-blue)}.btn-secondary:hover{background:var(--bg-lighter)}.btn-ghost{background:transparent;color:var(--text-dark);border:1px solid var(--border-color)}.btn-ghost:hover{background:var(--bg-light);border-color:var(--primary-blue);color:var(--primary-blue)}.container{max-width:1200px;margin:0 auto;padding:0 20px}section{padding:80px 20px}.glass{background:#fffc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--border-color);border-radius:12px}@media(max-width:1200px){section{padding:60px 20px}}@media(max-width:768px){section{padding:50px 20px}.btn{padding:10px 24px;font-size:.95rem}}@media(max-width:480px){section{padding:40px 15px}.btn{padding:10px 20px;font-size:.9rem}}.touch-target{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.mobile-card-list{display:flex;flex-direction:column;gap:var(--space-sm);padding:0 var(--space-md)}.mobile-stack{display:flex;flex-direction:column;gap:var(--space-md)}.mobile-row{display:flex;gap:var(--space-md);overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding:0 var(--space-md)}.mobile-row::-webkit-scrollbar{display:none}.mobile-row>*{scroll-snap-align:start;flex-shrink:0}.mobile-only{display:none}@media(max-width:768px){.mobile-only{display:block}.desktop-only{display:none}}.pull-to-refresh{position:absolute;top:-60px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-sm);color:var(--text-gray);font-size:14px;transition:top var(--transition-base)}.pull-to-refresh.active{top:20px}.skeleton{background:linear-gradient(90deg,var(--bg-lighter) 25%,var(--bg-light) 50%,var(--bg-lighter) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center;gap:var(--space-md)}.empty-state-icon{font-size:48px;opacity:.5}.empty-state-title{font-size:18px;font-weight:600;color:var(--text-dark)}.empty-state-message{font-size:14px;color:var(--text-gray);max-width:300px}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:high){:root{--border-color: #000000;--text-gray: #000000}}#app{width:100%;min-height:100vh}