.bottom-nav[data-v-fedb8291]{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:768px;display:flex;flex-direction:column;background:var(--bg-primary);border-top:1px solid var(--border-color);padding-bottom:var(--safe-bottom);z-index:var(--z-fixed)}.icp-bar[data-v-fedb8291]{display:block;text-align:center;font-size:11px;color:var(--text-tertiary);text-decoration:none;padding:5px 0 3px;border-bottom:1px solid var(--border-color);transition:color var(--transition-fast)}.icp-bar[data-v-fedb8291]:hover{color:var(--primary)}.nav-items[data-v-fedb8291]{display:flex;justify-content:space-around;align-items:center;height:60px}.nav-item[data-v-fedb8291]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;color:var(--text-tertiary);text-decoration:none;transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent}.nav-item[data-v-fedb8291]:active{background:var(--bg-tertiary)}.nav-item.active[data-v-fedb8291]{color:var(--primary)}.nav-item.active .nav-icon[data-v-fedb8291]{transform:scale(1.1)}.nav-icon[data-v-fedb8291]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-bottom:4px;transition:transform var(--transition-fast)}.nav-label[data-v-fedb8291]{font-size:11px;font-weight:500}.toast[data-v-9859428c]{position:fixed;bottom:100px;left:50%;transform:translate(-50%);max-width:calc(100vw - 64px);padding:12px 20px;background:#000c;color:#fff;font-size:14px;line-height:1.5;border-radius:8px;text-align:center;z-index:9999;word-break:break-word;box-shadow:0 4px 12px #00000026;pointer-events:none}.toast-slide-enter-active[data-v-9859428c],.toast-slide-leave-active[data-v-9859428c]{transition:opacity .25s ease,transform .25s ease}.toast-slide-enter-from[data-v-9859428c],.toast-slide-leave-to[data-v-9859428c]{opacity:0;transform:translate(-50%) translateY(16px)}:root{--primary: #15a9ee;--primary-light: #0ff8e6;--primary-dark: #08abf1;--secondary: #F59E0B;--secondary-light: #FBBF24;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--success: #10B981;--success-light: #D1FAE5;--success-hover: #059669;--warning: #F59E0B;--warning-light: #FEF3C7;--error: #EF4444;--error-light: #FEE2E2;--danger: #EF4444;--danger-light: #FEE2E2;--danger-hover: #DC2626;--info: #3B82F6;--info-light: #DBEAFE;--bg-primary: #FFFFFF;--bg-secondary: #F9FAFB;--bg-tertiary: #F3F4F6;--text-primary: #111827;--text-secondary: #4B5563;--text-tertiary: #9CA3AF;--text-inverse: #FFFFFF;--border-color: #E5E7EB;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 400;--z-toast: 500;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden;max-width:768px;margin:0 auto}#app{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;outline:none}button:disabled{cursor:not-allowed;opacity:.6}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.container{max-width:768px;margin:0 auto;padding:0 var(--space-md)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn var(--transition-normal) ease forwards}.animate-slideUp{animation:slideUp var(--transition-normal) ease forwards}.page-container{flex:1;padding-bottom:calc(70px + var(--safe-bottom));background:var(--bg-secondary)}.page-content{max-width:768px;margin:0 auto;padding:var(--space-md)}.card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-md);margin-bottom:var(--space-md);transition:box-shadow var(--transition-fast)}.card:active{box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:14px;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast);min-height:44px;min-width:44px}.btn-primary{background:var(--primary);color:var(--text-inverse)}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-outline{border:1px solid var(--border-color);background:transparent;color:var(--text-primary)}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary)}.badge-primary{background:var(--primary);color:var(--text-inverse)}.badge-success{background:#10b9811a;color:var(--success)}.input{width:100%;padding:var(--space-sm) var(--space-md);font-size:16px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);transition:border-color var(--transition-fast);min-height:44px}.input:focus{border-color:var(--primary);outline:none}.avatar{width:48px;height:48px;border-radius:var(--radius-full);object-fit:cover;background:var(--bg-tertiary)}.avatar-sm{width:32px;height:32px}.avatar-lg{width:64px;height:64px}.avatar-xl{width:80px;height:80px}.rating{display:inline-flex;align-items:center;gap:2px;color:var(--secondary);font-size:14px}.rating-value{color:var(--text-secondary);margin-left:var(--space-xs)}.lang-tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary)}.lang-tag-arrow{color:var(--gray-400)}