@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700&display=swap";:root{--bg-primary:#0a0a0c;--bg-card:#141418;--border-color:#27272a;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--accent-cyan:#06b6d4;--accent-amber:#fbbf24;--accent-red:#ef4444;--accent-r5:#f36}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-tap-highlight-color:transparent;padding:6px 4px;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;position:relative}header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;margin-top:0;margin-bottom:6px;padding-bottom:4px;display:flex}.header-controls{flex-grow:1;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.main-actions{flex-grow:1;align-items:center;gap:6px;min-width:min-content;max-width:220px;display:flex}.brand{color:#fff;align-items:baseline;margin-right:8px;font-size:1.25rem;font-weight:700;display:flex}.brand span.brand-suffix{color:var(--accent-cyan)}.version-tag{color:var(--text-secondary);opacity:.5;margin-left:6px;font-size:.75rem;font-weight:600}.gps-indicator-dot{background-color:var(--accent-red);width:6px;height:6px;box-shadow:0 0 4px var(--accent-red);z-index:10;border-radius:50%;display:none;position:absolute;top:3px;right:6px}@keyframes gps-blink{0%,to{opacity:.15}50%{opacity:1}}.gps-indicator-dot.active{animation:5s ease-in-out infinite gps-blink;display:block}.ofc-indicator{border:1px solid var(--accent-red);color:var(--accent-red);text-transform:uppercase;letter-spacing:.05em;box-shadow:none;z-index:10;background-color:#0000;border-radius:3px;padding:1px 3px;font-size:.55rem;font-weight:700;line-height:1;display:none;position:absolute;top:3px;right:16px}.ofc-indicator.active{display:block}.gps-badge{width:62px;height:28px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#9ca3af26;border:1px solid #9ca3af4d;border-radius:9999px;outline:none;justify-content:center;align-items:center;font-family:inherit;font-size:.72rem;font-weight:700;transition:all .2s;display:inline-flex;position:relative;overflow:visible}.gps-badge:active{background:#9ca3af40;transform:scale(.95)}.gps-badge.searching{color:var(--accent-cyan);background:#06b6d41a;border-color:#06b6d44d}.gps-badge.searching:active{background:#06b6d433}.gps-badge.active{color:#10b981;background:#10b9811a;border-color:#10b9814d}.gps-badge.active:active{background:#10b98133}.gps-badge.error{color:var(--accent-red);background:#ef444426;border-color:#ef44444d}.gps-badge.error:active{background:#ef444440}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-bottom:8px;padding:8px 6px}.card-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.9rem;font-weight:600;display:flex}.metric-row{grid-template-columns:1fr 1fr;justify-content:center;align-items:center;gap:10px 12px;width:100%;display:grid}.metric-box{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.metric-value{color:#fff;box-sizing:border-box;white-space:nowrap;text-align:center;border-bottom:1px solid #0000;font-size:clamp(2rem,11.5vw,2.99rem);font-weight:700;line-height:1.1;display:inline-block}.metric-unit{opacity:.85;margin-left:1px;font-size:.55em;font-weight:400}.metric-label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);white-space:nowrap;margin-bottom:2px;font-size:.56rem;font-weight:600;line-height:1.1;display:inline-block}.elevation-chart-container{border:1px solid var(--border-color);background:#0003;border-radius:8px;width:100%;height:120px;margin-top:8px;position:relative;overflow:hidden}.elevation-chart{width:100%;height:100%}.climb-list{flex-direction:column;gap:10px;display:flex}.climb-item{border:1px solid var(--border-color);cursor:pointer;background:#ffffff05;border-radius:8px;flex-direction:column;gap:6px;padding:12px;transition:all .2s;display:flex}.climb-item.highlighted-climb{border-color:var(--accent-amber)!important;background:#fbbf240d!important}.climb-item.highlighted-climb .climb-metrics{color:var(--accent-amber)!important}@media (hover:hover){.climb-item:hover{border-color:var(--accent-amber);background:#fbbf240d}}.climb-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1.6fr) minmax(0,1.2fr);align-items:baseline;gap:8px;width:100%;display:grid}.climb-row>:first-child{justify-self:start}.climb-row>:nth-child(2){text-align:center}.climb-row>:last-child{justify-self:end}.climb-row.bottom{color:var(--text-secondary);font-size:.85rem}.climb-status-top{text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:1.2rem;font-weight:600;display:block;overflow:hidden}.climb-status-bottom{width:100%;color:var(--text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;display:block;overflow:hidden}.climb-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:1.15rem;font-weight:700;overflow:hidden}.climb-metrics{color:#fff;flex-shrink:0;align-items:baseline;gap:4px;font-size:1.35rem;font-weight:700;line-height:1.1;display:flex}.climb-metrics .grade{color:#38bdf8;margin-left:2px;font-size:1.15rem}.climb-num{color:#fff;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800;line-height:1}.climb-unit,.climb-label{color:var(--text-secondary);font-size:.85rem;font-weight:500;line-height:1}.climb-metrics .grade .climb-num{color:#38bdf8}.climb-metrics .grade .climb-unit{color:#38bdf8bf}.climb-item.highlighted-climb .climb-num{color:var(--accent-amber)!important}.climb-item.highlighted-climb .climb-unit,.climb-item.highlighted-climb .climb-label{color:#f59e0bbf!important}.climb-item.on-climb .climb-num{color:var(--accent-cyan)}.climb-item.on-climb .climb-unit,.climb-item.on-climb .climb-label{color:#06b6d4bf}.climb-item.completed .climb-num,.climb-item.completed .climb-unit,.climb-item.completed .climb-label{color:var(--text-secondary)}.climb-item.on-climb{border-color:var(--accent-cyan);background:#06b6d414}.climb-item.on-climb .climb-metrics{color:var(--accent-cyan)}.climb-item.completed{opacity:.5;border-color:var(--border-color)}.climb-item.completed.highlighted-climb{border-color:var(--accent-amber);opacity:.85}.climb-item.completed .climb-metrics{color:var(--text-secondary)}button{border:1px solid var(--accent-cyan);color:var(--accent-cyan);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 18px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}button:active{background:#06b6d41a;transform:scale(.98)}.ride-browser-list{flex-direction:column;flex:1;gap:8px;margin-top:12px;display:flex;overflow-y:auto}.ride-browser-item{border:1px solid var(--border-color);cursor:pointer;background:#ffffff03;border-radius:8px;padding:12px 10px}.ride-browser-item:active{border-color:var(--accent-cyan);background:#06b6d40d}.mobile-ride-badge{color:#fff;text-shadow:0 1px 2px #00000080;box-sizing:border-box;border:1px solid #fff3;border-radius:4px;flex-shrink:0;align-items:center;padding:3px 8px;font-size:1.05rem;font-weight:800;line-height:1.1;display:inline-flex}.ride-browser-item-container{flex-direction:column;gap:8px;display:flex}.ride-browser-item-header{flex-wrap:nowrap;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.ride-browser-item-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.25rem;font-weight:700;line-height:1.2;overflow:hidden}.ride-browser-item-details{color:var(--text-secondary);font-size:.95rem;line-height:1.3}.ride-browser-item-time{color:#fff;font-size:1rem;font-weight:700}.btn-import-ride-cal{border-color:var(--accent-cyan);border-radius:8px;width:100%;margin-top:10px;padding:8px 16px;font-size:1rem;font-weight:700}.btn-ride-details-cal{border:1px solid var(--accent-cyan);color:var(--accent-cyan);text-align:center;box-sizing:border-box;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:8px 16px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-ride-details-cal:active{background:#06b6d41a;transform:scale(.98)}.ride-browser-item-no-route{color:var(--text-secondary);margin-top:8px;font-size:.9rem}.mobile-ride-badge-sep{opacity:.5;margin:0 4px;font-weight:400}.mobile-ride-badge.cat-a-star,.mobile-ride-badge.cat-a{background:#9c1c1c;box-shadow:0 0 6px #9c1c1c66}.mobile-ride-badge.cat-b-star,.mobile-ride-badge.cat-b{background:#c26f00;box-shadow:0 0 6px #c26f0066}.mobile-ride-badge.cat-c-star,.mobile-ride-badge.cat-c{background:#0b805c;box-shadow:0 0 6px #0b805c66}.mobile-ride-badge.cat-d{background:#1d4ed8;box-shadow:0 0 6px #1d4ed866}.mobile-ride-badge.cat-custom{background:#4c1d95;border-color:#7c3aed66;box-shadow:0 0 6px #4c1d9566}.category-filters::-webkit-scrollbar{display:none}.cat-pill{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:auto;min-width:44px;padding:6px 12px;font-size:.75rem;font-weight:700;transition:all .2s;display:inline-flex}.cat-pill[data-cat=A\*].active{color:#fca5a5;background:#9c1c1c33;border-color:#9c1c1c}.cat-pill[data-cat=A].active{color:#fee2e2;background:#b91c1c33;border-color:#ef4444}.cat-pill[data-cat=B\*].active{color:#fef3c7;background:#c26f0033;border-color:#c26f00}.cat-pill[data-cat=B].active{color:#fffbeb;background:#fbbf2433;border-color:#fbbf24}.cat-pill[data-cat=C\*].active{color:#d1fae5;background:#0b805c33;border-color:#0b805c}.cat-pill[data-cat=C].active{color:#ecfdf5;background:#10b98133;border-color:#10b981}.cat-pill[data-cat=D].active{color:#dbeafe;background:#1d4ed833;border-color:#1d4ed8}.cat-pill:not(.active){opacity:.4;border-color:var(--border-color);color:var(--text-secondary);background:0 0}.ride-browser-item{border-left:4px solid var(--border-color);transition:all .15s}.ride-browser-item.cat-a-star{border-left-color:#9c1c1c}.ride-browser-item.cat-a{border-left-color:#ef4444}.ride-browser-item.cat-b-star{border-left-color:#c26f00}.ride-browser-item.cat-b{border-left-color:#fbbf24}.ride-browser-item.cat-c-star{border-left-color:#0b805c}.ride-browser-item.cat-c{border-left-color:#10b981}.ride-browser-item.cat-d{border-left-color:#1d4ed8}select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%239ca3af' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px!important}select option{color:#f3f4f6;background-color:#141418}.share-btn{border:1px solid var(--accent-cyan);color:var(--accent-cyan);cursor:pointer;box-sizing:border-box;background:0 0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:38px;height:28px;padding:0;font-size:.72rem;font-weight:700;line-height:1.1;transition:all .2s;display:inline-flex}.share-btn:active{background:#06b6d41a;transform:scale(.95)}.share-btn.highlighted-invite{background:var(--accent-cyan)!important;color:#121118!important;white-space:nowrap!important;letter-spacing:.3px!important;border:none!important;flex-direction:row!important;width:auto!important;height:36px!important;font-size:.85rem!important;font-weight:800!important;animation:2s ease-in-out infinite invite-btn-pulse!important;box-shadow:0 0 10px #06b6d499!important}.share-btn.highlighted-invite:active{transform:scale(.95)!important;box-shadow:0 0 4px #06b6d466!important}@keyframes invite-btn-pulse{0%{filter:brightness();box-shadow:0 0 8px #06b6d480}50%{filter:brightness(1.2);box-shadow:0 0 16px #06b6d4e6}to{filter:brightness();box-shadow:0 0 8px #06b6d480}}.action-btn{flex:1 1 0;min-width:38px;max-width:80px;width:0!important;padding:0!important}header .action-btn,#settings-btn{font-size:1.25rem!important;line-height:1!important}header .action-btn svg{width:20px!important;height:20px!important}#settings-btn svg{width:22px!important;height:22px!important}.open-r5-btn{border:1px solid var(--accent-r5);color:var(--accent-r5);cursor:pointer;box-sizing:border-box;background:0 0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:38px;height:28px;padding:0;font-size:.72rem;font-weight:700;line-height:1.1;transition:all .2s;display:inline-flex}.open-r5-btn:active{background:#ff33661a;transform:scale(.95)}.climb-difficulty{text-transform:uppercase;letter-spacing:1px;box-sizing:border-box;border-radius:4px;justify-content:center;align-items:center;width:75px;height:auto;padding:2px 6px;font-size:.65rem;font-weight:800;line-height:1.2;display:inline-flex}.climb-difficulty.diff-ihefc{color:#fff;background:#a855f759;border:1px solid #c084fc;font-weight:800}.climb-difficulty.diff-brutal{color:#fff;background:#ef444459;border:1px solid #f87171}.climb-difficulty.diff-stiff{color:#fff;background:#f59e0b59;border:1px solid #fbbf24}.climb-difficulty.diff-steady{color:#fff;background:#10b98159;border:1px solid #34d399}.climb-difficulty.diff-easy{color:#fff;background:#06b6d459;border:1px solid #22d3ee}.metric-value-input{color:#fff;text-align:center;box-sizing:border-box;white-space:nowrap;background:0 0;border:none;border-bottom:1px dashed #ffffff40;outline:none;flex-shrink:0;width:100%;max-width:100%;margin:0;padding:0;font-family:inherit;font-size:clamp(2rem,11.5vw,2.99rem);font-weight:700;line-height:1.1;display:inline-block}.metric-value-input:focus{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan)!important}.mode-toggle-container{border:1px solid var(--border-color);background:#00000040;border-radius:8px;justify-content:center;margin-bottom:6px;padding:2px;display:flex}.mode-toggle-btn{text-align:center;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;width:auto;height:auto;padding:6px 12px;font-size:.85rem;font-weight:700;transition:all .2s;position:relative}.mode-toggle-btn.active{box-shadow:0 1px 3px #0000004d;color:var(--accent-cyan)!important;background:#06b6d426!important}.climb-toggle-btn.active{color:var(--accent-cyan)!important;background:#06b6d426!important}.gps-distance-badge{color:var(--accent-red);border:1px solid var(--accent-red);white-space:nowrap;pointer-events:none;z-index:10;background:#141418d9;border-radius:4px;padding:3px 6px;font-size:.75rem;font-weight:700;position:absolute;top:8px;right:8px;box-shadow:0 2px 4px #00000080}.gps-distance-badge.hidden{display:none!important}.bottom-sheet{z-index:1000;flex-direction:column;justify-content:flex-end;display:none;position:fixed;inset:0}.bottom-sheet.active{display:flex}.bottom-sheet-backdrop{-webkit-backdrop-filter:blur(5px);opacity:0;background:#000000a6;transition:opacity .3s;position:absolute;inset:0}.bottom-sheet.active .bottom-sheet-backdrop{opacity:1}.bottom-sheet-content{border-top:1px solid var(--border-color);z-index:1001;box-sizing:border-box;background-color:#121118;border-top-left-radius:16px;border-top-right-radius:16px;flex-direction:column;width:100%;min-height:72vh;max-height:80vh;padding:8px 16px 16px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow-y:auto;transform:translateY(100%);box-shadow:0 -4px 24px #0009}.bottom-sheet.active .bottom-sheet-content{transform:translateY(0)}.bottom-sheet-drag-handle{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:center;width:100%;padding:6px 0 12px;display:flex}.bottom-sheet-drag-handle:active{cursor:grabbing}.drag-bar{background:#ffffff40;border-radius:2px;width:38px;height:4px}.bottom-sheet-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.bottom-sheet-title{color:#fff;font-size:1.1rem;font-weight:700}.close-sheet-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;width:auto;height:auto;padding:0 4px;font-size:1.8rem;line-height:1;transition:color .2s}.close-sheet-btn:active{color:#fff;background:0 0}body.sheet-open{height:100vh;overflow:hidden!important}.group-tracking-table th,.group-tracking-table td{white-space:nowrap}.date-nav-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:#ffffff05;border-radius:6px;justify-content:center;align-items:center;font-family:inherit;transition:all .2s;display:flex}.date-nav-btn:active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#06b6d41a}.date-nav-btn.active-today{border-color:var(--accent-cyan)!important;color:var(--accent-cyan)!important;background:#06b6d426!important}.date-nav-btn.active-favorites-filter{color:#121214!important;background:#fbbf24!important;border-color:#fbbf24!important}.qr-logo-overlay{transform-origin:50%;transform:scale(1);box-shadow:0 2px 8px #000000f2;border-color:#ffffffe6!important}.bottom-sheet.active .qr-logo-overlay{animation:8s ease-in-out infinite qr-logo-pop}@keyframes qr-logo-pop{0%,75%{z-index:5;transform:scale(1);box-shadow:0 2px 8px #000000f2;border-color:#ffffffe6!important}78%{z-index:15;box-shadow:0 0 15px 3px #fffc, 0 0 25px 6px var(--accent-cyan);transform:scale(1.5);border-color:#fff!important}80%{z-index:15;box-shadow:0 0 30px 10px #fff, 0 0 45px 15px var(--accent-cyan);transform:scale(1.5);border-color:#fff!important}89.25%{z-index:15;box-shadow:0 0 15px 3px #fffc, 0 0 25px 6px var(--accent-cyan);transform:scale(1.5);border-color:#fff!important}94.25%,to{z-index:5;transform:scale(1);box-shadow:0 2px 8px #000000f2;border-color:#ffffffe6!important}}.qr-fireballs{transform-origin:50%;animation:4s linear infinite qr-fireballs-spin}@keyframes qr-fireballs-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-bg{0%{background-color:#ef444426}50%{background-color:#ef444459}to{background-color:#ef444426}}@keyframes pulse-border{0%{border-color:#ef444466}50%{border-color:#ef4444}to{border-color:#ef444466}}.btn-quick-alert{border:1.5px solid var(--border-color);cursor:pointer;box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;font-size:.9rem;font-weight:700;transition:transform .1s,filter .1s;display:flex}.btn-quick-alert:active{filter:brightness(1.2);transform:scale(.97)}#group-chat-feed::-webkit-scrollbar{width:4px}#group-chat-feed::-webkit-scrollbar-track{background:#0000001a}#group-chat-feed::-webkit-scrollbar-thumb{background:#06b6d44d;border-radius:2px}#group-chat-feed::-webkit-scrollbar-thumb:hover{background:#06b6d480}#broadcast-custom-input:focus{border-color:var(--accent-cyan)!important}.desktop-only-notif-bar{display:none}@media (width>=768px) and (hover:hover) and (pointer:fine){@keyframes panel-border-glow{0%,to{box-shadow:inset 1px 1px #ffffff1f,inset -1px -1px #0006,-1px -1px #ffffff1a,1px 1px #1b1b20,2px 2px #18181d,3px 3px #15151a,4px 4px #121216,4px 4px 8px #0009,10px 10px 20px #000000bf,20px 20px 40px #0009}15%,39%,58%,73%,84%,91.5%,97%,99.5%{box-shadow:inset 1px 1px #ffffff1f,inset -1px -1px #0006,-1px -1px #06b6d499,inset 0 0 25px 6px #06b6d4d9,1px 1px #1b1b20,2px 2px #18181d,3px 3px #15151a,4px 4px #121216,4px 4px 8px #0009,10px 10px 20px #000000bf,20px 20px 40px #0009,0 0 40px 12px #06b6d4f2}28%,49%,66%,79%,88%,94.5%,98.5%{box-shadow:inset 1px 1px #ffffff1f,inset -1px -1px #0006,-1px -1px #06b6d433,inset 0 0 10px 2px #06b6d473,1px 1px #1b1b20,2px 2px #18181d,3px 3px #15151a,4px 4px #121216,4px 4px 8px #0009,10px 10px 20px #000000bf,20px 20px 40px #0009,0 0 15px 3px #06b6d473}}@keyframes screen-flicker-on{0%{opacity:0;filter:brightness(0)contrast(1.5)}5%{opacity:.1;filter:brightness(.2)contrast(1.5)}10%{opacity:0;filter:brightness(0)contrast()}15%{opacity:.3;filter:brightness(.4)contrast(1.5)}20%{opacity:.05;filter:brightness(.1)contrast()}25%{opacity:.5;filter:brightness(.6)contrast(1.8)}30%{opacity:.1;filter:brightness(.2)contrast(1.2)}35%{opacity:.7;filter:brightness(.8)contrast(1.8)}40%{opacity:.3;filter:brightness(.4)contrast(1.2)}48%{opacity:.9;filter:brightness(1.1)contrast(1.5)}52%{opacity:.6;filter:brightness(.7)contrast(1.3)}60%{opacity:1;filter:brightness()contrast()}to{opacity:1;filter:brightness()contrast()}}@keyframes phone-slide-in{0%{opacity:0;transform:translateY(100vh)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes phone-glow-pulse{0%{box-shadow:inset 0 4px 10px #000000d9,inset 0 -2px 6px #ffffff1a,-1px -1px #ffffff26,1px 1px #1e1e22,2px 2px #1c1c1f,3px 3px #19191c,4px 4px #161618,5px 5px #131315,6px 6px #101012,7px 7px #0e0e10,8px 8px #0a0a0c,8px 8px 12px #000000a6,16px 16px 28px #000c,32px 32px 60px #000000a6!important}50%{box-shadow:inset 0 4px 10px #000000d9,inset 0 -2px 6px #ffffff1a,-1px -1px #ffffff26,1px 1px #1e1e22,2px 2px #1c1c1f,3px 3px #19191c,4px 4px #161618,5px 5px #131315,6px 6px #101012,7px 7px #0e0e10,8px 8px #0a0a0c,8px 8px 12px #000000a6,16px 16px 28px #000c,32px 32px 60px #000000a6,0 0 25px 5px #06b6d466,0 0 0 1px #06b6d440!important}to{box-shadow:inset 0 4px 10px #000000d9,inset 0 -2px 6px #ffffff1a,-1px -1px #ffffff26,1px 1px #1e1e22,2px 2px #1c1c1f,3px 3px #19191c,4px 4px #161618,5px 5px #131315,6px 6px #101012,7px 7px #0e0e10,8px 8px #0a0a0c,8px 8px 12px #000000a6,16px 16px 28px #000c,32px 32px 60px #000000a6!important}}html{height:100%;background:radial-gradient(circle,#1b368c 0%,#09090b 100%)!important;justify-content:center!important;align-items:center!important;display:flex!important;position:relative!important;overflow:hidden!important}html:before{content:"Pixel 9 Emulator"!important;color:#ffffff1f!important;letter-spacing:.18em!important;text-transform:uppercase!important;pointer-events:none!important;white-space:nowrap!important;font-family:Outfit,sans-serif!important;font-size:.75rem!important;font-weight:700!important;position:absolute!important;top:50%!important;left:calc(50% - 278px)!important;transform:translateY(-50%)rotate(-90deg)!important}body{opacity:0;animation:1.2s cubic-bezier(.16,1,.3,1) forwards phone-slide-in,1.5s ease-in-out 1.8s forwards phone-glow-pulse;transform:translateY(100vh)scale(.95);aspect-ratio:436/939!important;background-color:var(--bg-primary)!important;border:12px solid #27272a!important;border-radius:40px!important;flex-direction:column!important;width:436px!important;height:939px!important;max-height:94vh!important;padding:0!important;display:flex!important;position:relative!important;overflow:visible!important;box-shadow:inset 0 4px 10px #000000d9,inset 0 -2px 6px #ffffff1a,-1px -1px #ffffff26,1px 1px #1e1e22,2px 2px #1c1c1f,3px 3px #19191c,4px 4px #161618,5px 5px #131315,6px 6px #101012,7px 7px #0e0e10,8px 8px #0a0a0c,8px 8px 12px #000000a6,16px 16px 28px #000c,32px 32px 60px #000000a6!important}body.sheet-open{height:939px!important;overflow:visible!important}body:before{content:""!important;z-index:10!important;background:#3f3f46!important;border-radius:0 3px 3px 0!important;width:4px!important;height:48px!important;position:absolute!important;top:155px!important;right:-16px!important;box-shadow:1px 1px 3px #00000080!important}body:after{content:""!important;z-index:10!important;background:#3f3f46!important;border-radius:0 3px 3px 0!important;width:4px!important;height:86px!important;position:absolute!important;top:225px!important;right:-16px!important;box-shadow:1px 1px 3px #00000080!important}#app-container{opacity:0;animation:1.2s cubic-bezier(.25,.46,.45,.94) 1.3s forwards screen-flicker-on;border-radius:0 0 28px 28px!important;flex-direction:column!important;flex:1!important;padding:0 6px 12px!important;display:flex!important;overflow:hidden auto!important}#app-container>header{padding-top:6px!important}.bottom-sheet{border-radius:0 0 28px 28px!important;position:absolute!important;overflow:hidden!important}.desktop-only-notif-bar{opacity:0;animation:1.2s cubic-bezier(.25,.46,.45,.94) 1.3s forwards screen-flicker-on;background-color:var(--bg-primary)!important;width:100%!important;height:28px!important;color:var(--text-secondary)!important;-webkit-user-select:none!important;user-select:none!important;z-index:1050!important;border-bottom:1px solid #ffffff08!important;border-radius:28px 28px 0 0!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;padding:0 20px!important;font-size:.72rem!important;font-weight:600!important;display:flex!important;position:relative!important;overflow:hidden!important}.notif-time{font-variant-numeric:tabular-nums!important;letter-spacing:.02em!important}.notif-camera-hole{background:#000!important;border:1px solid #ffffff26!important;border-radius:50%!important;flex-shrink:0!important;width:12px!important;height:12px!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.notif-icons{align-items:center!important;gap:8px!important;display:flex!important}.notif-icon{width:14px!important;height:14px!important;color:var(--text-secondary)!important;fill:currentColor!important}#app-container::-webkit-scrollbar{width:6px!important}#app-container::-webkit-scrollbar-track{background:0 0!important;margin-top:4px!important;margin-bottom:28px!important}#app-container::-webkit-scrollbar-thumb{background:#ffffff26!important;border-radius:3px!important}#app-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d!important}}.favorite-modal{z-index:1200;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.favorite-modal.active{display:flex}.favorite-modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1201;background:#000000bf;position:absolute;inset:0}.favorite-modal-content{border:1px solid var(--border-color);z-index:1202;box-sizing:border-box;background-color:#121118;border-radius:12px;flex-direction:column;gap:12px;width:100%;max-width:360px;padding:16px;display:flex;position:relative;box-shadow:0 10px 25px #000c}@media (width>=768px) and (hover:hover) and (pointer:fine){.favorite-modal{border-radius:28px!important;position:absolute!important}}.favorite-item{border:1px solid var(--border-color);background:#ffffff05;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:10px;transition:all .2s;display:flex}.favorite-item-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.favorite-item-label{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:700;overflow:hidden}.favorite-item-sub{color:var(--text-secondary);font-size:.75rem}.favorite-item-delete{width:32px;min-width:32px;height:32px;color:var(--accent-red);cursor:pointer;background:#ef44440d;border:1px solid #ef44444d;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:.9rem;transition:all .2s;display:flex}.favorite-item-delete:active{background:#ef444433;transform:scale(.92)}.btn-favorite-card-toggle{border:1px solid var(--border-color);width:42px;min-width:42px;height:42px;color:var(--text-secondary);cursor:pointer;box-sizing:border-box;background:#ffffff08;border-radius:8px;justify-content:center;align-items:center;margin:0;padding:0;font-size:1.15rem;transition:all .2s;display:inline-flex}.btn-favorite-card-toggle:hover{border-color:var(--accent-cyan);background:#06b6d40d}.btn-favorite-card-toggle.active{color:#121214!important;text-shadow:none!important;background:#fbbf24!important;border-color:#fbbf24!important}.favorites-header-btn{border:1px solid var(--border-color);cursor:pointer;white-space:nowrap;box-sizing:border-box;background:#ffffff08;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:auto;height:38px;margin:0;padding:0 12px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex;color:#fbbf24!important}.favorites-header-btn:hover{border-color:var(--accent-cyan);background:#06b6d40d}.favorites-header-btn:active{background:#fbbf241a;transform:scale(.95)}.favorites-header-btn span{color:#fff;margin-left:2px;font-size:.85rem;font-weight:600}#btn-radar-toggle{border:1.5px solid var(--border-color);-webkit-backdrop-filter:blur(4px);height:24px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:6px;outline:none;justify-content:center;align-items:center;padding:0 8px;font-size:.8rem;font-weight:600;transition:all .3s;display:none}#btn-radar-toggle:hover{color:#fff;border-color:#ffffff4d;transform:scale(1.05)}#btn-radar-toggle.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#06b6d426;box-shadow:0 0 10px #06b6d466}#btn-radar-toggle.active .radar-sweep-line{animation:3s linear infinite radar-spin;display:block}@keyframes radar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes jj-jump{0%,70%,to{transform:translateY(0)scale(1)}75%{transform:translateY(2px)scale(1.1,.85)}82%{transform:translateY(-10px)scale(.85,1.15)}88%{transform:translateY(1px)scale(1.05,.95)}92%{transform:translateY(-2px)scale(.95,1.05)}96%{transform:translateY(0)scale(1)}}.jj-animated-icon{transform-origin:bottom;transition:transform .2s;animation:3.5s ease-in-out infinite jj-jump}#btn-share-sheet-jj:hover .jj-animated-icon{animation:1.5s ease-in-out infinite jj-jump}.desktop-side-panel,.desktop-only-bg-grid,.desktop-only-bg-line,.panel-border-glow-trace,.panel-embossed-logo{display:none}@media (width<=1099px){.desktop-side-panel,.desktop-only-bg-grid,.desktop-only-bg-line,.panel-border-glow-trace,.panel-embossed-logo{display:none!important}}@media (width>=1100px) and (hover:hover) and (pointer:fine){@keyframes left-panel-flip{0%{opacity:0;transform:rotateY(-90deg)}to{opacity:1;transform:rotateY(0)}}@keyframes right-panel-flip{0%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}@keyframes panel-shadow-fade{0%{opacity:1}to{opacity:0}}@keyframes grid-reveal-sweep{0%{opacity:0;-webkit-mask-position:-160vw -40vh;mask-position:-160vw -40vh}5%{opacity:1}35%{opacity:1}to{opacity:0;-webkit-mask-position:-40vw -160vh;mask-position:-40vw -160vh}}@keyframes energy-line-sweep{0%{opacity:0;transform:translate(-50%,-50%)rotate(45deg)translateY(110vh)}5%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)rotate(45deg)translateY(-110vh)}}@keyframes energy-crackling{0%,to{filter:drop-shadow(0 0 8px #0891b280)brightness();opacity:.9}20%{filter:drop-shadow(0 0 15px #06b6d4cc)brightness(1.25);opacity:1}40%{filter:drop-shadow(0 0 6px #0891b24d)brightness(.8);opacity:.85}60%{filter:drop-shadow(0 0 18px #06b6d4e6)brightness(1.3);opacity:1}80%{filter:drop-shadow(0 0 10px #0891b266)brightness(.9);opacity:.9}}body{perspective:1200px}.desktop-only-bg-grid{pointer-events:none;z-index:-1;opacity:0;background-image:linear-gradient(#06b6d42e 1px,#0000 1px),linear-gradient(90deg,#06b6d42e 1px,#0000 1px);background-position:50%;background-size:50px 50px;width:100vw;height:100vh;animation:2.8s cubic-bezier(.15,.85,.3,1) 2.3s forwards grid-reveal-sweep;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:linear-gradient(135deg,#0000 20%,#00000080 45%,#000 52%,#0000 55%);mask-image:linear-gradient(135deg,#0000 20%,#00000080 45%,#000 52%,#0000 55%);-webkit-mask-position:-160vw -40vh;mask-position:-160vw -40vh;-webkit-mask-size:300% 300%;mask-size:300% 300%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.desktop-only-bg-line{pointer-events:none;z-index:-1;opacity:0;width:250vmax;height:100px;animation:2.8s cubic-bezier(.15,.85,.3,1) 2.3s forwards energy-line-sweep;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)translateY(110vh)}.desktop-only-bg-line:after{content:"";filter:drop-shadow(0 0 10px #0891b299);background:linear-gradient(#0000 0%,#0891b20d 35%,#0891b299 47%,#06b6d4d9 50%,#0891b299 53%,#0891b20d 65%,#0000 100%);width:100%;height:100%;animation:.15s ease-in-out infinite energy-crackling;position:absolute;top:0;left:0}.desktop-side-panel{background-color:var(--bg-card);z-index:1300;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:16px;width:300px;max-height:calc(100% + 24px);padding:20px;font-family:Outfit,sans-serif;display:flex;position:absolute;top:-12px;overflow-y:auto;box-shadow:inset 1px 1px #ffffff1f,inset -1px -1px #0006,-1px -1px #ffffff1a,1px 1px #1b1b20,2px 2px #18181d,3px 3px #15151a,4px 4px #121216,4px 4px 8px #0009,10px 10px 20px #000000bf,20px 20px 40px #0009}.desktop-side-panel:after{content:"";pointer-events:none;opacity:1;z-index:10;background:#000000d9;border-radius:16px;animation:1s cubic-bezier(.16,1,.3,1) 1.2s forwards panel-shadow-fade;position:absolute;inset:0}.desktop-side-panel.flicker-active>:not(.panel-embossed-logo):not(.panel-border-glow-trace),.desktop-side-panel.flicker-active>.desktop-link-portal-btn:disabled,.desktop-side-panel.flicker-active .weather-content-wrapper>*{opacity:0}.desktop-side-panel.left-panel.flicker-active>:not(.panel-embossed-logo):not(.panel-border-glow-trace){animation:1.2s cubic-bezier(.25,.46,.45,.94) 2.2s forwards screen-flicker-on}.desktop-side-panel.right-panel.flicker-active>:not(.panel-embossed-logo):not(.panel-border-glow-trace),.desktop-side-panel.right-panel.flicker-active .weather-content-wrapper>*{animation:1.2s cubic-bezier(.25,.46,.45,.94) 2.4s forwards screen-flicker-on}.desktop-side-panel.right-panel{transform-origin:0;opacity:0;animation:1s cubic-bezier(.16,1,.3,1) 1.2s forwards right-panel-flip,2.1s ease-out 3.5s forwards panel-border-glow;left:calc(100% + 36px);transform:rotateY(0)}.desktop-side-panel.left-panel{transform-origin:100%;opacity:0;animation:1s cubic-bezier(.16,1,.3,1) 1.2s forwards left-panel-flip,2.1s ease-out 3.5s forwards panel-border-glow;right:calc(100% + 36px);transform:rotateY(0)}.panel-border-glow-trace{pointer-events:none;z-index:2000;width:100%;height:100%;display:block;position:absolute;top:0;left:0;overflow:visible}.panel-border-glow-trace rect{fill:none;vector-effect:non-scaling-stroke}.glow-rect-trace{stroke:#06b6d4;stroke-width:3px;filter:drop-shadow(0 0 4px #06b6d4)drop-shadow(0 0 10px #06b6d4);stroke-dasharray:25 75;stroke-dashoffset:100px;opacity:0}.glow-rect-throb{stroke:#06b6d4;stroke-width:2.5px;filter:drop-shadow(0 0 3px #06b6d4)drop-shadow(0 0 8px #06b6d4);opacity:0}.left-panel .glow-rect-trace{animation:1.3s linear 2.2s forwards panel-glow-trace}.left-panel .glow-rect-throb{animation:2.1s ease-out 3.5s forwards panel-glow-throb}.right-panel .glow-rect-trace{animation:1.1s linear 2.4s forwards panel-glow-trace}.right-panel .glow-rect-throb{animation:2.1s ease-out 3.5s forwards panel-glow-throb}@keyframes panel-glow-trace{0%{stroke-dashoffset:100px;opacity:0}10%{opacity:1}90%{opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes panel-glow-throb{0%,to{opacity:0;stroke-width:1px;filter:none}15%,39%,58%,73%,84%,91.5%,97%,99.5%{opacity:1;stroke-width:4.5px;filter:drop-shadow(0 0 8px #06b6d4)drop-shadow(0 0 20px #06b6d4f2)drop-shadow(0 0 40px #06b6d4cc)}28%,49%,66%,79%,88%,94.5%,98.5%{opacity:.6;stroke-width:2px;filter:drop-shadow(0 0 3px #06b6d499)drop-shadow(0 0 8px #06b6d480)}}.panel-embossed-logo{color:#16161a;letter-spacing:-.03em;pointer-events:none;z-index:1;text-shadow:-1.5px -1.5px 1.5px #ffffff12,1.5px 1.5px 1.5px #000000f2;opacity:1;font-family:Outfit,sans-serif;font-size:4rem;font-weight:800;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.panel-embossed-logo .logo-suffix{margin-left:-2px;font-size:2.8rem;font-weight:500}.left-panel .panel-embossed-logo{animation:2.2s ease-out 1.2s forwards logo-glow-left}.left-panel .panel-embossed-logo .logo-suffix{animation:2.2s ease-out 1.2s forwards logo-suffix-glow-left}.right-panel .panel-embossed-logo{animation:2.4s ease-out 1.2s forwards logo-glow-right}.right-panel .panel-embossed-logo .logo-suffix{animation:2.4s ease-out 1.2s forwards logo-suffix-glow-right}@keyframes logo-glow-left{0%,45.4%{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #ff3366f2,0 0 40px #f36c,0 0 60px #f369;opacity:1}to{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #ff3366f2;opacity:0}}@keyframes logo-suffix-glow-left{0%,45.4%{color:#22d3ee;text-shadow:0 0 10px #22d3ee,0 0 20px #06b6d4f2,0 0 40px #06b6d4cc,0 0 60px #06b6d499}to{color:#22d3ee;text-shadow:0 0 10px #22d3ee,0 0 20px #06b6d4f2}}@keyframes logo-glow-right{0%,50%{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #ff3366f2,0 0 40px #f36c,0 0 60px #f369;opacity:1}to{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #ff3366f2;opacity:0}}@keyframes logo-suffix-glow-right{0%,50%{color:#22d3ee;text-shadow:0 0 10px #22d3ee,0 0 20px #06b6d4f2,0 0 40px #06b6d4cc,0 0 60px #06b6d499}to{color:#22d3ee;text-shadow:0 0 10px #22d3ee,0 0 20px #06b6d4f2}}.desktop-left-panel .panel-header{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding-bottom:10px;font-size:.7rem;font-weight:700}.desktop-link-portal-btn{cursor:pointer;box-sizing:border-box;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;transition:filter .15s,transform .1s;display:flex}.desktop-link-portal-btn:active{filter:brightness(1.15);transform:scale(.97)}.desktop-link-portal-btn.rwgps{color:#ff7a00;background:#ff7a000d;border:1.5px solid #ff7a00}.desktop-link-portal-btn.r5desktop{border:1.5px solid var(--accent-r5);color:var(--accent-r5);background:#ff33660d}.desktop-link-portal-btn.btcnj-schedule,.desktop-link-portal-btn.btcnj-ride{color:#3b6bb3;background:#3b6bb30d;border:1.5px solid #3b6bb3}.desktop-link-portal-btn.ride-details{border:1.5px solid var(--accent-r5);color:var(--accent-r5);background:#ff33660d}.desktop-link-portal-btn.btcnj-ride:disabled,.desktop-link-portal-btn.ride-details:disabled{cursor:not-allowed;opacity:.4;pointer-events:none;color:#ffffff4d!important;background:#ffffff05!important;border-color:#ffffff1a!important}.desktop-link-portal-btn.drive-home,.desktop-link-portal-btn.drive-to-meet{color:#15803d;background:#15803d0f;border:1.5px solid #15803d}.desktop-side-panel .panel-header{color:var(--accent-cyan);border-bottom:1px solid var(--border-color);padding-bottom:10px;font-size:1.25rem;font-weight:700}.desktop-side-panel .weather-rating-box.rule-9{border-color:var(--accent-red)!important;color:var(--accent-red)!important;background:#ef444426!important}.desktop-side-panel .weather-rating-box.suitable{color:#10b981!important;background:#10b98126!important;border-color:#10b981!important}.desktop-side-panel::-webkit-scrollbar{width:4px}.desktop-side-panel::-webkit-scrollbar-track{background:0 0}.desktop-side-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}}#btn-toggle-rest-stops{opacity:.6}#btn-toggle-rest-stops:hover{opacity:1;color:#ffffffe6!important;border-color:#ffffff59!important}#btn-toggle-rest-stops.rest-active{opacity:1;box-shadow:0 0 6px #34a85366;color:#34a853!important;background:#34a8532e!important;border-color:#34a853!important}.rest-stop-item{cursor:default;background:#34a8530f;border:1.5px solid #34a853;border-radius:8px;flex-direction:column;gap:6px;padding:12px;transition:background .15s;display:flex}.rest-stop-item:hover{background:#34a8531f}.rest-stop-row{justify-content:space-between;align-items:center;display:flex}.rest-stop-badge{text-transform:uppercase;letter-spacing:.1em;color:#34a853;font-size:.65rem;font-weight:800}.rest-stop-mi{color:var(--text-secondary);white-space:nowrap;font-size:.78rem;font-weight:700}.rest-stop-mi .climb-label,.rest-stop-mi .climb-unit{color:#34a853}.rest-stop-item .climb-name{grid-column:span 2;justify-self:stretch;font-size:1.32rem}.rest-stop-name{color:#e4e4e7;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:600;overflow:hidden}.rest-stop-elev{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;margin-left:8px;font-size:.75rem}.rest-stop-tags{flex-wrap:wrap;grid-column:span 2;gap:4px;display:flex}.rest-stop-tag{color:#34a853;background:#34a85314;border:1px solid #34a85366;border-radius:6px;padding:1px 6px;font-size:.68rem;font-weight:600}.rest-stop-item.highlighted-rest-stop{background:#34a8532e!important;border-color:#5cd67d!important}.rest-stop-item.highlighted-rest-stop .rest-stop-mi .climb-num,.rest-stop-item.highlighted-rest-stop .rest-stop-mi .climb-label,.rest-stop-item.highlighted-rest-stop .rest-stop-mi .climb-unit{color:#5cd67d!important}.roster-pill{white-space:nowrap;border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff0d;border-radius:9999px;padding:5px 12px;font-size:.88rem;line-height:1.2;display:inline-block}.roster-pill.favorite{white-space:nowrap;color:#fbbf24;background:#fbbf242e;border:1px solid #fbbf2466;border-radius:9999px;padding:5px 12px;font-size:.88rem;font-weight:700;line-height:1.2;display:inline-block;box-shadow:0 0 6px #fbbf2426}