button,input,select,textarea{font:inherit}img{max-width:100%;display:block}a{color:inherit}body,#root{overflow-x:hidden}.login-screen{background:var(--bg);justify-content:flex-end}.login-bg-texture{pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");background-size:256px 256px;position:absolute;inset:0}.login-content{z-index:1;padding:72px var(--screen-pad) 56px;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:0;display:flex;position:relative}.login-logo-block{text-align:center;margin-bottom:48px}.splash-logo{width:220px;height:auto;margin:0 auto}.login-tagline{color:var(--white-70);letter-spacing:.04em;text-transform:uppercase;margin-top:12px;font-size:.95rem;font-weight:500}.login-actions{flex-direction:column;align-items:center;gap:14px;width:100%;margin-top:auto;margin-bottom:24px;display:flex}.login-actions .btn-pill{width:auto;max-width:none;height:44px;padding:0 40px}.login-shop-link{cursor:pointer;font-family:var(--font-body);color:var(--white-40);transition:color var(--ease);background:0 0;border:none;margin-bottom:16px;padding:4px;font-size:.8rem}.login-shop-link:hover{color:var(--white-70)}.login-fine-print{color:var(--white-40);text-align:center;font-size:.75rem;line-height:1.5}.login-fine-print a{color:var(--accent);text-decoration:none}.shop-screen{--shop-bg:#c49a0a;--shop-bg-input:#ffffff26;--shop-text:#1a1500;--shop-text-70:#1a1500b8;--shop-text-40:#1a150073;--shop-text-20:#1a150033;--shop-border:#1a15004d;--shop-input-border:#1a150073;--shop-card-bg:#ffffff47;--shop-rating:#128d93}.screen.shop-screen{background:var(--shop-bg);color:var(--shop-text)}.shop-text-70{color:var(--shop-text-70)}.shop-app-header{padding:18px var(--screen-pad);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.shop-header-logo-btn{cursor:pointer;background:0 0;border:none;padding:0}.shop-header-logo{filter:brightness(0);width:70px;height:auto}.shop-header-icons{align-items:center;gap:4px;display:flex}.shop-icon-btn{cursor:pointer;width:40px;height:40px;color:var(--shop-text);transition:background var(--ease);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.shop-icon-btn:hover{background:#1a15001a}.shop-icon-btn svg{width:22px;height:22px}.shop-nav-backdrop{z-index:90;background:#00000073;position:fixed;inset:0}.shop-nav-drawer{background:var(--shop-bg);border-left:1px solid var(--shop-border);width:min(320px,100vw);padding:80px var(--screen-pad) 40px;z-index:100;flex-direction:column;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.shop-nav-drawer--open{transform:translate(0)}.shop-nav-list{flex-direction:column;gap:4px;list-style:none;display:flex}.shop-nav-item{cursor:pointer;text-align:left;width:100%;font-family:var(--font-display);letter-spacing:.04em;color:var(--shop-text);border:none;border-bottom:1px solid var(--shop-border);transition:opacity var(--ease);background:0 0;padding:14px 0;font-size:1.2rem}.shop-nav-item:active{opacity:.7}.shop-nav-divider{background:var(--shop-border);height:1px;margin:24px 0}.shop-nav-item--logout{color:var(--shop-text-70);border-bottom:none;font-size:1.1rem}.shop-section-label{font-family:var(--font-body);color:var(--shop-text);font-size:.95rem;font-weight:700}.shop-input-group{flex-direction:column;gap:4px;display:flex}.shop-input-row{gap:12px;display:flex}.shop-input-row .shop-input-group{flex:1}.shop-input-group--narrow{flex:0 0 84px!important}.shop-input-label{text-transform:uppercase;letter-spacing:.08em;color:var(--shop-text-70);font-size:.78rem;font-weight:700}.shop-input-field{background:var(--shop-bg-input);border:1px solid var(--shop-input-border);border-radius:var(--radius-input);width:100%;color:var(--shop-text);font-family:var(--font-body);transition:border-color var(--ease), background var(--ease);outline:none;padding:12px 16px;font-size:1rem}.shop-input-field::placeholder{color:var(--shop-text-40)}.shop-input-field:focus{border-color:var(--shop-text)}.shop-input-help{color:var(--shop-text-40);font-size:.78rem}.shop-radio-row{color:var(--shop-text);cursor:pointer;align-items:center;gap:10px;padding:6px 0;font-size:.95rem;font-weight:600;display:flex}.shop-radio-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.shop-radio-dot{border:2px solid var(--shop-text);border-radius:50%;flex-shrink:0;width:20px;height:20px;position:relative}.shop-radio-input:checked+.shop-radio-dot:after{content:"";background:var(--shop-text);border-radius:50%;position:absolute;inset:3px}.shop-radio-input:focus-visible+.shop-radio-dot{outline:2px solid var(--shop-text);outline-offset:2px}.shop-btn-save{border-radius:var(--radius-pill);background:var(--shop-text);width:100%;height:48px;color:var(--shop-bg);font-family:var(--font-body);letter-spacing:.03em;cursor:pointer;transition:opacity var(--ease), transform var(--ease);border:none;font-size:.95rem;font-weight:700}.shop-btn-save:active{transform:scale(.98)}.shop-btn-save:disabled{opacity:.6;cursor:default}.shop-btn-outline{border:2px solid var(--shop-text);color:var(--shop-text);border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;white-space:nowrap;transition:background var(--ease), opacity var(--ease);background:0 0;padding:8px 18px;font-size:.85rem;font-weight:700}.shop-btn-outline:hover:not(:disabled){background:#1a150014}.shop-btn-outline:disabled{opacity:.55;cursor:default}.shop-btn-outline--block{white-space:normal;width:100%;height:46px;font-size:.9rem}.shop-card{background:var(--shop-card-bg);border:1px solid var(--shop-border);border-radius:var(--radius-card)}.shop-star-rating{gap:1px;display:flex}.shop-star{font-size:1.1rem;line-height:1}.shop-star--full{color:var(--shop-rating,#128d93)}.shop-star--half{color:var(--shop-rating,#128d93);opacity:.5}.shop-star--empty{color:var(--shop-text-20)}.shop-profile-msg{font-size:.85rem;font-weight:600}.shop-profile-msg.success{color:#1f6b2f}.shop-profile-msg.error{color:#8a1f1f}.screen.shop-screen.shop-auth-screen{background:radial-gradient(ellipse 60% 40% at 80% 0%, #1a150014 0%, transparent 60%), var(--shop-bg)}.shop-auth-topbar{padding:18px var(--screen-pad);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.shop-auth-back-btn{color:var(--shop-text-70);font-family:var(--font-body);cursor:pointer;transition:color var(--ease);background:0 0;border:none;padding:6px 0;font-size:.9rem}.shop-auth-back-btn:hover{color:var(--shop-text)}.shop-auth-body{padding:12px var(--screen-pad) 48px;flex-direction:column;flex:1;display:flex}.shop-auth-heading{font-family:var(--font-display);letter-spacing:.02em;color:var(--shop-text);margin-bottom:6px;font-size:clamp(2rem,8vw,3rem);line-height:1.1}.shop-auth-sub{margin-bottom:32px;font-size:.95rem}.shop-auth-form{flex-direction:column;flex:1;gap:18px;display:flex}.shop-auth-error{color:#8a1f1f;background:#8a1f1f1a;border:1px solid #8a1f1f4d;border-radius:8px;padding:10px 14px;font-size:.85rem}.shop-auth-switch{text-align:center;color:var(--shop-text-70);margin-top:24px;font-size:.88rem}.shop-auth-link-btn{color:var(--shop-text);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;padding:0;font-size:.88rem;font-weight:700;text-decoration:underline}.auth-screen{background:radial-gradient(ellipse 60% 40% at 80% 0%, #c9960c14 0%, transparent 60%), var(--bg)}.auth-logo{width:80px;height:auto}.auth-topbar{padding:18px var(--screen-pad);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.auth-back-btn{color:var(--white-70);font-family:var(--font-body);cursor:pointer;transition:color var(--ease);background:0 0;border:none;padding:6px 0;font-size:.9rem}.auth-back-btn:hover{color:var(--white)}.auth-body{padding:12px var(--screen-pad) 48px;flex-direction:column;flex:1;display:flex}.auth-heading{margin-bottom:6px;line-height:1.1;color:var(--accent)!important;font-size:clamp(2rem,8vw,3rem)!important}.auth-sub{margin-bottom:32px;font-size:.95rem}.auth-form{flex-direction:column;flex:1;gap:18px;display:flex}.auth-submit{align-self:center;width:auto;max-width:none;margin-top:8px;padding:0 32px}.auth-error{color:#ff6b6b;background:#ff6b6b1a;border:1px solid #ff6b6b40;border-radius:8px;padding:10px 14px;font-size:.85rem}.auth-switch{text-align:center;color:var(--white-70);margin-top:24px;font-size:.88rem}.auth-link-btn{color:var(--accent);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;padding:0;font-size:.88rem;text-decoration:underline}.auth-skip-btn{color:var(--white-40);font-family:var(--font-body);cursor:pointer;text-align:center;transition:color var(--ease);background:0 0;border:none;margin-top:16px;padding:8px;font-size:.85rem}.auth-skip-btn:hover{color:var(--white-70)}.strava-screen{background:radial-gradient(ellipse 70% 45% at 15% 5%, #fc4c0212 0%, transparent 55%), radial-gradient(ellipse 60% 40% at 85% 0%, #c9960c12 0%, transparent 60%), var(--bg)}.strava-badge{color:#fc4c02;background:#fc4c021f;border:1px solid #fc4c0240;border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px 6px 8px;font-size:.85rem;font-weight:600;display:inline-flex}.strava-logo-icon{color:#fc4c02;width:18px;height:18px}.strava-desc{margin-bottom:20px!important}.strava-perms{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);flex-direction:column;gap:10px;margin-bottom:28px;padding:16px;list-style:none;display:flex}.strava-perms li{color:var(--white-70);align-items:center;gap:10px;font-size:.9rem;display:flex}.perm-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.strava-connect-wrap{justify-content:center;margin-top:8px;display:flex}.strava-connect-btn{cursor:pointer;width:auto;height:48px;transition:opacity .15s}.strava-connect-btn:hover{opacity:.85}.strava-connect-btn:active{opacity:.7}.prm-backdrop{z-index:200;background:#000000b8;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.prm-sheet{background:#1e1a08;border-top:1px solid #c9960c4d;border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:480px;max-height:92dvh;display:flex;overflow:hidden}.prm-header{border-bottom:1px solid #ffffff14;flex-shrink:0;padding:20px 20px 16px}.prm-heading{letter-spacing:.05em;color:var(--accent);margin:0 0 4px;font-family:Bebas Neue,sans-serif;font-size:1.8rem;line-height:1}.prm-subheading{color:var(--white-40);margin:0;font-size:.83rem;line-height:1.5}.prm-rides{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:12px;padding:12px 16px;display:flex;overflow-y:auto}.prm-ride-card{border-radius:var(--radius-card);background:#ffffff0a;border:1px solid #ffffff1a;flex-direction:column;gap:12px;padding:14px;display:flex}.prm-ride-header{align-items:flex-start;gap:12px;display:flex}.prm-bike-icon-wrap{width:40px;height:40px;color:var(--accent);background:#c9960c1f;border:1px solid #c9960c40;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;display:flex}.prm-bike-icon{width:100%;height:100%}.prm-ride-info{flex-direction:column;gap:2px;min-width:0;display:flex}.prm-bike-name{letter-spacing:.07em;text-transform:uppercase;color:var(--accent);opacity:.9;font-size:.72rem;font-weight:700}.prm-ride-name{color:var(--white);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:600;line-height:1.3;overflow:hidden}.prm-ride-meta{color:var(--white-40);font-size:.78rem}.prm-conditions{gap:8px;display:flex}.prm-condition-pill{border-radius:var(--radius-pill);color:var(--white-70);cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:1.5px solid #ffffff26;flex:1;padding:8px 4px;font-size:.78rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.prm-condition-pill:hover{color:var(--white);border-color:#c9960c80}.prm-condition-pill--active{background:var(--accent);border-color:var(--accent);color:#000;font-weight:700}.prm-edit-btn{color:var(--white-40);letter-spacing:.04em;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:999px;flex-shrink:0;align-self:flex-start;padding:4px 10px;font-size:.72rem;font-weight:600;transition:border-color .15s,color .15s}.prm-edit-btn:hover,.prm-edit-btn--active{border-color:var(--accent);color:var(--accent)}.prm-edit-form{border-top:1px solid #ffffff12;flex-direction:column;gap:12px;margin-top:4px;padding-top:4px;display:flex}.prm-edit-row{flex-direction:column;gap:8px;display:flex}.prm-edit-field-label{letter-spacing:.07em;text-transform:uppercase;color:var(--white-40);font-size:.7rem;font-weight:700}.prm-bike-select{width:100%;color:var(--white);cursor:pointer;appearance:none;background:#ffffff0f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(255,255,255,0.4)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 12px center no-repeat;border:1px solid #ffffff26;border-radius:10px;padding:10px 32px 10px 12px;font-size:.88rem;font-weight:500}.prm-bike-select option{color:var(--white);background:#1e1a08}.prm-toggle-type-btn{color:var(--white-70);cursor:pointer;text-align:center;background:0 0;border:1px solid #ffffff26;border-radius:999px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:border-color .15s,color .15s}.prm-toggle-type-btn:hover{color:var(--accent);border-color:#c9960c80}.prm-clear-btn{color:var(--white-40);cursor:pointer;text-align:left;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.78rem;font-weight:500;text-decoration:underline;transition:color .15s}.prm-clear-btn:hover{color:var(--white-70)}.prm-trainer-info{border-radius:var(--radius-pill);background:#ffffff0a;border:1px solid #ffffff1a;align-items:center;gap:10px;padding:10px 12px;display:flex}.prm-trainer-badge{color:#80c8ff;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#64b4ff1f;border:1px solid #64b4ff59;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:.73rem;font-weight:700}.prm-trainer-note{color:var(--white-40);margin:0;font-size:.78rem;line-height:1.4}.prm-warnings{flex-direction:column;gap:6px;display:flex}.prm-warnings-label{text-transform:uppercase;letter-spacing:.06em;color:var(--white-40);font-size:.73rem;font-weight:600}.prm-warning-badges{flex-wrap:wrap;gap:6px;display:flex}.prm-warning-badge{border-radius:999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;line-height:1.2;display:inline-flex}.prm-warning-badge--alert{color:var(--accent);background:#c9960c26;border:1px solid #c9960c66}.prm-warning-badge--critical{color:#ff6b7a;background:#ff475726;border:1px solid #ff475766}.prm-footer{padding:16px 20px max(env(safe-area-inset-bottom), 20px);background:#1e1a08;border-top:1px solid #ffffff14;flex-direction:column;flex-shrink:0;align-items:center;gap:12px;display:flex}.prm-done-btn{width:100%;max-width:340px}.prm-skip{color:var(--white-40);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.85rem;font-weight:500;transition:color .15s}.prm-skip:hover{color:var(--white-70)}.prm-no-wheels-warning{color:#c9960c;background:#c9960c1f;border:1px solid #c9960c4d;border-radius:8px;padding:8px 12px;font-size:.8rem}.prm-no-wheels-link{color:#c9960c;font-weight:600;text-decoration:underline}.landing-screen{background:radial-gradient(ellipse 90% 40% at 50% -5%, #c9960c21 0%, transparent 65%), var(--bg)}.landing-body{padding:1rem var(--screen-pad) 40px;flex-direction:column;flex:1;gap:32px;display:flex}.landing-greeting{flex-direction:column;gap:0;display:flex}.landing-welcome-sub{text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.9rem;font-weight:500}.landing-yo{font-family:var(--font-marker);color:var(--accent);font-size:clamp(1.4rem,6vw,2.2rem);line-height:1.1}.action-buttons{flex-direction:column;align-items:center;gap:14px;display:flex}.action-btn{width:75%;max-width:75%;height:44px;padding:0 28px}.landing-stats{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);align-items:center;gap:0;padding:16px;display:flex}.stat-pill{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.07em;color:var(--white-40);font-size:.72rem}.stat-value{font-family:var(--font-display);letter-spacing:.03em;font-size:1.5rem;line-height:1}.stat-divider{background:var(--border);flex-shrink:0;width:1px;height:36px}.ptr-indicator{justify-content:center;align-items:center;height:32px;margin-bottom:-8px;transition:opacity .15s;display:flex}.ptr-spinner{border:2px solid #c9960c40;border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.65s linear infinite ptr-spin}@keyframes ptr-spin{to{transform:rotate(360deg)}}.add-bike-screen{background:radial-gradient(ellipse 100% 50% at 50% 30%, #c9960c1a 0%, transparent 70%), var(--bg)}.add-bike-body{padding:8px var(--screen-pad) 16px;flex-direction:column;flex:1;display:flex;overflow:hidden}.bike-dots{gap:8px;margin-bottom:16px;display:flex}.bike-dot{background:var(--white-15);cursor:pointer;width:8px;height:8px;transition:background var(--ease), transform var(--ease);border:none;border-radius:50%;padding:0}.bike-dot.active{background:var(--accent);transform:scale(1.3)}.add-bike-type-label{margin-bottom:4px;font-size:clamp(2.2rem,12vw,3.5rem)}.add-bike-tagline{margin-bottom:20px;font-size:.88rem}.bike-carousel{flex:1;align-items:center;gap:0;min-height:0;display:flex;position:relative}.carousel-stage{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.bike-image-wrap{aspect-ratio:1.4;z-index:2;justify-content:center;align-items:center;width:100%;max-width:300px;display:flex;position:relative}.bike-image{object-fit:contain;filter:drop-shadow(0 16px 40px #c9960c2e);-webkit-user-select:none;user-select:none;width:100%;height:100%;animation:3.5s ease-in-out infinite bikeFloat}@keyframes bikeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.terrain-wrap{z-index:1;width:100%;max-width:280px;margin-top:-60px;position:relative}.terrain-wrap--tarmac{margin-top:-100px}.terrain-image{object-fit:contain;opacity:.85;-webkit-user-select:none;user-select:none;width:100%}.carousel-arrow{background:var(--white-15);border:1px solid var(--border);cursor:pointer;width:44px;height:44px;transition:background var(--ease), transform var(--ease);color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.carousel-arrow:hover{background:#fff3}.carousel-arrow:active{transform:scale(.92)}.carousel-arrow svg{width:20px;height:20px}.bike-picker-group{margin-top:16px}.pad-type-group{margin-top:12px}.pad-type-picker{gap:10px;display:flex}.pad-type-btn{border-radius:var(--radius-pill);border:2px solid var(--border);background:var(--bg-input);color:var(--white-70);font-family:var(--font-body);letter-spacing:.03em;cursor:pointer;transition:border-color var(--ease), background var(--ease), color var(--ease);flex:1;padding:14px 12px;font-size:.95rem;font-weight:600}.pad-type-btn:hover:not(.pad-type-btn--selected){color:var(--white);border-color:#ffffff4d}.pad-type-btn--selected{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.add-brake-note{color:var(--accent);opacity:.85;padding:6px 4px;font-size:.82rem}.input-field option{background:var(--bg-dark);color:var(--white)}.bike-picker-loading{color:var(--white-40);padding:12px 0;font-size:.88rem}.bike-picker-empty{color:var(--white-70);padding:12px 0;font-size:.88rem;line-height:1.5}.bike-picker-empty a{color:var(--accent);text-decoration:underline}.add-bike-success{color:#6fcf7a;text-align:center;background:#6fcf7a1a;border:1px solid #6fcf7a40;border-radius:10px;width:100%;padding:10px 16px;font-size:.9rem;font-weight:600;animation:.2s fadeIn}.add-bike-error{color:#ff6b6b;text-align:center;background:#ff6b6b1a;border:1px solid #ff6b6b40;border-radius:10px;width:100%;padding:10px 16px;font-size:.88rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.add-bike-footer{padding:16px var(--screen-pad) 40px;background:linear-gradient(to top, var(--bg) 70%, transparent);flex-direction:column;align-items:center;gap:4px;display:flex}.add-bike-footer .btn-pill{max-width:100%}.components-body{overflow-y:auto}.components-heading{flex-direction:column;gap:4px;padding-bottom:8px;display:flex}.components-subheading{font-size:.9rem}.components-list{flex-direction:column;gap:8px;display:flex}.component-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-input);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--ease), background var(--ease);align-items:center;gap:14px;padding:14px 16px;display:flex}.component-item:has(.component-checkbox:checked){border-color:var(--accent);background:var(--accent-dim)}.component-checkbox{opacity:0;width:0;height:0;position:absolute}.component-check-visual{border:2px solid var(--border);width:22px;height:22px;transition:border-color var(--ease), background var(--ease);background:0 0;border-radius:6px;flex-shrink:0;position:relative}.component-item:has(.component-checkbox:checked) .component-check-visual{background:var(--accent);border-color:var(--accent)}.component-check-visual:after{content:"";border:2px solid #000;border-top:none;border-left:none;width:5px;height:10px;display:none;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.component-item:has(.component-checkbox:checked) .component-check-visual:after{display:block}.component-label{color:var(--white);font-size:.95rem;font-weight:500}.mileage-body{overflow-y:auto}.mileage-heading{flex-direction:column;gap:10px;padding-bottom:20px;display:flex}.mileage-intro-text{color:var(--white-70);font-size:.95rem;font-weight:600;line-height:1.5}.mileage-form{flex-direction:column;gap:16px;display:flex}.mtb-settings-body{gap:0;overflow-y:auto}.mtb-step-header{flex-direction:column;gap:6px;padding-bottom:24px;display:flex}.mtb-type-label{font-family:var(--font-marker);color:var(--accent);font-size:clamp(1.8rem,10vw,2.6rem);line-height:1.1}.mtb-bike-nav{align-items:center;gap:10px;display:flex}.mtb-bike-nav .carousel-arrow{flex-shrink:0;width:34px;height:34px}.mtb-bike-nav .carousel-arrow:disabled{opacity:.3;cursor:default}.mtb-bike-nav .carousel-arrow svg{width:16px;height:16px}.mtb-bike-nav-name{font-family:var(--font-body);color:var(--white);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:1rem;font-weight:600;overflow:hidden}.mtb-settings-title{margin-top:4px;font-size:clamp(1.6rem,8vw,2.2rem)}.mtb-component-section{flex-direction:column;gap:10px;margin-bottom:8px;padding-bottom:28px;display:flex}.mtb-section-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--accent);font-size:1.5rem}.mtb-section-divider{background:var(--border);height:1px;margin-bottom:2px}.mtb-note{color:var(--white-70);font-size:.88rem;font-style:italic}.mtb-note-body{color:var(--white-70);font-size:.92rem;line-height:1.55}.mtb-note-body strong{color:var(--white);font-weight:700}.interval-options{flex-direction:column;gap:8px;margin-top:4px;display:flex}.interval-option{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-input);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--ease), background var(--ease);align-items:center;gap:14px;padding:13px 16px;display:flex}.interval-option:has(.interval-radio:checked){border-color:var(--accent);background:var(--accent-dim)}.interval-radio{opacity:0;width:0;height:0;position:absolute}.interval-radio-visual{border:2px solid var(--border);width:22px;height:22px;transition:border-color var(--ease), background var(--ease);background:0 0;border-radius:50%;flex-shrink:0;position:relative}.interval-option:has(.interval-radio:checked) .interval-radio-visual{border-color:var(--accent);background:var(--accent)}.interval-radio-visual:after{content:"";background:#000;border-radius:50%;width:8px;height:8px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.interval-option:has(.interval-radio:checked) .interval-radio-visual:after{display:block}.interval-option-label{color:var(--white);font-size:.95rem;font-weight:500}.interval-sub{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-input);flex-direction:column;gap:14px;margin-top:4px;padding:16px;display:flex}.interval-sub-field{flex-direction:column;gap:8px;display:flex}.interval-sub-title{text-transform:uppercase;letter-spacing:.08em;color:var(--white-70);font-size:.78rem;font-weight:700}.interval-input-row{gap:10px;min-width:0;display:flex}.interval-number-input{flex:1;min-width:0}.interval-unit-select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-input);width:auto;color:var(--white);font-family:var(--font-body);cursor:pointer;transition:border-color var(--ease), background var(--ease);appearance:auto;outline:none;flex-shrink:0;padding:15px 12px;font-size:1rem}.interval-unit-select:focus{border-color:var(--accent);background:#ffffff1c}.interval-unit-select option{background:var(--bg-dark);color:var(--white)}.quiver-screen{background:radial-gradient(ellipse 120% 40% at 50% 0%, #c9960c14 0%, transparent 65%), var(--bg);height:100dvh;overflow:hidden auto}.quiver-body{padding:1rem var(--screen-pad) 40px;flex-direction:column;flex:1;display:flex}.quiver-heading{margin-bottom:28px}.quiver-heading-sub{font-family:var(--font-display);color:var(--white-70);letter-spacing:.05em;margin-bottom:6px;font-size:clamp(1.3rem,7vw,2rem);line-height:1}.quiver-heading-main{font-family:var(--font-marker);color:var(--accent);letter-spacing:.01em;font-size:clamp(2rem,9vw,3.5rem);line-height:1.1}.quiver-cards{flex-direction:column;gap:16px;margin-bottom:36px;display:flex}.quiver-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);cursor:pointer;flex-direction:column;display:flex;overflow:hidden}.quiver-card--loading,.quiver-card--error{min-height:180px}.quiver-card-img-wrap{background:radial-gradient(90% 80% at 50% 60%,#c9960c21 0%,#0000 70%);justify-content:center;align-items:flex-end;width:100%;padding:28px 48px 0;display:flex}.quiver-card-img{object-fit:contain;filter:drop-shadow(0 10px 28px #00000073);-webkit-user-select:none;user-select:none;width:100%;max-width:280px;height:auto;display:block}.quiver-card-img-placeholder{background:var(--white-15);border-radius:10px;height:110px;margin:20px 20px 0;animation:1.6s ease-in-out infinite quiver-shimmer}@keyframes quiver-shimmer{0%,to{opacity:.25}50%{opacity:.5}}.quiver-skeleton{background:var(--white-15);border-radius:6px;animation:1.6s ease-in-out infinite quiver-shimmer}.quiver-skeleton--name{width:60%;height:28px}.quiver-skeleton--sub{width:40%;height:16px}.quiver-card-body{flex-direction:column;gap:14px;padding:16px 20px 20px;display:flex}.quiver-card-name{font-family:var(--font-display);color:var(--accent);letter-spacing:.04em;font-size:clamp(1.8rem,9vw,2.6rem);line-height:1}.quiver-card-status{align-items:center;gap:18px;display:flex}.quiver-card-counts{flex-direction:column;gap:5px;display:flex}.quiver-count-critical{color:#ff4757;font-size:.95rem;font-weight:700;line-height:1.2}.quiver-count-alerts{color:var(--white);font-size:.88rem;font-weight:500;line-height:1.2}.quiver-card-error-msg{color:var(--white-40);font-size:.88rem}.quiver-see-more{color:var(--accent);border:1px solid var(--accent);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-pill);cursor:pointer;max-width:100%;transition:background var(--ease), border-color var(--ease);background:0 0;padding:12px 24px;font-size:.82rem;font-weight:700}.quiver-see-more:hover,.quiver-card:hover .quiver-see-more{background:#c9960c1f}.quiver-see-more:active{transform:scale(.97)}.quiver-status-text{color:var(--white-40);padding:12px 0;font-size:.9rem}.quiver-error{color:#ff6b6b;flex-direction:column;gap:14px;padding:12px 0 24px;font-size:.9rem;display:flex}.quiver-empty{color:var(--white-70);flex-direction:column;gap:6px;padding:12px 0 24px;font-size:.9rem;line-height:1.65;display:flex}.quiver-empty a{color:var(--accent);text-decoration:underline}.quiver-footer-links{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;margin-top:auto;padding:24px 0 8px;display:flex}.quiver-link{color:var(--white-70);font-family:var(--font-body);cursor:pointer;transition:color var(--ease);text-underline-offset:3px;background:0 0;border:none;padding:4px 2px;font-size:.82rem;font-weight:500;-webkit-text-decoration:underline #ffffff40;text-decoration:underline #ffffff40}.quiver-link:hover{color:var(--white);text-decoration-color:#fff9}.quiver-link-sep{color:var(--white-40);-webkit-user-select:none;user-select:none;font-size:.8rem;line-height:1}.inspector-screen{overflow:hidden}.inspector-loading,.inspector-error{padding:40px var(--screen-pad);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.inspector-loading-text,.inspector-error-text{color:var(--white-70);text-align:center;font-size:.95rem}.inspector-nav-header{padding:4px var(--screen-pad) 12px;flex-shrink:0;align-items:center;gap:12px;display:flex}.inspector-nav-arrow{background:var(--bg-card);border:1px solid var(--border);width:36px;height:36px;color:var(--white);cursor:pointer;transition:background var(--ease), opacity var(--ease);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.inspector-nav-arrow:hover{background:var(--white-15)}.inspector-nav-arrow:disabled{opacity:.25;cursor:default}.inspector-nav-arrow svg{width:18px;height:18px}.inspector-bike-name{text-align:center;font-family:var(--font-display);letter-spacing:.04em;color:var(--white);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:clamp(1.4rem,7vw,2rem);overflow:hidden}.inspector-body{flex-direction:column;flex:1;gap:0;padding-bottom:40px;display:flex;overflow-y:auto}.inspector-hero{padding:0 var(--screen-pad) 20px;flex-direction:column;align-items:center;gap:16px;display:flex}.inspector-hero-img-wrap{border-radius:var(--radius-card);background:var(--bg-card);border:1px solid var(--border);width:100%;position:relative;overflow:hidden}.inspector-hero-img{aspect-ratio:16/9;object-fit:contain;width:100%;padding:16px 20px 40px;display:block}.inspector-hero-banners{display:flex;position:absolute;bottom:0;left:0;right:0}.inspector-banner{font-family:var(--font-display);letter-spacing:.06em;text-align:center;flex:1;padding:8px 12px;font-size:.95rem}.inspector-banner--critical{color:#fff;background:#ff4757d9}.inspector-banner--alert{color:#000;background:#c9960ce6}.inspector-mechanic-btn{width:100%;max-width:100%}.inspector-mileage-strip{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);justify-content:center;align-items:center;gap:0;width:100%;padding:12px 20px;display:flex}.inspector-mileage-stat{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.inspector-mileage-label{letter-spacing:.07em;text-transform:uppercase;color:var(--white-40);font-size:.7rem;font-weight:700}.inspector-mileage-value{font-family:var(--font-display);letter-spacing:.04em;color:var(--white);font-size:1.5rem;line-height:1}.inspector-mileage-value--accent{color:var(--accent)}.inspector-mileage-divider{background:var(--border);flex-shrink:0;width:1px;height:36px;margin:0 8px}.inspector-wheels-strip{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);align-items:center;gap:0;width:100%;padding:10px 16px;display:flex}.inspector-wheels-stat{flex-direction:column;flex:1;gap:2px;display:flex}.inspector-wheels-label{letter-spacing:.07em;text-transform:uppercase;color:var(--white-40);font-size:.68rem;font-weight:700}.inspector-wheels-value{color:var(--white);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.9rem;font-weight:600;overflow:hidden}.inspector-wheels-miles{color:var(--white-40);letter-spacing:.03em;font-size:.72rem}.inspector-wheels-divider{background:var(--border);flex-shrink:0;width:1px;height:32px;margin:0 12px}.inspector-wheels-manage{color:var(--accent);letter-spacing:.04em;cursor:pointer;transition:opacity var(--ease);background:0 0;border:none;flex-shrink:0;padding:0;font-size:.8rem;font-weight:600}.inspector-wheels-manage:hover{opacity:.75}.inspector-sections{padding:0 var(--screen-pad);flex-direction:column;gap:12px;display:flex}.inspector-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden}.inspector-section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex}.inspector-section-title-row{align-items:center;gap:10px;display:flex}.inspector-section-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dot--ok{background:#128d93}.dot--due_soon{background:var(--accent)}.dot--due,.dot--overdue{background:#ff4757}.inspector-section-title{font-family:var(--font-display);letter-spacing:.06em;color:var(--white);font-size:1.1rem}.inspector-book-btn{border-radius:var(--radius-pill);font-family:var(--font-body);letter-spacing:.04em;cursor:pointer;transition:opacity var(--ease);border:none;padding:5px 14px;font-size:.8rem;font-weight:700}.inspector-book-btn:active{opacity:.75}.inspector-book-btn--soon{background:var(--accent);color:#000}.inspector-book-btn--urgent{color:#fff;background:#ff4757}.inspector-items{flex-direction:column;display:flex}.inspector-item{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;min-height:52px;padding:12px 16px 10px;display:flex}.inspector-item:last-child{border-bottom:none}.inspector-item-row{align-items:center;gap:10px;display:flex}.inspector-item-progress{background:#ffffff15;border-radius:3px;height:6px;overflow:hidden}.inspector-item-progress-fill{border-radius:3px;height:100%;transition:width .45s}.inspector-log-btn{background:var(--bg-input);border:1px solid var(--border);width:32px;height:32px;color:var(--white-70);cursor:pointer;transition:background var(--ease), color var(--ease), border-color var(--ease);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.inspector-log-btn:hover:not(:disabled){background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.inspector-log-btn:disabled{cursor:default;opacity:.5}.inspector-log-btn svg{width:16px;height:16px}.spinner-icon{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.inspector-item-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.inspector-item-label{color:var(--white);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.inspector-item-action{color:var(--white-40);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.inspector-status-pill{border-radius:var(--radius-pill);letter-spacing:.04em;white-space:nowrap;flex-shrink:0;padding:3px 9px;font-size:.72rem;font-weight:700}.inspector-status-pill--ok{color:#128d93;background:#128d9326}.inspector-status-pill--due_soon{color:var(--accent);background:#c9960c33}.inspector-status-pill--due,.inspector-status-pill--overdue{color:#ff4757;letter-spacing:.08em;background:#ff47572e}.inspector-learn-btn{font-family:var(--font-body);color:var(--accent);cursor:pointer;transition:color var(--ease), opacity var(--ease);background:0 0;border:none;flex-shrink:0;padding:4px 2px;font-size:.76rem;font-weight:600;-webkit-text-decoration:underline #c9960c66;text-decoration:underline #c9960c66}.inspector-learn-btn:hover{color:var(--accent-hover)}.inspector-footer{padding:28px var(--screen-pad) 8px;flex-direction:column;align-items:center;gap:8px;display:flex}.inspector-adjust-btn{width:100%;max-width:100%}.inspector-reset-link{font-family:var(--font-body);color:var(--white-40);cursor:pointer;transition:color var(--ease);background:0 0;border:none;padding:6px;font-size:.82rem;-webkit-text-decoration:underline #fff3;text-decoration:underline #fff3}.inspector-reset-link:hover{color:var(--white-70)}.inspector-forget-link{color:#dc505099;text-decoration-color:#dc505040}.inspector-forget-link:hover{color:#dc5050e6}.inspector-forget-confirm{border-radius:var(--radius-card);background:#c8282814;border:1px solid #c8282840;flex-direction:column;gap:12px;width:100%;padding:14px;display:flex}.inspector-forget-confirm-text{color:var(--white-70);text-align:center;font-size:.85rem;line-height:1.5}.inspector-forget-confirm-actions{gap:10px;display:flex}.inspector-forget-confirm-actions button{border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;transition:opacity var(--ease);border:none;flex:1;padding:10px;font-size:.88rem;font-weight:600}.inspector-forget-confirm-actions button:disabled{opacity:.5}.inspector-forget-cancel{background:var(--bg-input);color:var(--white-70)}.inspector-forget-delete{color:#fff;background:#c82828bf}.inspector-reset-confirm{border-radius:var(--radius-card);background:#c9960c14;border:1px solid #c9960c40;flex-direction:column;gap:12px;width:100%;padding:14px;display:flex}.inspector-reset-overhaul-btn{background:var(--accent);color:#000;font-weight:700}.inspector-log-error{margin:0 var(--screen-pad);border-radius:var(--radius-card);background:#c8282826;border:1px solid #c8282866;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.inspector-log-error p{color:#f87171;flex:1;margin:0;font-size:.83rem;line-height:1.4}.inspector-log-error button{color:#f87171b3;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:.78rem}.inspector-recent-rides{margin:8px var(--screen-pad) 0;flex-direction:column;gap:0;display:flex}.inspector-recent-rides-heading{font-family:var(--font-display);letter-spacing:.06em;color:var(--white-70);margin:0 0 8px;font-size:1.1rem}.inspector-recent-rides-loading{color:var(--white-40);justify-content:center;padding:20px 0;display:flex}.inspector-recent-rides-loading .spinner-icon{width:24px;height:24px}.inspector-recent-rides-empty{color:var(--white-40);margin:0;padding:12px 0;font-size:.83rem}.inspector-ride-row{border-bottom:1px solid var(--border);padding:12px 0}.inspector-ride-row:last-child{border-bottom:none}.inspector-ride-summary{align-items:center;gap:10px;display:flex}.inspector-ride-summary-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.inspector-ride-name{color:var(--white);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.inspector-ride-meta{color:var(--white-40);font-size:.75rem}.inspector-ride-summary-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.inspector-ride-badge{letter-spacing:.04em;white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:.7rem;font-weight:700}.inspector-ride-badge--dry{color:#7ecb6e;background:#64b4501f;border:1px solid #64b4504d}.inspector-ride-badge--wet{color:#7ab4f0;background:#508cdc1f;border:1px solid #508cdc4d}.inspector-ride-badge--muddy{color:#c9a067;background:#b4823c1f;border:1px solid #b4823c4d}.inspector-ride-badge--trainer{color:#80c8ff;background:#64b4ff1f;border:1px solid #64b4ff4d}.inspector-ride-badge--untagged{color:var(--white-40);background:#ffffff0d;border:1px solid #ffffff1a}.inspector-ride-edit-btn{color:var(--white-40);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff26;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:600;transition:border-color .15s,color .15s}.inspector-ride-edit-btn:hover,.inspector-ride-edit-btn--active{border-color:var(--accent);color:var(--accent)}.inspector-ride-edit-form{border-radius:var(--radius-card);background:#ffffff08;border:1px solid #ffffff14;flex-direction:column;gap:12px;margin-top:12px;padding:14px;display:flex}.inspector-ride-edit-field{flex-direction:column;gap:8px;display:flex}.inspector-ride-edit-label{letter-spacing:.07em;text-transform:uppercase;color:var(--white-40);font-size:.7rem;font-weight:700}.inspector-ride-select{width:100%;color:var(--white);appearance:none;background:#ffffff0f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(255,255,255,0.4)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 12px center no-repeat;border:1px solid #ffffff26;border-radius:10px;padding:10px 32px 10px 12px;font-size:.88rem;font-weight:500}.inspector-ride-select option{color:var(--white);background:#1e1a08}.inspector-ride-conditions{gap:8px;display:flex}.inspector-condition-pill{border-radius:var(--radius-pill);color:var(--white-70);cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:1.5px solid #ffffff26;flex:1;padding:8px 4px;font-size:.78rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.inspector-condition-pill:hover{color:var(--white);border-color:#c9960c80}.inspector-condition-pill--active{background:var(--accent);border-color:var(--accent);color:#000;font-weight:700}.inspector-trainer-badge-sm{color:#80c8ff;font-size:.78rem;font-weight:600}.inspector-ride-toggle-btn{color:var(--white-70);cursor:pointer;text-align:center;background:0 0;border:1px solid #ffffff26;border-radius:999px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:border-color .15s,color .15s}.inspector-ride-toggle-btn:hover{color:var(--accent);border-color:#c9960c80}.inspector-ride-clear-btn{color:var(--white-40);cursor:pointer;text-align:left;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.78rem;font-weight:500;text-decoration:underline;transition:color .15s}.inspector-ride-clear-btn:hover{color:var(--white-70)}.inspector-ride-edit-actions{justify-content:flex-end;display:flex}.inspector-ride-save-btn{width:auto;min-width:88px;height:36px;padding:0 18px;font-size:.85rem}.service-log-screen{overflow:hidden}.service-log-body{padding:8px var(--screen-pad) 32px;flex-direction:column;flex:1;gap:24px;display:flex;overflow-y:auto}.service-log-heading-sub{font-family:var(--font-display);color:var(--white-70);letter-spacing:.05em;margin-bottom:6px;font-size:clamp(1.3rem,7vw,2rem);line-height:1}.service-log-heading-main{font-family:var(--font-marker);color:var(--accent);letter-spacing:.01em;font-size:clamp(2rem,9vw,3.5rem);line-height:1.1}.service-log-card{border:2px solid var(--accent);border-radius:var(--radius-card);background:var(--bg-card);flex-direction:column;gap:20px;padding:20px;display:flex}.service-log-date{box-sizing:border-box;appearance:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;height:44px;padding:0 16px}.service-log-date::-webkit-calendar-picker-indicator{cursor:pointer}.service-log-loading{color:var(--white-40);padding:14px 0 2px;font-size:.88rem}.service-log-status-error{color:#ff4757e6;padding:8px 0;font-size:.88rem;line-height:1.5}.service-log-footer{padding:16px var(--screen-pad) 40px;border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;align-items:center;gap:12px;display:flex}.service-log-save-error{color:#ff4757;text-align:center;width:100%;font-size:.85rem}.msm-backdrop{z-index:200;background:#000000b8;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.msm-sheet{width:100%;max-width:480px;max-height:92dvh;padding:20px 20px calc(20px + env(safe-area-inset-bottom));background:#1e1a08;border-top:1px solid #c9960c4d;border-radius:24px 24px 0 0;flex-direction:column;display:flex;overflow:hidden}.msm-header{margin-bottom:16px}.msm-heading{letter-spacing:.05em;color:var(--accent);margin-bottom:4px;font-family:Bebas Neue,sans-serif;font-size:1.8rem;line-height:1}.msm-subheading{color:var(--white-40);font-size:.83rem;line-height:1.5}.msm-form{flex-direction:column;gap:14px;display:flex}.msm-textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-input);width:100%;color:var(--white);font-family:var(--font-body);resize:vertical;min-height:100px;transition:border-color var(--ease), background var(--ease);outline:none;padding:12px 16px;font-size:1rem}.msm-textarea::placeholder{color:var(--white-40)}.msm-textarea:focus{border-color:var(--accent);background:#ffffff1c}.msm-error{color:#ff6b6b;background:#ff6b6b1a;border:1px solid #ff6b6b40;border-radius:8px;padding:10px 14px;font-size:.85rem}.msm-footer{flex-direction:column;align-items:center;gap:10px;display:flex}.msm-send-btn{width:100%;max-width:none}.msm-cancel-btn{color:var(--white-40);font-family:var(--font-body);cursor:pointer;transition:color var(--ease);background:0 0;border:none;padding:4px;font-size:.85rem}.msm-cancel-btn:hover{color:var(--white-70)}.msm-confirm{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:12px 0 4px;display:flex}.msm-confirm-text{color:var(--white-70);margin-bottom:10px;font-size:.9rem;line-height:1.5}.msm-done-btn{width:100%;max-width:none}.book-screen{overflow:hidden}.book-body{flex-direction:column;flex:1;padding-bottom:40px;display:flex;overflow-y:auto}.book-heading{padding:4px var(--screen-pad) 12px;flex-shrink:0}.book-heading-main{font-family:var(--font-display);color:var(--white);letter-spacing:.02em;font-size:clamp(2.8rem,16vw,4.5rem);line-height:1}.book-subheading{font-family:var(--font-display);letter-spacing:.12em;color:var(--accent);text-transform:uppercase;margin-top:8px;font-size:1rem}.book-location-form{padding:0 var(--screen-pad) 16px;flex-direction:column;gap:12px;display:flex}.book-status-text{color:var(--white-70);text-align:center;padding:24px var(--screen-pad);font-size:.9rem}.book-status-text--error{color:#ff6b6b}.book-map-wrap{margin:0 var(--screen-pad) 16px;border-radius:var(--radius-card);border:1px solid var(--border);flex-shrink:0;position:relative;overflow:hidden}.book-map{width:100%;height:240px}.book-map-overlay{font-family:var(--font-display);letter-spacing:.08em;color:var(--accent);background:#2d2613bf;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;inset:0}.book-shops{padding:0 var(--screen-pad);flex-direction:column;gap:12px;display:flex}.book-card{border:1px solid var(--border);border-radius:var(--radius-card);transition:border-color var(--ease);background:#ffffff0d;flex-direction:column;gap:10px;padding:16px;display:flex}.book-card--partner{border-top:3px solid var(--accent);background:#c9960c0d}.book-card--featured{background:#128d930a;border-top:3px solid #128d93}.book-card--selected{border-color:var(--accent)}.book-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.book-card-header-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.book-badge{letter-spacing:.07em;text-transform:uppercase;border-radius:var(--radius-pill);white-space:nowrap;padding:3px 8px;font-size:.68rem;font-weight:700}.book-badge--partner{color:var(--accent);background:#c9960c2e;border:1px solid #c9960c66}.book-badge--featured{color:#128d93;background:#128d9326;border:1px solid #128d9359}.book-card-name{font-family:var(--font-display);letter-spacing:.04em;color:var(--accent);flex:1;font-size:1.2rem;line-height:1.2}.book-pin-btn{background:var(--bg-input);border:1px solid var(--border);width:32px;height:32px;color:var(--white-70);cursor:pointer;transition:background var(--ease), color var(--ease), border-color var(--ease);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.book-pin-btn:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.book-pin-btn svg{width:16px;height:16px}.book-card-meta{align-items:center;gap:6px;display:flex}.star-rating{gap:1px;display:flex}.star{font-size:.9rem;line-height:1}.star--full{color:var(--accent)}.star--half{color:var(--accent);opacity:.55}.star--empty{color:var(--white-15)}.book-card-rating-num{color:var(--white);font-size:.9rem;font-weight:700}.book-card-review-count{color:var(--white-40);font-size:.8rem}.book-card-details{flex-direction:column;gap:5px;display:flex}.book-card-detail{color:var(--white-70);align-items:flex-start;gap:8px;font-size:.82rem;line-height:1.45;display:flex}.book-card-detail-icon{flex-shrink:0;font-size:.82rem;line-height:1.45}.book-card-detail-text{flex:1}.book-card-link{color:var(--accent);transition:color var(--ease);word-break:break-all;flex:1;-webkit-text-decoration:underline #c9960c59;text-decoration:underline #c9960c59}.book-card-link:hover{color:var(--accent-hover)}.book-search-area-btn{background:var(--accent);color:#000;font-family:var(--font-body);letter-spacing:.05em;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;z-index:10;transition:opacity var(--ease);border:none;padding:8px 18px;font-size:.82rem;font-weight:700;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #00000080}.book-search-area-btn:hover{opacity:.88}.book-card-actions{flex-direction:column;gap:8px;margin-top:4px;display:flex}.book-contact-btn{max-width:100%;color:var(--white);border:1px solid var(--border);font-family:var(--font-body);letter-spacing:.03em;background:#00000073;font-size:1rem;font-weight:700}.book-contact-btn:hover{border-color:var(--white-40);background:#0009}.book-message-btn{max-width:100%}.admin-gate{background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.admin-gate-box{flex-direction:column;align-items:center;gap:4px;width:100%;max-width:360px;display:flex}.admin-gate-title{font-family:var(--font-display);letter-spacing:.12em;color:var(--white);margin-bottom:0;font-size:3rem}.admin-gate-sub{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:28px;font-size:.82rem}.admin-gate-form{flex-direction:column;gap:12px;width:100%;display:flex}.admin-screen{background:var(--bg);min-height:100dvh}.admin-body{flex-direction:column;gap:36px;max-width:680px;margin:0 auto;padding:40px 24px 60px;display:flex}.admin-heading{flex-direction:column;gap:2px;display:flex}.admin-heading-sub{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:.8rem}.admin-heading-main{font-family:var(--font-display);letter-spacing:.06em;color:var(--white);font-size:clamp(2rem,10vw,3rem);line-height:1}.admin-section{flex-direction:column;gap:14px;display:flex}.admin-section-title{font-family:var(--font-display);letter-spacing:.08em;color:var(--white-70);text-transform:uppercase;border-bottom:1px solid var(--border);padding-bottom:8px;font-size:1.1rem}.admin-muted{color:var(--white-40);font-size:.88rem}.admin-shops-list{flex-direction:column;gap:8px;display:flex}.admin-shop-row{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-input);align-items:center;gap:12px;padding:12px 14px;display:flex}.admin-shop-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.admin-shop-name{color:var(--white);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;overflow:hidden}.admin-shop-id{color:var(--white-40);white-space:nowrap;text-overflow:ellipsis;font-family:monospace;font-size:.72rem;overflow:hidden}.admin-badge{letter-spacing:.07em;text-transform:uppercase;border-radius:var(--radius-pill);flex-shrink:0;padding:3px 8px;font-size:.68rem;font-weight:700}.admin-badge--partner{color:var(--accent);background:#c9960c2e;border:1px solid #c9960c66}.admin-badge--featured{color:#128d93;background:#128d9326;border:1px solid #128d9359}.admin-find-form{gap:10px;display:flex}.admin-find-form .admin-input{flex:1}.admin-find-map-wrap{border-radius:var(--radius-card);border:1px solid var(--border);overflow:hidden}.admin-find-map{width:100%;height:260px}.admin-find-results{flex-direction:column;gap:4px;max-height:240px;display:flex;overflow-y:auto}.admin-find-row{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-input);cursor:pointer;transition:border-color var(--ease), background var(--ease);flex-direction:column;gap:2px;padding:10px 14px;display:flex}.admin-find-row:hover,.admin-find-row--active{border-color:var(--accent);background:#c9960c0f}.admin-find-name{color:var(--white);font-size:.9rem;font-weight:600}.admin-find-id{color:var(--white-40);font-family:monospace;font-size:.72rem}.admin-picked{border-radius:var(--radius-card);background:#c9960c14;border:1px solid #c9960c59;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.admin-picked-name{color:var(--accent);font-size:.95rem;font-weight:700}.admin-picked-id-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-picked-id{color:var(--white-70);word-break:break-all;flex:1;font-family:monospace;font-size:.8rem}.admin-btn--copy{background:var(--bg-input);color:var(--white-70);border:1px solid var(--border);flex-shrink:0;padding:7px 14px;font-size:.8rem}.admin-btn--copy:hover{border-color:var(--accent);color:var(--accent)}.admin-form{flex-direction:column;gap:14px;display:flex}.admin-field{flex-direction:column;gap:6px;display:flex}.admin-label{letter-spacing:.08em;text-transform:uppercase;color:var(--white-70);font-size:.76rem;font-weight:700}.admin-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--white);font-family:var(--font-body);width:100%;transition:border-color var(--ease), background var(--ease);outline:none;padding:13px 16px;font-size:1rem}.admin-input:focus{border-color:var(--accent);background:#ffffff17}.admin-input::placeholder{color:var(--white-40)}.admin-select{cursor:pointer;appearance:auto}.admin-select option{background:var(--bg-dark);color:var(--white)}.admin-btn{border-radius:var(--radius-pill);font-family:var(--font-body);letter-spacing:.04em;cursor:pointer;transition:opacity var(--ease), background var(--ease);white-space:nowrap;border:none;justify-content:center;align-items:center;padding:13px 24px;font-size:.92rem;font-weight:700;display:inline-flex}.admin-btn:disabled{opacity:.4;cursor:not-allowed}.admin-btn--gold{background:var(--accent);color:#000}.admin-btn--gold:hover:not(:disabled){opacity:.88}.admin-btn--danger{color:#ff4757;background:#ff47571f;border:1px solid #ff47574d;flex-shrink:0;padding:7px 14px;font-size:.8rem}.admin-btn--danger:hover:not(:disabled){background:#ff475738}.admin-error{color:#ff6b6b;background:#ff6b6b1a;border:1px solid #ff6b6b40;border-radius:8px;padding:10px 14px;font-size:.85rem}.admin-success{color:#128d93;background:#128d931a;border:1px solid #128d934d;border-radius:8px;padding:10px 14px;font-size:.85rem}.profile-screen{background:radial-gradient(ellipse 90% 35% at 50% -5%, #c9960c1a 0%, transparent 65%), var(--bg)}.profile-body{padding:4px var(--screen-pad) 48px;flex-direction:column;flex:1;gap:28px;display:flex}.profile-heading{font-family:var(--font-display);letter-spacing:.04em;color:var(--accent);padding-top:4px;font-size:2.6rem;line-height:1}.profile-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);flex-direction:column;gap:16px;padding:20px;display:flex}.profile-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--white-40);font-size:.72rem;font-weight:600}.profile-athlete{align-items:center;gap:14px;display:flex}.profile-avatar{object-fit:cover;border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:52px;height:52px}.profile-avatar-placeholder{background:var(--bg-input);border:2px solid var(--border);width:52px;height:52px;font-family:var(--font-display);color:var(--white-40);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.profile-athlete-info{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-athlete-name{color:var(--white);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.profile-athlete-username{color:var(--white-40);font-size:.82rem}.profile-info-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-info-label{color:var(--white-70);font-size:.85rem}.profile-info-value{color:var(--white-40);text-align:right;font-size:.85rem}.profile-field{flex-direction:column;gap:6px;display:flex}.profile-field label{text-transform:uppercase;letter-spacing:.07em;color:var(--white-40);font-size:.78rem;font-weight:500}.profile-field input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--white);font-family:var(--font-body);transition:border-color var(--ease);outline:none;padding:11px 14px;font-size:.95rem}.profile-field input:focus{border-color:var(--accent)}.profile-pref-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-pref-label{color:var(--white-70);flex:1;font-size:.88rem}.profile-pref-select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--white);font-family:var(--font-body);cursor:pointer;transition:border-color var(--ease);text-align:center;outline:none;min-width:80px;padding:8px 12px;font-size:.9rem}.profile-pref-select:focus{border-color:var(--accent)}.profile-msg{border-radius:8px;padding:8px 12px;font-size:.82rem}.profile-msg.success{color:#6ddb6d;background:#50c8501f;border:1px solid #50c85040}.profile-msg.error{color:#e87070;background:#dc3c3c1f;border:1px solid #dc3c3c40}.profile-note{color:var(--white-40);font-size:.78rem;line-height:1.5}.profile-danger-btn{border-radius:var(--radius-pill);color:#e87070;font-family:var(--font-body);cursor:pointer;transition:background var(--ease), border-color var(--ease);background:#c828281f;border:1px solid #c8282859;width:100%;padding:12px 20px;font-size:.9rem;font-weight:600}.profile-danger-btn:hover{background:#c8282838;border-color:#c828288c}.profile-confirm-row{flex-direction:column;gap:10px;display:flex}.profile-confirm-text{color:var(--white-70);font-size:.85rem;line-height:1.5}.profile-confirm-actions{gap:10px;display:flex}.profile-confirm-actions button{border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;transition:opacity var(--ease);border:none;flex:1;padding:11px;font-size:.88rem;font-weight:600}.profile-confirm-actions button:disabled{opacity:.5}.profile-confirm-cancel{background:var(--bg-input);color:var(--white-70)}.profile-confirm-delete{color:#fff;background:#c82828bf}.intervals-screen{background:radial-gradient(ellipse 90% 35% at 50% -5%, #c9960c1a 0%, transparent 65%), var(--bg)}.intervals-nav{padding:8px var(--screen-pad) 0;justify-content:space-between;align-items:center;gap:8px;display:flex}.intervals-bike-type{font-family:var(--font-marker);color:var(--accent);flex-shrink:0;font-size:2rem;line-height:1}.intervals-bike-name-row{flex:1;justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex}.intervals-bike-name{color:var(--white-70);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.9rem;font-weight:600;overflow:hidden}.intervals-nav-arrow{color:var(--white-40);cursor:pointer;transition:color var(--ease);background:0 0;border:none;flex-shrink:0;align-items:center;padding:4px;display:flex}.intervals-nav-arrow:disabled{opacity:.2;pointer-events:none}.intervals-nav-arrow:not(:disabled):hover{color:var(--white)}.intervals-nav-arrow svg{width:18px;height:18px}.intervals-body{padding:16px var(--screen-pad) 120px;flex-direction:column;flex:1;gap:24px;display:flex;overflow-y:auto}.intervals-heading{font-family:var(--font-display);letter-spacing:.04em;color:var(--white);font-size:1.6rem;line-height:1.1}.intervals-intro{color:var(--white-40);margin-top:-8px;font-size:.85rem;line-height:1.55}.intervals-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);flex-direction:column;gap:0;display:flex;overflow:hidden}.intervals-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--white-40);padding:12px 16px 8px;font-size:.7rem;font-weight:600}.intervals-item{border-top:1px solid var(--border)}.intervals-item:first-of-type{border-top:none}.intervals-item-main{cursor:pointer;transition:background var(--ease);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.intervals-item-main:hover{background:#ffffff08}.intervals-item-info{flex-direction:column;gap:1px;min-width:0;display:flex}.intervals-item-label{color:var(--white);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:500;overflow:hidden}.intervals-item-action{color:var(--white-40);font-size:.75rem}.intervals-pill{font-family:var(--font-display);letter-spacing:.04em;background:var(--accent-dim);color:var(--accent);border-radius:var(--radius-pill);white-space:nowrap;transition:background var(--ease);flex-shrink:0;padding:4px 10px;font-size:.85rem}.intervals-pill--custom{background:#c9960c4d;border:1px solid #c9960c66}.intervals-edit{align-items:center;gap:10px;padding:0 16px 14px;display:flex}.intervals-edit-input{background:var(--bg-input);border:1px solid var(--accent);border-radius:var(--radius-input);color:var(--white);font-family:var(--font-body);-moz-appearance:textfield;outline:none;width:80px;padding:9px 12px;font-size:1rem}.intervals-edit-input::-webkit-outer-spin-button{-webkit-appearance:none}.intervals-edit-input::-webkit-inner-spin-button{-webkit-appearance:none}.intervals-edit-unit{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--white-70);font-family:var(--font-body);cursor:pointer;transition:border-color var(--ease);outline:none;padding:9px 10px;font-size:.9rem}.intervals-edit-unit:focus{border-color:var(--accent)}.intervals-unit-label{color:var(--white-40);padding:0 2px;font-size:.88rem}.intervals-reset-btn{font-family:var(--font-body);color:var(--white-40);cursor:pointer;transition:color var(--ease);background:0 0;border:none;margin-left:auto;padding:4px;font-size:.78rem;-webkit-text-decoration:underline #fff3;text-decoration:underline #fff3}.intervals-reset-btn:hover{color:var(--white-70)}.intervals-footer{width:100%;max-width:480px;padding:16px var(--screen-pad) 28px;background:linear-gradient(to top, var(--bg) 60%, transparent);pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.intervals-footer>*{pointer-events:all}.ebs-screen{background:radial-gradient(ellipse 90% 35% at 50% -5%, #c9960c1a 0%, transparent 65%), var(--bg);flex-direction:column;display:flex}.ebs-body{padding:20px var(--screen-pad) 8px;flex-direction:column;flex:1;gap:20px;display:flex;overflow-y:auto}.ebs-loading{color:var(--white-40);flex:1;justify-content:center;align-items:center;font-size:1rem;display:flex}.ebs-heading-row{flex-direction:column;gap:2px;display:flex}.ebs-heading{font-family:var(--font-marker);color:var(--accent);margin:0;font-size:2rem;line-height:1.1}.ebs-bike-name{color:var(--white-70);margin:0;font-size:.9rem;font-weight:600}.ebs-intro{color:var(--white-50);margin:0;font-size:.85rem;line-height:1.5}.ebs-group{flex-direction:column;gap:8px;display:flex}.ebs-label{letter-spacing:.08em;text-transform:uppercase;color:var(--white-50);font-size:.75rem;font-weight:700}.ebs-picker{flex-wrap:wrap;gap:8px;display:flex}.ebs-btn{color:var(--white-70);cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1.5px solid #ffffff26;border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:border-color .15s,background .15s,color .15s}.ebs-btn:hover{color:var(--white);border-color:#ffffff4d}.ebs-btn--selected{border-color:var(--accent);color:var(--accent);background:#c9960c26}.ebs-note{color:var(--white-50);margin:-8px 0 0;font-size:.8rem;font-style:italic}.ebs-error{color:#f87171;margin:0;font-size:.85rem}.ebs-footer{padding:12px var(--screen-pad) max(env(safe-area-inset-bottom), 20px);border-top:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:10px;display:flex}.ebs-cancel{color:var(--white-40);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.85rem}.ebs-cancel:hover{color:var(--white-70)}.learn-screen{background:radial-gradient(ellipse 90% 35% at 50% -5%, #c9960c1a 0%, transparent 65%), var(--bg);flex-direction:column;display:flex}.learn-body{padding:16px var(--screen-pad) max(env(safe-area-inset-bottom), 24px);flex-direction:column;flex:1;gap:12px;display:flex;overflow-y:auto}.learn-heading{font-family:var(--font-marker);color:var(--accent);margin:0 0 4px;font-size:2.6rem;line-height:1}.learn-status{color:var(--white-40);margin:0;font-size:.9rem}.learn-status--error{color:#f87171}.learn-search-wrap{align-items:center;display:flex;position:relative}.learn-search-icon{width:16px;height:16px;color:var(--white-40);pointer-events:none;flex-shrink:0;position:absolute;left:12px}.learn-search-input{border-radius:var(--radius-card);width:100%;color:var(--white);appearance:none;background:#ffffff0f;border:1px solid #ffffff1f;outline:none;padding:10px 14px 10px 38px;font-size:.9rem}.learn-search-input::placeholder{color:var(--white-40)}.learn-search-input:focus{border-color:var(--accent);background:#c9960c0f}.learn-search-input::-webkit-search-cancel-button{appearance:none;background:var(--white-40);cursor:pointer;width:14px;height:14px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 6L6 18M6 6l12 12' stroke='white' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 6L6 18M6 6l12 12' stroke='white' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.learn-search-results{flex-direction:column;gap:8px;display:flex}.learn-article-category{letter-spacing:.07em;text-transform:uppercase;color:var(--accent);opacity:.8;font-size:.72rem;font-weight:700}.learn-category{border-radius:var(--radius-card);border:1px solid #ffffff14;overflow:hidden}.learn-category-header{cursor:pointer;background:#c9960c14;border:none;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:13px 16px;display:flex}.learn-category-name{letter-spacing:.06em;color:var(--accent);font-family:Bebas Neue,sans-serif;font-size:1.1rem}.learn-chevron{width:18px;height:18px;color:var(--accent);flex-shrink:0;transition:transform .2s}.learn-chevron--open{transform:rotate(180deg)}.learn-category-articles{flex-direction:column;display:flex}.learn-article-card{cursor:pointer;text-align:left;background:#3a3510;border:none;border-top:1px solid #ffffff26;outline:1px solid #ffffff26;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:14px 16px;transition:background .15s;display:flex}.learn-article-card:hover,.learn-article-card:active{background:#4a4418}.learn-article-title{color:#fff;font-size:.95rem;font-weight:600;line-height:1.3}.learn-article-desc{color:#ccc;font-size:.82rem;line-height:1.4}.la-screen{background:radial-gradient(ellipse 90% 30% at 50% -5%, #c9960c14 0%, transparent 60%), var(--bg);flex-direction:column;display:flex}.la-body{padding:12px var(--screen-pad) max(env(safe-area-inset-bottom), 32px);flex-direction:column;flex:1;gap:20px;display:flex;overflow-y:auto}.la-loading,.la-error{color:var(--white-40);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;font-size:.9rem;display:flex}.la-back{color:var(--accent);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:4px;padding:0;font-size:.88rem;font-weight:600;display:flex}.la-back svg{width:18px;height:18px}.la-back:hover{opacity:.8}.la-header{flex-direction:column;gap:8px;display:flex}.la-category-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:#c9960c26;border:1px solid #c9960c59;border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-block}.la-title{letter-spacing:.04em;color:var(--white);margin:0;font-family:Bebas Neue,sans-serif;font-size:2rem;line-height:1.1}.la-video-wrap{border-radius:var(--radius-card);background:#000;width:100%;padding-bottom:56.25%;position:relative;overflow:hidden}.la-video{border:none;width:100%;height:100%;position:absolute;inset:0}.la-content{flex-direction:column;gap:24px;display:flex}.la-intro{color:var(--white-70);margin:0;font-size:.95rem;line-height:1.65}.la-section{flex-direction:column;gap:12px;display:flex}.la-note-block{border-left:3px solid var(--accent);border-radius:0 var(--radius-card) var(--radius-card) 0;background:#ffffff0a;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.la-section-heading{letter-spacing:.06em;color:var(--accent);margin:0;font-family:Bebas Neue,sans-serif;font-size:1.1rem}.la-section-body{color:var(--white-70);margin:0;font-size:.88rem;line-height:1.6}.la-supply-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.la-supply-item{color:var(--white-70);align-items:flex-start;gap:10px;font-size:.88rem;line-height:1.5;display:flex}.la-supply-item:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px;display:block}.la-steps{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.la-step{align-items:flex-start;gap:14px;display:flex}.la-step-num{width:28px;height:28px;color:var(--accent);background:#c9960c26;border:1.5px solid #c9960c66;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.la-step-content{flex-direction:column;gap:3px;padding-top:4px;display:flex}.la-step-title{color:var(--white);font-size:.9rem;font-weight:700;line-height:1.3}.la-step-body{color:var(--white-60);font-size:.85rem;line-height:1.6}.la-comparison-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.la-comparison{border-collapse:collapse;width:100%;font-size:.85rem}.la-comparison-th{letter-spacing:.07em;color:var(--accent);text-align:left;border-bottom:1.5px solid #c9960c59;padding:8px 12px;font-family:Bebas Neue,sans-serif;font-size:.95rem}.la-comparison-th--label{color:#0000;width:30%}.la-comparison-row:not(:last-child) .la-comparison-td{border-bottom:1px solid #ffffff0f}.la-comparison-td{color:var(--white-70);vertical-align:top;padding:10px 12px;line-height:1.5}.la-comparison-td--label{color:var(--white);white-space:nowrap;font-size:.8rem;font-weight:700}.la-signs-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.la-signs-item{color:var(--white-70);align-items:flex-start;gap:10px;font-size:.88rem;line-height:1.5;display:flex}.la-signs-item:before{content:"";background:#dc503cd9;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px;display:block}.la-pro-tip{border:1px solid #c9960c59;border-left:3px solid var(--accent);border-radius:0 var(--radius-card) var(--radius-card) 0;background:#c9960c14;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.la-pro-tip-label{letter-spacing:.1em;color:var(--accent);text-transform:uppercase;font-family:Bebas Neue,sans-serif;font-size:1rem}.la-pro-tip-body{color:var(--white-70);margin:0;font-size:.88rem;line-height:1.6}.garage-screen{overflow:hidden}.garage-heading{font-family:var(--font-marker);color:var(--accent);letter-spacing:.01em;padding:8px var(--screen-pad) 0;flex-shrink:0;margin:0;font-size:clamp(2rem,9vw,3.5rem);line-height:1.1}.garage-body{padding:16px var(--screen-pad) 40px;flex-direction:column;flex:1;gap:12px;display:flex;overflow:hidden auto}.garage-empty{text-align:center;color:var(--white-40);padding:40px 0;font-size:.9rem}.garage-section-heading{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--white-40);font-size:1.1rem}.garage-wheelset-card{box-sizing:border-box;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);flex-direction:column;gap:12px;max-width:100%;padding:16px;display:flex;position:relative;overflow:hidden}.garage-wheelset-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.garage-wheelset-name{font-family:var(--font-display);letter-spacing:.04em;color:var(--white);flex-wrap:wrap;align-items:center;gap:8px;font-size:1.35rem;line-height:1.1;display:flex}.garage-tire-position-badge{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;background:var(--accent-dim);color:var(--accent);border-radius:6px;padding:2px 8px;font-size:.68rem;font-weight:700}.garage-tire-position-badge--rear{color:var(--white-70);background:#ffffff14}.garage-wheelset-notes{color:var(--white-40);margin-top:2px;font-size:.78rem}.garage-wheelset-header-actions{flex-shrink:0;gap:8px;display:flex}.garage-icon-btn{border:1px solid var(--border);width:30px;height:30px;color:var(--white-40);cursor:pointer;transition:color var(--ease), border-color var(--ease), background var(--ease);background:0 0;border-radius:8px;justify-content:center;align-items:center;display:flex}.garage-icon-btn:hover{color:var(--white);border-color:var(--white-40)}.garage-icon-btn--danger:hover{color:#ff4757;border-color:#ff4757}.garage-icon-btn svg{width:14px;height:14px}.garage-miles-strip{gap:8px;display:flex}.garage-miles-stat{border:1px solid var(--border);background:#ffffff0a;border-radius:10px;flex-direction:column;flex:1;gap:2px;padding:8px 12px;display:flex}.garage-miles-label{letter-spacing:.07em;text-transform:uppercase;color:var(--white-40);font-size:.68rem;font-weight:700}.garage-miles-value{font-family:var(--font-display);letter-spacing:.04em;color:var(--white);font-size:1.3rem;line-height:1}.garage-status-row{flex-direction:column;gap:4px;display:flex}.garage-status-line{justify-content:space-between;align-items:center;gap:8px;display:flex}.garage-status-text{color:var(--white-70);font-size:.82rem}.garage-status-text strong{color:var(--white);font-weight:600}.garage-in-garage{color:var(--white-40);font-size:.82rem;font-style:italic}.garage-uninstall-btn{letter-spacing:.04em;text-transform:uppercase;color:var(--white-40);border:1px solid var(--border);cursor:pointer;transition:color var(--ease), border-color var(--ease);background:0 0;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:.72rem;font-weight:600}.garage-uninstall-btn:hover{color:#ff4757;border-color:#ff4757}.garage-install-btn{box-sizing:border-box;letter-spacing:.05em;text-transform:uppercase;width:100%;color:var(--accent);background:var(--accent-dim);cursor:pointer;transition:background var(--ease);border:1px solid #c9960c4d;border-radius:10px;padding:9px;font-size:.82rem;font-weight:600}.garage-install-btn:hover{background:#c9960c38}.garage-install-form{flex-direction:column;gap:10px;padding-top:4px;display:flex}.garage-install-row{flex-direction:column;gap:5px;display:flex}.garage-install-label{letter-spacing:.07em;text-transform:uppercase;color:var(--white-40);font-size:.72rem;font-weight:700}.garage-install-select{box-sizing:border-box;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-input);width:100%;color:var(--white);font-family:var(--font-body);appearance:none;transition:border-color var(--ease);padding:9px 12px;font-size:.9rem}.garage-install-select:focus{border-color:var(--accent);outline:none}.garage-install-actions{gap:8px;display:flex}.garage-confirm-btn{flex:1}.garage-cancel-link{color:var(--white-40);cursor:pointer;transition:color var(--ease);background:0 0;border:none;padding:0 4px;font-size:.82rem}.garage-cancel-link:hover{color:var(--white)}.garage-edit-form{border-top:1px solid var(--border);box-sizing:border-box;flex-direction:column;gap:10px;width:100%;max-width:100%;padding:4px 4px 0;display:flex;position:relative;overflow:hidden}.garage-edit-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-input);width:100%;color:var(--white);font-family:var(--font-body);box-sizing:border-box;transition:border-color var(--ease);padding:9px 12px;font-size:.9rem}.garage-edit-input:focus{border-color:var(--accent);outline:none}.garage-edit-input::placeholder{color:var(--white-40)}.garage-edit-field{flex-direction:column;gap:4px;display:flex}.garage-edit-label{font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--white-40);font-size:.72rem;font-weight:700}.garage-notes-toggle{color:var(--accent);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:2px 0;font-size:.85rem;font-weight:600}.garage-edit-actions{align-items:center;gap:8px;display:flex}.garage-edit-actions .btn-pill{flex:1;width:auto;max-width:none}.garage-edit-error{color:#ff4757;font-size:.78rem}.garage-add-section{flex-direction:column;gap:10px;margin-top:4px;display:flex}.garage-add-btn{align-self:center;width:auto;max-width:100%;padding:0 32px}.garage-add-form{box-sizing:border-box;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);flex-direction:column;gap:10px;max-width:100%;padding:16px;display:flex}.garage-add-form-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--white-70);font-size:1rem}.garage-add-error{color:#ff4757;font-size:.78rem}.msgs-screen{background:radial-gradient(ellipse 90% 30% at 50% -5%, #c9960c14 0%, transparent 60%), var(--bg);flex-direction:column;display:flex}.msgs-body{padding:16px var(--screen-pad) max(env(safe-area-inset-bottom), 24px);flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.msgs-heading{font-family:var(--font-marker);color:var(--accent);margin:0;font-size:2.6rem;line-height:1}.msgs-status{color:var(--white-40);margin:0;font-size:.9rem}.msgs-status--error{color:#f87171}.msgs-empty{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.msgs-empty-btn{width:auto;max-width:none;padding:0 32px}.msgs-list{flex-direction:column;gap:10px;display:flex}.msgs-row{border:1px solid var(--border);border-radius:var(--radius-card);cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);color:inherit;transition:background var(--ease), border-color var(--ease);background:#ffffff0d;align-items:center;gap:12px;padding:14px 16px;display:flex}.msgs-row:hover{border-color:var(--white-40);background:#ffffff14}.msgs-row-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.msgs-row-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.msgs-row-name{color:var(--white);font-size:.95rem;font-weight:700}.msgs-row-time{color:var(--white-40);white-space:nowrap;flex-shrink:0;font-size:.75rem}.msgs-row-preview{color:var(--white-70);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.85rem;overflow:hidden}.msgs-unread-badge{color:#fff;background:#d62828;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.72rem;font-weight:700;display:flex}.thread-screen{background:radial-gradient(ellipse 90% 30% at 50% -5%, #c9960c14 0%, transparent 60%), var(--bg);flex-direction:column;display:flex;overflow:hidden}.thread-status{color:var(--white-40);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px;font-size:.9rem;display:flex}.thread-status--error{color:#f87171}.thread-header{padding:4px var(--screen-pad) 16px;border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;display:flex}.thread-back{width:32px;height:32px;color:var(--accent);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.thread-back svg{width:20px;height:20px}.thread-back:hover{opacity:.8}.thread-shop-name{letter-spacing:.03em;color:var(--white);margin:0;font-family:Bebas Neue,sans-serif;font-size:1.4rem;line-height:1.1}.thread-messages{padding:16px var(--screen-pad);-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:10px;display:flex;overflow-y:auto}.thread-msg{word-wrap:break-word;border-radius:16px;max-width:78%;padding:10px 14px;font-size:.92rem;line-height:1.4}.thread-msg--shop{color:var(--white);background:#ffffff14;border-bottom-left-radius:4px;align-self:flex-start}.thread-msg--rider{background:var(--accent);color:#000;border-bottom-right-radius:4px;align-self:flex-end}.thread-inline-error{margin:0 var(--screen-pad);color:#f87171;font-size:.82rem}.thread-reply{padding:12px var(--screen-pad) max(env(safe-area-inset-bottom), 16px);border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;display:flex}.thread-reply-input{flex:1}.thread-send-btn{border-radius:var(--radius-pill);background:var(--accent);color:#000;height:44px;font-family:var(--font-body);cursor:pointer;border:none;flex-shrink:0;padding:0 20px;font-size:.9rem;font-weight:700}.thread-send-btn:disabled{opacity:.5;cursor:default}.shop-dashboard-body{padding:24px var(--screen-pad) 48px;flex-direction:column;flex:1;gap:32px;display:flex}.shop-dashboard-greeting{flex-direction:column;gap:4px;display:flex}.shop-dashboard-heading{font-family:var(--font-display);letter-spacing:.02em;color:var(--shop-text);font-size:clamp(2.2rem,10vw,3rem);line-height:1}.shop-stats-row{gap:12px;display:flex}.shop-stat-card{flex-direction:column;flex:1;align-items:flex-start;gap:8px;padding:18px;display:flex}.shop-stat-card svg{width:22px;height:22px;color:var(--shop-text-70)}.shop-stat-value{font-family:var(--font-display);color:var(--shop-text);font-size:2.2rem;line-height:1}.shop-stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--shop-text-70);font-size:.78rem;font-weight:700}.shop-quick-actions{flex-direction:column;gap:12px;display:flex}.shop-quick-action-btn{width:100%;height:48px}.shop-profile-body{padding:24px var(--screen-pad) 48px;flex-direction:column;flex:1;gap:24px;display:flex}.shop-profile-heading{font-family:var(--font-body);text-align:center;color:var(--shop-text);font-size:1.5rem;font-weight:700}.shop-profile-rating-section{flex-direction:column;gap:10px;display:flex}.shop-profile-rating-row{align-items:center;gap:10px;display:flex}.shop-profile-rating-num{color:var(--shop-text);font-size:.95rem;font-weight:700}.shop-see-reviews-btn{margin-left:auto}.shop-profile-form{flex-direction:column;gap:18px;display:flex}.shop-booking-actions{flex-direction:column;gap:10px;margin-top:10px;display:flex}.shop-profile-loading{padding:40px var(--screen-pad);color:var(--shop-text-70);text-align:center}.shop-messages-body{padding:24px var(--screen-pad) 48px;flex-direction:column;flex:1;gap:20px;display:flex}.shop-messages-heading{font-family:var(--font-display);letter-spacing:.02em;color:var(--shop-text);font-size:clamp(2.2rem,10vw,3rem);line-height:1}.shop-conversation-list{flex-direction:column;gap:10px;display:flex}.shop-conversation-row{background:var(--shop-card-bg);border:1px solid var(--shop-border);border-radius:var(--radius-card);cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);align-items:center;gap:12px;padding:14px 16px;display:flex}.shop-conversation-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.shop-conversation-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.shop-conversation-name{color:var(--shop-text);font-size:.95rem;font-weight:700}.shop-conversation-time{color:var(--shop-text-40);white-space:nowrap;flex-shrink:0;font-size:.75rem}.shop-conversation-preview{color:var(--shop-text-70);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.shop-unread-badge{color:#fff;background:#d62828;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.72rem;font-weight:700;display:flex}.shop-thread{background:var(--shop-card-bg);border:1px solid var(--shop-border);border-radius:0 0 var(--radius-card) var(--radius-card);border-top:none;flex-direction:column;gap:12px;margin-top:-10px;padding:16px 16px 14px;display:flex}.shop-thread-messages{flex-direction:column;gap:8px;max-height:280px;display:flex;overflow-y:auto}.shop-thread-msg{word-wrap:break-word;border-radius:14px;max-width:75%;padding:8px 12px;font-size:.88rem;line-height:1.35}.shop-thread-msg--rider{color:var(--shop-text);background:#ffffff73;border-bottom-left-radius:4px;align-self:flex-start}.shop-thread-msg--shop{background:var(--shop-text);color:var(--shop-bg);border-bottom-right-radius:4px;align-self:flex-end}.shop-thread-reply{align-items:center;gap:8px;display:flex}.shop-thread-reply .shop-input-field{flex:1}.shop-thread-send-btn{border-radius:var(--radius-pill);background:var(--shop-text);height:42px;color:var(--shop-bg);font-family:var(--font-body);cursor:pointer;border:none;flex-shrink:0;padding:0 18px;font-size:.85rem;font-weight:700}.shop-thread-send-btn:disabled{opacity:.5;cursor:default}:root{--bg:#2d2613;--bg-dark:#1a1900;--bg-card:#ffffff0d;--bg-input:#ffffff14;--accent:#c9960c;--accent-hover:#e0a80e;--accent-dim:#c9960c26;--white:#fff;--white-70:#ffffffb3;--white-40:#fff6;--white-15:#ffffff26;--border:#ffffff1f;--font-display:"Bebas Neue", "Arial Black", sans-serif;--font-marker:"Boldonse", cursive;--font-body:"Inter", system-ui, sans-serif;--screen-pad:20px;--radius-pill:100px;--radius-card:16px;--radius-input:12px;--ease:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--white);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.screen{background:var(--bg);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative;overflow-x:hidden}.header-logo-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.header-logo{width:80px;height:auto}.display-heading{font-family:var(--font-display);color:var(--white);letter-spacing:.02em;font-size:clamp(3rem,18vw,5.5rem);line-height:.95}.section-heading{font-family:var(--font-display);color:var(--white);letter-spacing:.02em;font-size:clamp(2rem,10vw,3.2rem);line-height:1}.marker-heading{font-family:var(--font-marker);color:var(--accent);letter-spacing:.01em;font-size:clamp(2.8rem,16vw,5rem);line-height:1.05}.marker-text{font-family:var(--font-marker);letter-spacing:.01em;color:var(--accent);font-size:.85em}.btn-pill{border-radius:var(--radius-pill);width:100%;max-width:340px;height:44px;font-family:var(--font-body);letter-spacing:.03em;cursor:pointer;transition:background var(--ease), transform var(--ease), opacity var(--ease);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:0 28px;font-size:.9375rem;font-weight:700;text-decoration:none;display:flex}.btn-pill:active{transform:scale(.97)}.btn-pill-gold{background:var(--accent);color:#000}.btn-pill-gold:hover{background:var(--accent-hover)}.btn-pill-outline{color:var(--accent);border:2px solid var(--accent);background:0 0}.btn-pill-outline:hover{background:var(--accent-dim)}.btn-pill-ghost{background:var(--white-15);color:var(--white);border:1px solid var(--border)}.btn-pill-ghost:hover{background:var(--white-15);opacity:.85}.input-field{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-input);width:100%;color:var(--white);font-family:var(--font-body);transition:border-color var(--ease), background var(--ease);outline:none;padding:12px 18px;font-size:1rem}.input-field::placeholder{color:var(--white-40)}.input-field:focus{border-color:var(--accent);background:#ffffff1c}.input-label{text-transform:uppercase;letter-spacing:.08em;color:var(--white-70);margin-bottom:6px;font-size:.78rem;font-weight:600;display:block}.input-group{flex-direction:column;gap:4px;display:flex}.app-header{padding:18px var(--screen-pad);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.header-icons{align-items:center;gap:4px;display:flex}.icon-btn{cursor:pointer;width:40px;height:40px;color:var(--white);transition:background var(--ease);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.icon-btn:hover{background:var(--white-15)}.icon-btn svg{width:22px;height:22px}.icon-badge{color:#fff;min-width:16px;height:16px;font-family:var(--font-body);background:#d62828;border-radius:50%;justify-content:center;align-items:center;padding:0 4px;font-size:.62rem;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:2px}.nav-backdrop{z-index:90;background:#0000008c;position:fixed;inset:0}.nav-drawer{background:var(--bg);border-left:1px solid var(--border);width:min(320px,100vw);padding:80px var(--screen-pad) 40px;z-index:100;flex-direction:column;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.nav-drawer--open{transform:translate(0)}.nav-list{flex-direction:column;gap:4px;list-style:none;display:flex}.nav-item{cursor:pointer;text-align:left;width:100%;font-family:var(--font-display);letter-spacing:.04em;color:var(--accent);border:none;border-bottom:1px solid var(--border);transition:color var(--ease), opacity var(--ease);background:0 0;padding:14px 0;font-size:1.2rem}.nav-item:hover{color:var(--accent-hover)}.nav-item:active{opacity:.7}.nav-divider{background:var(--border);height:1px;margin:24px 0}.nav-item--logout{color:var(--white-70);border-bottom:none;font-size:1.25rem}.nav-item--logout:hover{color:var(--white)}.text-muted{color:var(--white-70)}.text-accent{color:var(--accent)}.text-center{text-align:center}.flex-col{flex-direction:column;display:flex}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}@media (width>=480px){.screen{border-left:1px solid var(--border);border-right:1px solid var(--border)}}