html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;background-color:transparent;min-height:100vh;min-height:100dvh;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;line-height:1}html{height:100vh;height:100dvh;width:100vw;font-size:16px;margin:0;padding:0}body{height:100vh;height:100dvh;width:100vw;margin:0;padding:0;background-color:transparent;overflow:hidden}#sveltekit-body{height:100vh;height:100dvh;width:100vw;margin:0;padding:0;background-color:transparent;overflow:hidden;position:relative;display:block}*{box-sizing:border-box}.app-container,.mobile-layout,.mobile-map-container{background-color:var(--bg-primary)}body>*{margin:0;padding:0}.mapboxgl-map,.mapboxgl-canvas,.mapboxgl-canvas-container,.mapboxgl-ctrl-attrib,.mapboxgl-ctrl-logo{margin:0!important;padding:0!important;background-color:transparent!important}.mapboxgl-*{margin:0!important;padding:0!important}:root{--background-color: #ffffff;--background-color-dark: #1c1c1e;--text-color: #000000;--text-color-dark: #ffffff;--text-color-secondary: #8e8e93;--text-color-secondary-dark: #8e8e93;--background-secondary: #f2f2f7;--background-secondary-dark: #2c2c2e;--hover-color: rgba(0, 0, 0, .05);--hover-color-dark: rgba(255, 255, 255, .1);--border-color: #d1d1d6;--primary-color: #007aff;--primary-hover: #0056cc}.mobile-map-container,.mobile-map-container>*,.mobile-map-container>*>*{width:100%!important;height:100%!important;margin:0!important;padding:0!important;background-color:var(--bg-accent)!important}.mobile-map-container .mapboxgl-map,.mobile-map-container .mapboxgl-canvas,.mobile-map-container .mapboxgl-canvas-container{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important}@supports (padding: max(0px)){html,body{padding-top:max(0px,env(safe-area-inset-top) * .1);padding-left:max(0px,env(safe-area-inset-left) * .1);padding-right:max(0px,env(safe-area-inset-right) * .1);padding-bottom:max(0px,env(safe-area-inset-bottom) * .1)}}@media (display-mode: standalone){html,body{padding:0;height:100vh;height:100dvh;width:100vw}.vertical-menu-container,.toast{top:max(8px,calc(env(safe-area-inset-top,0px)*.3))}.mobile-map-container{margin:0}@media (orientation: landscape){.mobile-map-container{margin-top:0;margin-left:0}}}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f3f4f6;--bg-accent: #e8f4f8;--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--border-primary: #e5e7eb;--border-secondary: #d1d5db;--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .15);--shadow-heavy: rgba(0, 0, 0, .2);--accent-primary: #e74c3c;--accent-secondary: #c0392b;--accent-blue: #1976d2;--accent-blue-dark: #1565c0;--bg-quaternary: #f9fafb}[data-theme=dark]{--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--bg-accent: #1e3a8a;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--border-primary: #374151;--border-secondary: #4b5563;--shadow-light: rgba(0, 0, 0, .3);--shadow-medium: rgba(0, 0, 0, .4);--shadow-heavy: rgba(0, 0, 0, .6);--accent-primary: #ef4444;--accent-secondary: #dc2626;--accent-blue: #3b82f6;--accent-blue-dark: #2563eb;--bg-quaternary: #111827}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--bg-accent: #1e3a8a;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--border-primary: #374151;--border-secondary: #4b5563;--shadow-light: rgba(0, 0, 0, .3);--shadow-medium: rgba(0, 0, 0, .4);--shadow-heavy: rgba(0, 0, 0, .6);--accent-primary: #ef4444;--accent-secondary: #dc2626;--accent-blue: #3b82f6;--accent-blue-dark: #2563eb}}.app-container{height:100vh;height:100dvh;width:100vw;position:relative;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);padding:0!important;margin:0!important;overflow:visible;min-height:100vh;min-height:100dvh;border:none;outline:none}.app-container:not(:has(.loading-screen)){overflow:hidden}.app-container:has(.loading-screen){overflow:visible}.mobile-layout{height:100vh;height:100dvh;display:flex;flex-direction:column;position:relative;overflow:visible;padding:0!important;margin:0!important;width:100vw;min-height:100vh;min-height:100dvh;border:none;outline:none;flex:1}.mobile-map-container{flex:1;position:relative;background-color:var(--bg-accent);padding:0!important;margin:0!important;width:100%!important;height:100vh!important;height:100dvh!important;min-height:100vh;min-height:100dvh;border:none;outline:none}.mobile-bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -8px 32px var(--shadow-light);z-index:1001;transition:transform .3s cubic-bezier(.4,0,.2,1);overflow:hidden;max-height:100vh;width:100vw;outline:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;border-top:2px solid var(--accent-primary);padding:0!important;margin:0!important;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;border-left:none;border-right:none;border-bottom:none}@supports (-webkit-touch-callout: none){.mobile-bottom-sheet,.mobile-bottom-sheet.expanded{height:100dvh;min-height:100dvh;padding-top:max(env(safe-area-inset-top,0px) * .2,8px)}.mobile-bottom-sheet.expanded .sheet-content{height:calc(100dvh - (env(safe-area-inset-top,0px)/5) - 16px)}}@media screen and (max-height: 700px){.mobile-bottom-sheet,.mobile-bottom-sheet.expanded{padding-top:max(env(safe-area-inset-top,0px) * .3,16px)}.mobile-bottom-sheet.expanded .sheet-content{height:calc(100dvh - (env(safe-area-inset-top,0px)*.3) - 32px)}}@supports (height: 100dvh){.mobile-bottom-sheet,.mobile-bottom-sheet.expanded{height:100dvh;min-height:100dvh}}@media screen and (display-mode: standalone){.mobile-bottom-sheet{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;padding-top:0;padding-left:0;padding-right:0}.mobile-bottom-sheet.expanded{height:calc(100vh - max(12px,env(safe-area-inset-top,0px) * .2) - 48px);height:calc(100dvh - max(12px,env(safe-area-inset-top,0px) * .2) - 48px);min-height:calc(100vh - max(12px,env(safe-area-inset-top,0px) * .2) - 48px);min-height:calc(100dvh - max(12px,env(safe-area-inset-top,0px) * .2) - 48px);padding-top:0;top:calc(max(12px,env(safe-area-inset-top,0px) * .2) + 48px)}.mobile-bottom-sheet.expanded .sheet-content{height:calc(100vh - max(12px,env(safe-area-inset-top,0px) * .2) - 48px);height:calc(100dvh - max(12px,env(safe-area-inset-top,0px) * .2) - 48px)}.welcome-header{padding-top:max(8px,env(safe-area-inset-top,0px))}.mobile-bottom-sheet .welcome-header{padding-top:max(1px,calc(env(safe-area-inset-top,0px)*.1))!important;margin-bottom:4px!important}.mobile-bottom-sheet.expanded .welcome-header{padding-top:max(2px,calc(env(safe-area-inset-top,0px)*.15))!important;margin-bottom:6px!important}.mobile-bottom-sheet .location-list-view .welcome-header{padding-top:max(1px,calc(env(safe-area-inset-top,0px)*.1))!important;margin-bottom:4px!important}.mobile-bottom-sheet.expanded .location-list-view .welcome-header{padding-top:max(2px,calc(env(safe-area-inset-top,0px)*.15))!important;margin-bottom:6px!important}@media screen and (max-height: 600px){.mobile-bottom-sheet .welcome-header{padding-top:max(1px,calc(env(safe-area-inset-top,0px)*.1))!important}.mobile-bottom-sheet.expanded .welcome-header{padding-top:max(2px,calc(env(safe-area-inset-top,0px)*.15))!important}}@media screen and (max-height: 650px) and (min-height: 600px){.mobile-bottom-sheet .welcome-header{padding-top:max(1px,calc(env(safe-area-inset-top,0px)*.1))!important}.mobile-bottom-sheet.expanded .welcome-header{padding-top:max(2px,calc(env(safe-area-inset-top,0px)*.15))!important}}.location-header{padding-top:max(8px,env(safe-area-inset-top,0px) * .3)}.mobile-layout{padding:0;height:100vh!important;height:100dvh!important;min-height:100vh!important;min-height:100dvh!important}.mobile-map-container{padding-bottom:0;height:100vh!important;height:100dvh!important;min-height:100vh!important;min-height:100dvh!important}.app-container>*{margin:0;padding:0}.mobile-map-container>*{width:100%!important;height:100vh!important;height:100dvh!important;margin:0!important;padding:0!important}*{box-sizing:border-box}.app-container,.mobile-layout,.mobile-map-container{background-color:var(--bg-primary)}.app-container{height:100vh!important;height:100dvh!important;min-height:100vh!important;min-height:100dvh!important;width:100vw!important}.mobile-map-container .mapboxgl-map{width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:none!important;outline:none!important}.mobile-map-container>div{width:100%!important;height:100%!important;margin:0!important;padding:0!important}.mapboxgl-canvas-container,.mapboxgl-canvas{width:100%!important;height:100%!important}}@media screen and (max-height: 600px){.mobile-bottom-sheet,.mobile-bottom-sheet.expanded{padding-top:max(env(safe-area-inset-top,0px) * .4,20px)}.welcome-header{padding-top:max(8px,env(safe-area-inset-top,0px) * .3)}.location-header{padding-top:max(12px,env(safe-area-inset-top,0px) * .4)}}@supports (-webkit-overflow-scrolling: touch){.mobile-bottom-sheet{-webkit-overflow-scrolling:touch;height:100dvh;min-height:100dvh}}@media screen and (max-height: 650px) and (min-height: 600px){.mobile-bottom-sheet,.mobile-bottom-sheet.expanded{padding-top:max(env(safe-area-inset-top,0px) * .3,16px)}}.mobile-bottom-sheet:focus,.mobile-bottom-sheet:active{outline:none;box-shadow:0 -8px 32px #00000026}.mobile-bottom-sheet.collapsed{transform:translateY(calc(100% - 8px));height:8px;background:transparent;box-shadow:none;border-top:none}.mobile-bottom-sheet.peek{transform:translateY(calc(100% - 45vh));height:45vh;padding-top:max(8px,env(safe-area-inset-top,0px))}.mobile-bottom-sheet.expanded{transform:translateY(0);height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;border-top-left-radius:0;border-top-right-radius:0;padding-top:0;overflow:hidden}@media (orientation: landscape) and (max-height: 500px){.mobile-bottom-sheet.expanded{height:calc(100vh - (env(safe-area-inset-top,0px)/5) - 20px);padding-top:max(4px,env(safe-area-inset-top,0px) * .2)}.mobile-bottom-sheet.expanded .sheet-content{height:calc(100vh - (env(safe-area-inset-top,0px)/5) - 40px)}}@media (min-height: 800px) and (max-height: 1000px){.mobile-bottom-sheet.expanded,.welcome-header{padding-top:max(8px,env(safe-area-inset-top,0px) * .3)}}@media (max-height: 600px){.mobile-bottom-sheet.expanded,.welcome-header{padding-top:max(4px,env(safe-area-inset-top,0px) * .2)}.location-header{padding-top:max(8px,env(safe-area-inset-top,0px) * .3)}}.sheet-content{overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:0;padding-left:max(0px,env(safe-area-inset-left,0px) * .2);padding-right:max(0px,env(safe-area-inset-right,0px) * .2);height:100%;box-sizing:border-box;margin:0}.welcome-header{position:relative;padding-left:32px;padding-top:8px;padding-bottom:12px;background:var(--bg-primary);z-index:1003;border-bottom:1px solid var(--border-primary)}.welcome-close-btn{position:absolute;top:50%;left:max(0px,env(safe-area-inset-left,0px));transform:translateY(-50%);width:32px;height:32px;border:none;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);opacity:.7;min-height:44px;min-width:44px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1004;touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto}.welcome-close-btn:hover{opacity:1;color:var(--text-primary);transform:scale(1.1)}.welcome-close-btn:active{transform:scale(.95)}.welcome-close-btn svg{width:16px;height:16px;stroke-width:2}.sheet-content::-webkit-scrollbar{display:none}.mobile-bottom-sheet.collapsed .sheet-content{height:0;overflow:hidden}.mobile-bottom-sheet.peek .sheet-content{height:calc(45vh - 20px)}.mobile-bottom-sheet.expanded .sheet-content{height:100vh;height:100dvh}.selected-location-view{padding:0 16px 16px;padding-left:max(16px,env(safe-area-inset-left,0px) * .3 + 16px);padding-right:max(16px,env(safe-area-inset-right,0px) * .3 + 16px);margin:0}.location-header{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--bg-tertiary);margin-bottom:20px;padding-top:max(12px,env(safe-area-inset-top,0px) * .3)}.back-btn{width:40px;height:40px;border-radius:20px;background:var(--bg-tertiary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:1002;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px;min-width:44px}.back-btn:hover{background:var(--border-primary);transform:scale(1.05)}.location-title h3{margin:0 0 4px;color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.2}.location-type{margin:0;color:var(--text-secondary);font-size:14px;font-weight:500}.location-details{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.detail-item{display:flex;align-items:flex-start;gap:12px;color:var(--text-primary);font-size:15px;line-height:1.4}.detail-item svg{color:var(--text-secondary);margin-top:2px;flex-shrink:0}.detail-item.distance{color:#1976d2;font-weight:600}.detail-item.distance svg{color:#1976d2}.machine-id{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:13px!important;color:var(--text-secondary)!important;background:var(--bg-secondary);padding:4px 8px;border-radius:6px;border:1px solid var(--border-primary)}.location-actions{display:flex;gap:12px;margin-top:auto}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 20px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;min-height:48px}.action-btn.primary{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 4px 12px #e74c3c4d}.action-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-1px);box-shadow:0 6px 16px #e74c3c66}.action-btn.primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.location-list-view{padding:0 12px;height:100%;display:flex;flex-direction:column;margin:0}.welcome-header{padding:6px 0 10px;text-align:center;border-bottom:1px solid #f3f4f6;margin-bottom:12px;flex-shrink:0;padding-top:max(6px,env(safe-area-inset-top,0px) * .2)}.mobile-bottom-sheet.expanded .welcome-header{padding:12px 0 14px;margin-bottom:16px;padding-top:max(8px,env(safe-area-inset-top,0px) * .3)}.welcome-header h2{margin:0 0 8px;color:#e74c3c;font-size:24px;font-weight:700;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.1)}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;flex-shrink:0}.mobile-bottom-sheet.peek .quick-stats{display:none}.stat-card{background:linear-gradient(135deg,#fff5f5,#fef2f2);border:1px solid #fed7d7;border-radius:12px;padding:16px 12px;text-align:center;transition:all .2s ease;box-shadow:0 2px 4px #e74c3c1a}.stat-card:hover{background:linear-gradient(135deg,#fef2f2,#fed7d7);border-color:#fc8181;transform:translateY(-1px);box-shadow:0 4px 8px #e74c3c26}.stat-number{display:block;font-size:20px;font-weight:700;color:#e74c3c;line-height:1.2;margin-bottom:4px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.stat-label{font-size:13px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.locations-container{flex:1;overflow-y:auto;background-color:var(--bg-primary, #ffffff);scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding-left:max(0px,env(safe-area-inset-left,0px) * .2);padding-right:max(0px,env(safe-area-inset-right,0px) * .2);margin:0}.locations-container::-webkit-scrollbar{display:none}.desktop-layout{display:flex;height:100vh;position:relative}.sidebar{width:400px;background:var(--bg-primary, #ffffff);border-right:1px solid var(--border-primary, #e0e0e0);display:flex;flex-direction:column;z-index:10;box-shadow:2px 0 8px var(--shadow-light, rgba(0, 0, 0, .1))}.desktop-map-container{flex:1;position:relative;background-color:var(--bg-accent, #e8f4f8)}.sidebar-header{padding:20px 16px 16px;border-bottom:2px solid var(--border-primary, #e0e0e0);background:linear-gradient(135deg,var(--accent-blue, #1976d2),var(--accent-blue-dark, #1565c0));color:#fff}.sidebar-header h1{margin:0 0 8px;font-size:20px;font-weight:700}.header-subtitle{margin:0;font-size:14px;color:#fffc;font-weight:400}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;height:100dvh;width:100vw;background:linear-gradient(135deg,var(--accent-blue, #1976d2),var(--accent-blue-dark, #1565c0));color:#fff;margin:0;padding:0;position:absolute;inset:0;z-index:9999}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.welcome-header h2{font-size:20px}.quick-stats{gap:8px}.stat-card{padding:12px 8px}.stat-number{font-size:18px}}@media (pointer: coarse){.sheet-handle-container{padding:16px 0 12px}.action-btn,.back-btn{min-height:48px}}.status-bar{display:none}.status-item{display:flex;align-items:center;gap:4px;font-size:11px}.status-icon{width:6px;height:6px;border-radius:50%;background:#22c55e}.status-icon.offline{background:#ef4444}.toast{position:fixed;top:max(20px,env(safe-area-inset-top));left:50%;transform:translate(-50%) translateY(-100px);background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;padding:12px 20px;border-radius:25px;font-size:14px;font-weight:600;box-shadow:0 4px 16px #e74c3c4d;z-index:10000;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.toast.show{transform:translate(-50%) translateY(0);opacity:1}@media (max-width: 768px){.toast{top:max(60px,calc(env(safe-area-inset-top) + 20px));max-width:calc(100vw - (2*max(20px,env(safe-area-inset-left),env(safe-area-inset-right))))}}.location-prompt-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10001;padding:max(20px,env(safe-area-inset-top),env(safe-area-inset-left),env(safe-area-inset-right));backdrop-filter:blur(5px)}.location-prompt{background:#fff;border-radius:20px;padding:30px 24px;max-width:400px;width:100%;text-align:center;box-shadow:0 10px 40px #0003;transform:scale(.9);animation:popIn .3s ease forwards}@keyframes popIn{to{transform:scale(1)}}.prompt-icon{font-size:48px;margin-bottom:16px;display:block}.location-prompt h3{margin:0 0 12px;color:#1f2937;font-size:24px;font-weight:700}.location-prompt p{margin:0 0 24px;color:#6b7280;font-size:16px;line-height:1.5}.prompt-buttons{display:flex;gap:12px;margin-bottom:16px}.prompt-btn{flex:1;padding:14px 20px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;min-height:48px}.prompt-btn.primary{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 4px 12px #e74c3c4d}.prompt-btn.primary:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-1px);box-shadow:0 6px 16px #e74c3c66}.prompt-btn.secondary{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.prompt-btn.secondary:hover{background:#e5e7eb;color:#374151}.prompt-note{opacity:.7}.prompt-note small{font-size:14px;color:#9ca3af}.troubleshoot-section{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.troubleshoot-title{font-size:14px;color:#6b7280;margin:0 0 8px;text-align:center}.prompt-btn.troubleshoot{width:100%;background:#f59e0b;color:#fff;font-size:14px;padding:10px 16px;margin:0}.prompt-btn.troubleshoot:hover{background:#d97706}.troubleshooting-modal{background:#fff;border-radius:20px;padding:0;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #0003;transform:scale(.9);animation:popIn .3s ease forwards}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border-radius:20px 20px 0 0}.modal-header h3{margin:0;font-size:20px;font-weight:700}.close-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.close-btn:hover{background:#fff3}.troubleshoot-steps{padding:24px}.step-intro{margin:0 0 20px;color:#374151;font-weight:500}.step{display:flex;gap:16px;margin-bottom:20px;align-items:flex-start}.step-number{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.step-content{flex:1}.step-content strong{display:block;margin-bottom:4px;color:#1f2937;font-size:16px}.step-content p{margin:4px 0;color:#6b7280;font-size:14px;line-height:1.4}.step-content small{color:#9ca3af;font-style:italic}.troubleshoot-actions{padding:16px 24px 24px;display:flex;gap:12px}.theme-toggle{position:fixed;top:max(16px,env(safe-area-inset-top,0px) * .3);left:max(16px,env(safe-area-inset-left,0px) * .3);width:48px;height:48px;border-radius:24px;background:var(--bg-primary);color:var(--text-primary);border:2px solid var(--border-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1001;backdrop-filter:blur(10px);box-shadow:0 4px 16px var(--shadow-light)}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px var(--shadow-medium);border-color:var(--accent-primary)}.theme-toggle:active{transform:scale(.95)}.theme-toggle svg{width:20px;height:20px;transition:all .3s ease}.theme-toggle .sun-icon{opacity:1;transform:rotate(0)}.theme-toggle .moon-icon{opacity:0;transform:rotate(-90deg);position:absolute}[data-theme=dark] .theme-toggle .sun-icon{opacity:0;transform:rotate(90deg)}[data-theme=dark] .theme-toggle .moon-icon{opacity:1;transform:rotate(0)}.location-fab{position:fixed;top:max(16px,env(safe-area-inset-top,0px) * .3);right:max(16px,env(safe-area-inset-right,0px) * .3);width:56px;height:56px;border-radius:28px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;box-shadow:0 4px 16px var(--shadow-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1001;backdrop-filter:blur(10px)}.location-fab:hover{transform:scale(1.1);box-shadow:0 6px 20px #e74c3c66}.location-fab:active{transform:scale(.95)}@media (max-width: 768px){.theme-toggle{top:max(12px,env(safe-area-inset-top,0px) * .2);left:max(12px,env(safe-area-inset-left,0px) * .2);width:44px;height:44px}.theme-toggle svg{width:18px;height:18px}.location-fab{top:max(12px,env(safe-area-inset-top,0px) * .2);right:max(12px,env(safe-area-inset-right,0px) * .2);width:48px;height:48px;border-radius:24px}.location-prompt{margin:20px;padding:24px 20px}.prompt-buttons{flex-direction:column}}.vertical-menu-container{position:fixed;top:max(20px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));z-index:1005;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:1;transform:scale(1)}@supports (-webkit-touch-callout: none){.menu-item,.menu-toggle-button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.menu-item:active{transition:none}.menu-item:not(:active){transition:all .2s ease}}.menu-items{position:absolute;top:100%;left:0;display:flex;flex-direction:column;gap:8px;margin-top:12px;z-index:1005;opacity:1;visibility:visible}.menu-item{width:56px;height:56px;border-radius:16px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 24px #00000026;text-decoration:none;min-height:56px;min-width:56px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative;z-index:1005}.menu-item:hover{transform:scale(1.05);background:#fff;box-shadow:0 8px 32px #0003}.menu-item:active{transform:scale(.98);background:#ffffffe6;box-shadow:0 2px 12px #0003}.menu-item.selected{background:var(--accent-blue);box-shadow:0 4px 24px #1976d266}.menu-item:not(.selected){background:#fffffff2;box-shadow:0 4px 24px #00000026;transform:scale(1)}.menu-item:focus{outline:none}.menu-item:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.menu-indicator{position:absolute;left:0;width:56px;height:56px;border-radius:16px;transition:all .5s cubic-bezier(.4,0,.2,1);z-index:1;opacity:0}.menu-indicator.visible{opacity:1}.menu-label{display:none!important}.menu-toggle-button{width:56px;height:56px;border-radius:16px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:var(--accent-blue);color:#fff;box-shadow:0 4px 24px #1976d24d;min-height:56px;min-width:56px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative;z-index:1001;pointer-events:auto;user-select:none;-webkit-user-select:none;margin-top:max(calc(env(safe-area-inset-top,0px) + 20px),60px)}.menu-toggle-button:hover{transform:scale(1.05);box-shadow:0 8px 32px #1976d266}.menu-toggle-button:active{transform:scale(.98)}.menu-toggle-button:focus{outline:none}.menu-toggle-button:focus-visible{outline:2px solid white;outline-offset:2px}.menu-toggle-button.active{background:var(--accent-blue-dark);transform:rotate(90deg)}.menu-toggle-button.sheet-active{border-color:var(--accent-blue);box-shadow:0 4px 24px #1976d266}.menu-toggle-button.sheet-active:hover{border-color:var(--accent-blue-dark);box-shadow:0 6px 20px #1976d280}.vertical-menu-container:not(.expanded) .menu-toggle-button{background:var(--accent-blue)!important;transform:rotate(0)!important}.vertical-menu-container:not(.expanded) .menu-item{opacity:0;transform:translateY(-20px) scale(.8);pointer-events:none;visibility:hidden;background:#fffffff2!important;box-shadow:0 4px 24px #00000026!important}.vertical-menu-container.expanded .menu-item{opacity:1;transform:translateY(0) scale(1);pointer-events:all;visibility:visible}.vertical-menu-container.expanded .menu-item:nth-child(1){transition-delay:.05s}.vertical-menu-container.expanded .menu-item:nth-child(2){transition-delay:.1s}.menu-item svg{width:24px;height:24px;transition:all .3s ease}.menu-item.sheet-toggle.active{background:var(--accent-blue);box-shadow:0 4px 24px #1976d266}.menu-item.sheet-toggle.active svg{color:#fff;stroke:#fff}.menu-item.sheet-toggle.active:hover{background:var(--accent-blue-dark);transform:scale(1.05)}.menu-item.sheet-toggle svg{transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-item.sheet-toggle:hover svg{transform:scale(1.1)}.menu-item.sheet-toggle svg{transform-origin:center}.menu-item.sheet-toggle:active svg{transform:scale(.95)}.menu-item.theme-toggle svg{color:#374151;stroke:#374151;stroke-width:2}.menu-item.theme-toggle:hover svg{color:var(--accent-blue);stroke:var(--accent-blue)}.menu-item.theme-toggle.selected svg{color:#fff;stroke:#fff}.menu-item.discord-link svg{color:#5865f2;fill:#5865f2}.menu-item.discord-link:hover svg{color:#4752c4;fill:#4752c4}.menu-item.discord-link.selected svg{color:#fff;fill:#fff}@media (max-width: 768px){.vertical-menu-container{top:16px;left:16px}.menu-item,.menu-toggle-button{width:48px;height:48px;min-height:48px;min-width:48px}.menu-indicator{width:48px;height:48px}}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;height:100dvh;padding:2rem;text-align:center;background-color:var(--bg-primary);color:var(--text-primary)}.error-icon{font-size:4rem;margin-bottom:1rem}.error-screen h3{margin:0 0 1rem;font-size:1.5rem;font-weight:600}.error-screen p{margin:0 0 2rem;color:var(--text-secondary);max-width:400px;line-height:1.5}.error-screen button{background-color:var(--accent-blue);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.error-screen button:hover{background-color:var(--accent-blue-dark)}