:root{--bg: #F5F3F0;--primary: #3730A3;--primary-l: #EEF2FF;--primary-m: #4338CA;--accent: #F59E0B;--green: #16A34A;--green-l: #DCFCE7;--red: #DC2626;--red-l: #FEF2F2;--wa: #25D366;--tg: #2AABEE;--surface: #FFFFFF;--surface2: #F9F8F6;--border: #E8E5E0;--text: #1A1614;--text2: #6B6560;--text3: #9E9894;--font: "Manrope", sans-serif;--radius: 16px;--radius-sm: 10px;--topbar-h: 52px;--tabbar-h: 60px;--shadow: 0 2px 12px rgba(0, 0, 0, .06);--shadow-md: 0 4px 24px rgba(0, 0, 0, .1)}[data-theme=dark]{--bg: #121218;--primary: #818CF8;--primary-l: #1E1B4B;--primary-m: #818CF8;--accent: #FBBF24;--green: #34D399;--green-l: #064E3B;--red: #F87171;--red-l: #450A0A;--surface: #1E1E2A;--surface2: #2A2A3A;--border: #2E2E40;--text: #E8E8EE;--text2: #9E9EB0;--text3: #6B6B80;--shadow: 0 2px 12px rgba(0, 0, 0, .2);--shadow-md: 0 4px 24px rgba(0, 0, 0, .3);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;-webkit-appearance:none}input,select,textarea{font:inherit;color:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}.app-shell{min-height:100dvh;display:flex;flex-direction:column}body{padding-top:var(--topbar-h)}.page-content{flex:1;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));max-width:480px;margin:0 auto;width:100%;overflow-x:hidden}.topbar{position:fixed;top:0;left:0;right:0;max-width:480px;margin:0 auto;z-index:100;height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.tab-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;height:var(--tabbar-h);max-width:480px;margin:0 auto;background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom);will-change:transform;contain:layout style}.tab-bar-item{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:64px;min-height:44px;justify-content:center;color:var(--text3);font-size:10px;font-weight:500;transition:color .15s}.tab-bar-item.active{color:var(--primary);font-weight:700}.tab-bar-item.active svg{stroke:var(--primary)}.tab-bar-item[data-tab=bikes]:not(.active){color:var(--accent)}.tab-bar-item[data-tab=bikes]:not(.active) svg{stroke:var(--accent)}.tab-bar-item:not(.active):not([data-tab=bikes]){color:var(--text3)}.tab-bar-item svg{width:22px;height:22px}.tab-badge{position:absolute;top:4px;right:8px;background:var(--primary);color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.tab-bar-item{position:relative}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-sm);padding:12px 20px;font-weight:600;font-size:14px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:opacity .15s}.btn-primary:active{opacity:.85}.btn-wa{background:var(--wa);color:#fff;border-radius:var(--radius-sm);padding:12px 20px;font-weight:600;font-size:14px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-tg{background:var(--tg);color:#fff;border-radius:var(--radius-sm);padding:12px 20px;font-weight:600;font-size:14px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px}section{padding:20px 16px}.container{max-width:480px;margin:0 auto;width:100%}.chip{display:inline-flex;align-items:center;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500;min-height:32px;background:var(--surface);border:1.5px solid var(--border);color:var(--text2);transition:all .15s;white-space:nowrap}.chip.active{background:var(--surface);border:1.5px solid var(--primary);color:var(--primary)}.chip.active svg{stroke:var(--primary);color:var(--primary)}.h-scroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 16px}.h-scroll::-webkit-scrollbar{display:none}.h-scroll>*{scroll-snap-align:start;flex-shrink:0}.topbar-logo{display:flex;align-items:center;gap:8px}.topbar-logo-icon{color:var(--primary)}.topbar-logo-icon svg{stroke:var(--primary)}.topbar-logo-text{font-size:16px;font-weight:800;color:var(--primary)}.logo-lite{color:var(--text3);font-weight:500}.topbar-right{display:flex;align-items:center;gap:10px}.topbar-rating{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);font-size:12px;font-weight:600;color:var(--text);white-space:nowrap}.rating-star{color:#fbbf24;font-size:13px}.rating-count{color:var(--text3);font-weight:400}.lang-switcher{position:relative}.lang-switcher-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;min-height:32px;color:var(--text);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);transition:background .15s}.lang-switcher-btn:hover{background:var(--surface2)}.lang-flag{font-size:16px;line-height:1}.lang-code{font-size:11px;font-weight:600}.lang-dropdown{display:none;position:absolute;top:100%;right:0;margin-top:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);min-width:140px;z-index:200;overflow:hidden}.lang-switcher.open .lang-dropdown{display:block}.lang-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:13px;color:var(--text);text-align:left;transition:background .1s;min-height:44px}.lang-dropdown-item:hover{background:var(--surface2)}.lang-dropdown-item.active{color:var(--primary);font-weight:600}.guide-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;z-index:90;transition:background .2s}.guide-menu-overlay.visible{background:#0000004d}.guide-micro-menu{position:fixed;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 8px);left:50%;transform:translate(-50%) translateY(20px);opacity:0;z-index:95;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:8px;display:flex;flex-direction:column;gap:4px;min-width:200px;transition:opacity .2s,transform .2s}.guide-micro-menu.visible{opacity:1;transform:translate(-50%) translateY(0)}.guide-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--text);min-height:44px;transition:background .1s}.guide-menu-item:hover{background:var(--surface2)}.guide-menu-item svg{color:var(--primary);flex-shrink:0}.cookie-banner{position:fixed;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));left:50%;transform:translate(-50%) translateY(100%);width:100%;max-width:480px;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 16px #00000014;color:var(--text);padding:12px 16px;display:flex;align-items:center;gap:8px;font-size:12px;border-radius:var(--radius) var(--radius) 0 0;z-index:150;cursor:pointer;transition:transform .3s ease}.cookie-banner.visible{transform:translate(-50%) translateY(0)}.cookie-link{color:var(--primary);font-weight:600;text-decoration:underline}