:root{--primary:oklch(0.535 0.112 162);--primary-hover:oklch(0.47 0.098 163);--primary-light:oklch(0.966 0.022 165);--primary-border:oklch(0.9 0.05 164);--primary-soft:oklch(0.966 0.022 165);--ring-color:oklch(0.535 0.112 162/0.28);--header-bg:oklch(0.986 0.006 83);--danger-bg:oklch(0.968 0.03 27);--color-primary-50:oklch(0.972 0.017 165);--color-primary-100:oklch(0.945 0.038 164);--color-primary-200:oklch(0.9 0.066 164);--color-primary-300:oklch(0.83 0.098 163);--color-primary-400:oklch(0.72 0.114 162);--color-primary-500:oklch(0.63 0.118 162);--color-primary-600:oklch(0.535 0.112 162);--color-primary-700:oklch(0.47 0.098 163);--color-primary-800:oklch(0.4 0.081 165);--color-primary-900:oklch(0.34 0.066 167);--breakpoint-xs:320px;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1920px;--space-xs:clamp(4px,0.25vw + 3px,6px);--space-sm:clamp(8px,0.5vw + 6px,12px);--space-md:clamp(12px,1vw + 8px,16px);--space-lg:clamp(16px,1.5vw + 11px,24px);--space-xl:clamp(24px,2vw + 16px,32px);--space-2xl:clamp(32px,3vw + 20px,48px);--space-3xl:clamp(48px,4vw + 32px,64px);--touch-min:44px;--touch-comfortable:48px;--touch-large:56px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:28px;--radius-full:9999px;--shadow-sm:0 1px 2px oklch(0.32 0.045 55/0.06),0 1px 3px oklch(0.32 0.045 55/0.09);--shadow-md:0 2px 4px oklch(0.32 0.045 55/0.05),0 6px 14px oklch(0.32 0.045 55/0.09);--shadow-lg:0 4px 10px oklch(0.32 0.045 55/0.06),0 14px 28px oklch(0.32 0.045 55/0.1);--shadow-xl:0 8px 18px oklch(0.32 0.045 55/0.08),0 28px 46px oklch(0.3 0.05 55/0.14);--shadow-2xl:0 32px 64px oklch(0.3 0.05 55/0.2);--shadow-pop:0 2px 6px oklch(0.32 0.045 55/0.1),0 10px 24px oklch(0.3 0.05 55/0.14);--inner-light-border:inset 0 1px 0 oklch(1 0 0/0.75),inset 0 0 0 1px oklch(1 0 0/0.5);--ease-out-quart:cubic-bezier(0.25,1,0.5,1);--ease-out-quint:cubic-bezier(0.22,1,0.36,1);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--duration-fast:140ms;--duration-base:220ms;--duration-slow:320ms;--transition-fast:var(--duration-fast);--transition-base:var(--duration-base);--transition-slow:var(--duration-slow);--transition-bounce:420ms;--transition-theme:300ms;--z-map:0;--z-map-control:400;--z-sheet-backdrop:900;--z-sheet:1000;--z-bottomnav:1100;--z-fab:1150;--z-modal:1400;--z-toast:1600;--z-base:var(--z-map);--z-dropdown:var(--z-sheet);--z-sticky:var(--z-bottomnav);--z-fixed:1200;--z-modal-backdrop:1300;--z-popover:1500;--z-tooltip:var(--z-toast);--glass-bg:oklch(0.986 0.006 83/0.92);--glass-bg-dark:oklch(0.3 0.02 70/0.94);--glass-border:oklch(1 0 0/0.55);--glass-blur:blur(20px) saturate(1.3);--glass-blur-light:blur(12px) saturate(1.2);--glass-blur-strong:blur(32px) saturate(1.5);--color-critical:oklch(0.57 0.22 27);--color-critical-text:oklch(0.505 0.19 27);--color-critical-bg:oklch(0.955 0.032 27);--color-high:oklch(0.665 0.19 45);--color-high-text:oklch(0.53 0.13 45);--color-high-bg:oklch(0.955 0.035 60);--color-medium:oklch(0.78 0.155 82);--color-medium-text:oklch(0.505 0.1 72);--color-medium-bg:oklch(0.96 0.04 88);--color-low:oklch(0.58 0.17 252);--color-low-text:oklch(0.5 0.15 255);--color-low-bg:oklch(0.955 0.03 252);--color-success:oklch(0.56 0.12 160);--color-success-bg:oklch(0.966 0.022 165);--color-success-border:oklch(0.9 0.05 164);--color-warning:oklch(0.665 0.19 45);--color-warning-bg:oklch(0.955 0.035 60);--color-warning-border:oklch(0.88 0.08 60);--color-error:oklch(0.57 0.22 27);--color-error-bg:oklch(0.955 0.032 27);--color-error-border:oklch(0.87 0.07 27);--color-info:oklch(0.58 0.17 252);--color-info-bg:oklch(0.955 0.03 252);--color-info-border:oklch(0.86 0.06 252);--color-gray-50:oklch(0.985 0.005 83);--color-gray-100:oklch(0.965 0.007 82);--color-gray-200:oklch(0.925 0.009 80);--color-gray-300:oklch(0.87 0.011 78);--color-gray-400:oklch(0.71 0.013 75);--color-gray-500:oklch(0.56 0.014 73);--color-gray-600:oklch(0.46 0.014 72);--color-gray-700:oklch(0.38 0.013 71);--color-gray-800:oklch(0.29 0.012 70);--color-gray-900:oklch(0.22 0.011 69);--color-text-primary:oklch(0.245 0.012 70);--color-text-secondary:oklch(0.44 0.014 70);--color-text-tertiary:oklch(0.52 0.012 72);--color-text-muted:oklch(0.55 0.011 74);--color-text-inverse:oklch(0.985 0.006 83);--color-border:oklch(0.9 0.009 78);--color-border-light:oklch(0.925 0.008 80/0.8);--color-border-medium:oklch(0.86 0.011 78/0.85);--color-border-dark:oklch(0.74 0.013 76/0.85);--color-bg-primary:oklch(0.986 0.006 83);--color-bg-secondary:oklch(0.972 0.008 83);--color-bg-tertiary:oklch(0.958 0.01 82);--color-surface:oklch(0.988 0.005 83);--surface-warm-glow:radial-gradient(120% 90% at 8% 0%,oklch(0.98 0.03 78/0.9) 0%,#0000 55%),radial-gradient(120% 90% at 100% 100%,oklch(0.96 0.035 42/0.55) 0%,#0000 55%);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono","Courier New",monospace;--font-numeric:tabular-nums;--text-xs:clamp(11px,0.5vw + 9px,12px);--text-sm:clamp(13px,0.6vw + 11px,14px);--text-base:clamp(15px,0.5vw + 13px,16px);--text-lg:clamp(18px,0.8vw + 15px,20px);--text-xl:clamp(22px,1.2vw + 17px,26px);--text-2xl:clamp(28px,2vw + 20px,34px);--text-3xl:clamp(36px,3vw + 24px,44px);--text-4xl:clamp(46px,4vw + 30px,60px);--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.6;--tracking-tighter:-0.04em;--tracking-tight:-0.02em;--tracking-normal:0em;--tracking-wide:0.02em;--tracking-wider:0.05em;--tracking-caps:0.08em;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px);--focus-ring-width:3px;--focus-ring-offset:2px;--focus-ring-color:var(--primary)}body.emergency-mode{--primary:oklch(0.555 0.2 27);--primary-hover:oklch(0.48 0.18 27);--primary-light:oklch(0.955 0.032 27);--primary-border:oklch(0.87 0.09 27);--primary-soft:oklch(0.955 0.032 27);--ring-color:oklch(0.555 0.2 27/0.32);--header-bg:oklch(0.968 0.03 27);--danger-bg:oklch(0.94 0.05 27);--color-primary-50:oklch(0.955 0.032 27);--color-primary-100:oklch(0.92 0.055 27);--color-primary-200:oklch(0.87 0.09 27);--color-primary-300:oklch(0.78 0.14 27);--color-primary-400:oklch(0.68 0.19 27);--color-primary-500:oklch(0.62 0.21 27);--color-primary-600:oklch(0.555 0.2 27);--color-primary-700:oklch(0.48 0.18 27);--color-primary-800:oklch(0.42 0.15 27);--color-primary-900:oklch(0.36 0.12 27);--focus-ring-color:var(--primary)}.theme-transition{transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s;transition:background-color var(--transition-theme),border-color var(--transition-theme),color var(--transition-theme),box-shadow var(--transition-theme)}@media (max-width:320px){:root{--space-adaptive:var(--space-sm);--space-section:var(--space-lg)}}@media (min-width:321px) and (max-width:375px){:root{--space-adaptive:var(--space-md);--space-section:var(--space-xl)}}@media (min-width:376px){:root{--space-adaptive:var(--space-lg);--space-section:var(--space-2xl)}}@media (prefers-contrast:high){:root{--color-text-primary:oklch(0.16 0.012 70);--color-text-secondary:oklch(0.3 0.014 70);--color-border-light:oklch(0.44 0.014 72);--color-border-medium:oklch(0.38 0.013 71);--border-width:2px;--focus-ring-width:4px}}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0.01ms;--duration-base:0.01ms;--duration-slow:0.01ms;--transition-fast:0.01ms;--transition-base:0.01ms;--transition-slow:0.01ms;--transition-bounce:0.01ms;--transition-theme:0.01ms}}.ds-checkbox{-webkit-appearance:none;appearance:none;background-color:oklch(.988 .005 83);background-color:var(--color-surface);border:1px solid oklch(.9 .009 78);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;height:1rem;position:relative;transition:all .2s;width:1rem}.ds-checkbox:checked{background-color:oklch(.535 .112 162);background-color:var(--primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2.5-2.5a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E");border-color:oklch(.535 .112 162);border-color:var(--primary)}.ds-checkbox:focus{box-shadow:0 0 0 3px oklch(.535 .112 162/.28);box-shadow:0 0 0 3px var(--ring-color);outline:none}.ds-radio{-webkit-appearance:none;appearance:none;background-color:oklch(.988 .005 83);background-color:var(--color-surface);border:1px solid oklch(.9 .009 78);border:1px solid var(--color-border);border-radius:50%;cursor:pointer;height:1rem;position:relative;width:1rem}.ds-radio:checked{border-color:oklch(.535 .112 162);border-color:var(--primary)}.ds-radio:checked:after{background-color:oklch(.535 .112 162);background-color:var(--primary);border-radius:50%;content:"";inset:3px;position:absolute}.ds-radio:focus{box-shadow:0 0 0 3px oklch(.535 .112 162/.28);box-shadow:0 0 0 3px var(--ring-color);outline:none}.ds-toggle-input{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ds-toggle-track{background-color:oklch(.925 .009 80);background-color:var(--color-gray-200);cursor:pointer;height:1.5rem;transition:background-color .2s;width:2.75rem}.ds-toggle-thumb{background-color:oklch(.988 .005 83);background-color:var(--color-surface);border-radius:50%;box-shadow:0 1px 3px oklch(.32 .045 55/.18);height:1.25rem;transition:transform .2s cubic-bezier(.22,1,.36,1);transition:transform .2s var(--ease-out-quint);width:1.25rem}.ds-toggle-input:checked+.ds-toggle-track{background-color:oklch(.535 .112 162);background-color:var(--primary)}.ds-toggle-input:checked+.ds-toggle-track .ds-toggle-thumb{transform:translateX(1.25rem)}.ds-toggle-input:focus+.ds-toggle-track{box-shadow:0 0 0 3px oklch(.535 .112 162/.28);box-shadow:0 0 0 3px var(--ring-color)}@keyframes pulse-ring{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(2.4)}}.marker-pulse:before{animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite;background-color:currentColor;border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.section-label{border-bottom:1px solid oklch(.9 .009 78);border-bottom:1px solid var(--color-border);color:oklch(.55 .011 74);color:var(--color-text-muted);font-size:clamp(11px,.5vw + 9px,12px);font-size:var(--text-xs);font-weight:600;font-weight:var(--font-semibold);letter-spacing:.08em;letter-spacing:var(--tracking-caps);margin-bottom:1.5rem;padding-bottom:.5rem;text-transform:uppercase}.content-container{margin-inline:auto;max-width:clamp(320px,90vw,1280px);padding-inline:clamp(12px,1vw + 8px,16px);padding-inline:var(--space-md);width:100%}.safe-area-padding{padding:max(clamp(12px,1vw + 8px,16px),env(safe-area-inset-top,0px)) max(clamp(12px,1vw + 8px,16px),env(safe-area-inset-right,0px)) max(clamp(12px,1vw + 8px,16px),env(safe-area-inset-bottom,0px)) max(clamp(12px,1vw + 8px,16px),env(safe-area-inset-left,0px));padding:max(var(--space-md),var(--safe-area-top)) max(var(--space-md),var(--safe-area-right)) max(var(--space-md),var(--safe-area-bottom)) max(var(--space-md),var(--safe-area-left))}.floating-element{position:fixed;right:clamp(12px,2vw,20px);top:clamp(75px,10vh,160px);z-index:1200;z-index:var(--z-fixed)}@media (max-width:240px){:root{--touch-min:36px;--space-md:8px;--text-base:12px}.hide-on-tiny{display:none}}@media (min-width:3840px){:root{--space-3xl:80px;--text-4xl:48px}.content-container{max-width:1600px}}:root{--font-display:"Inter Tight","Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--surface-cream:oklch(0.98 0.007 83);--surface-cream-deeper:oklch(0.958 0.011 82);--surface-warm-border:oklch(0.5 0.02 66/0.14);--surface-glass-warm:oklch(0.99 0.008 82/0.66);--surface-glass-warm-elevated:oklch(0.99 0.008 82/0.82);--glass-warm-border:oklch(1 0 0/0.55);--glass-warm-shadow:var(--inner-light-border),0 10px 30px oklch(0.32 0.045 55/0.1),0 3px 10px oklch(0.32 0.045 55/0.07);--glass-warm-blur:blur(26px) saturate(1.4);--glass-warm-blur-strong:blur(40px) saturate(1.6);--type-fire:#e63946;--type-fire-tint:#e639461a;--type-quake:#a0541a;--type-quake-tint:#a0541a1a;--type-flood:#1e6fb8;--type-flood-tint:#1e6fb81a;--type-weather:#d69400;--type-weather-tint:#d694001a;--type-infrastructure:#5c5c5c;--type-infrastructure-tint:#5c5c5c1a;--type-air:#7a4fa0;--type-air-tint:#7a4fa01a;--type-tsunami:#0f8a8a;--type-tsunami-tint:#0f8a8a1a;--type-landslide:#8b5e3c;--type-landslide-tint:#8b5e3c1a;--atm-fire-gradient:linear-gradient(180deg,#ffd9b0,#ffa770 35%,#e66b5c 70%,#8b3a3a);--atm-quake-gradient:linear-gradient(180deg,#f5e1c8,#e0b080 50%,#a06b3a);--atm-flood-gradient:linear-gradient(180deg,#d4e4f0,#7fa8c8 50%,#3a6b8e);--atm-weather-gradient:linear-gradient(180deg,#d8d8e0,#9090a8 50%,#4a4a6a);--atm-infrastructure-gradient:linear-gradient(180deg,#e8e2d4,#b8ac94 50%,#6e6258);--atm-air-gradient:linear-gradient(180deg,#e8daea,#b8a0be 50%,#6a4f70);--atm-tsunami-gradient:linear-gradient(180deg,#d4f0ee,#7fc8c4 50%,#2d6e6a);--atm-landslide-gradient:linear-gradient(180deg,#edd9c2,#c9a579 50%,#6e5238);--atm-default-gradient:linear-gradient(180deg,oklch(0.98 0.007 83),oklch(0.958 0.011 82));--severity-dot-critical:var(--color-critical);--severity-dot-high:var(--color-high);--severity-dot-medium:var(--color-medium);--severity-dot-low:var(--color-low);--text-hero:clamp(52px,6vw + 22px,92px);--text-display-l:clamp(38px,4vw + 18px,56px);--text-display-m:clamp(28px,2.5vw + 14px,38px);--text-stat-number:clamp(32px,2.5vw + 16px,48px);--text-label:clamp(10px,0.4vw + 8px,11px);--radius-glass:var(--radius-xl);--radius-pill:999px}.atm-on-gradient{color:oklch(.99 .007 83/.96);text-shadow:0 1px 2px oklch(.2 .02 60/.28)}.atm-on-gradient-muted{color:oklch(.99 .007 83/.74)}.atm-warmth{isolation:isolate;position:relative}.atm-warmth:before{background:var(--surface-warm-glow);content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}.glass-blur-light{backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light)}.glass-blur-light,.glass-blur-medium{background:var(--glass-bg);border:1px solid var(--glass-border)}.glass-blur-medium{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.glass-blur-strong{backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);background:var(--glass-bg);border:1px solid var(--glass-border)}@media (prefers-color-scheme:dark){.glass-blur-light,.glass-blur-medium,.glass-blur-strong{background:var(--glass-bg-dark);border-color:var(--glass-border)}}.shadow-elevated{box-shadow:var(--shadow-md)}.shadow-floating{box-shadow:var(--shadow-lg)}.shadow-high{box-shadow:var(--shadow-xl)}.shadow-ultra{box-shadow:var(--shadow-2xl)}.shadow-subtle{box-shadow:var(--shadow-sm)}.touch-target-min{min-height:var(--touch-min);min-width:var(--touch-min);touch-action:manipulation}.touch-target-comfortable{min-height:var(--touch-comfortable);min-width:var(--touch-comfortable);touch-action:manipulation}.touch-target-large{min-height:var(--touch-large);min-width:var(--touch-large);touch-action:manipulation}.touch-target-expanded{position:relative}.touch-target-expanded:after{bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:-8px}.focus-ring:focus-visible{border-radius:var(--radius-xs);outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.focus-ring:focus:not(:focus-visible){outline:none}.focus-ring-primary:focus-visible{outline-color:var(--color-primary-500)}.focus-ring-error:focus-visible{outline-color:var(--color-error)}.focus-ring-success:focus-visible{outline-color:var(--color-success)}@media (prefers-contrast:high){.focus-ring:focus-visible{outline-width:var(--focus-ring-width)}}.touch-feedback{overflow:hidden;position:relative;transition:transform var(--transition-fast)}.touch-feedback:active{transform:scale(.96)}.touch-feedback-subtle:active{transform:scale(.98)}.touch-feedback-strong:active{transform:scale(.92)}@keyframes slide-in-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.animate-slide-in-bottom{animation:slide-in-bottom var(--transition-base)}.animate-slide-in-left{animation:slide-in-left var(--transition-base)}.animate-slide-in-right{animation:slide-in-right var(--transition-base)}.animate-fade-in{animation:fade-in var(--transition-base)}.animate-scale-in{animation:scale-in var(--transition-base)}.animate-bounce-in{animation:bounce-in var(--transition-bounce)}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin .8s linear infinite}.skeleton-loading{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,var(--color-gray-100) 0,var(--color-gray-200) 50%,var(--color-gray-100) 100%);background-size:1000px 100%;border-radius:var(--radius-sm)}@media (prefers-color-scheme:dark){.skeleton-loading{background:linear-gradient(90deg,var(--color-gray-700) 0,var(--color-gray-600) 50%,var(--color-gray-700) 100%);background-size:1000px 100%}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.safe-area-top{padding-top:calc(var(--space-lg) + var(--safe-area-top))}.safe-area-bottom{padding-bottom:calc(var(--space-lg) + var(--safe-area-bottom))}.safe-area-left{padding-left:calc(var(--space-lg) + var(--safe-area-left))}.safe-area-right{padding-right:calc(var(--space-lg) + var(--safe-area-right))}.ripple{overflow:hidden;position:relative}.ripple:after{background:#ffffff80;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.ripple:active:after{height:300px;width:300px}@media (hover:hover) and (pointer:fine){.lift-on-hover{transition:transform var(--transition-base),box-shadow var(--transition-base)}.lift-on-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}}.gpu-accelerated{transform:translateZ(0);will-change:transform}@media (prefers-reduced-motion:reduce){.animate-bounce-in,.animate-fade-in,.animate-pulse,.animate-scale-in,.animate-slide-in-bottom,.animate-slide-in-left,.animate-slide-in-right,.animate-spin,.lift-on-hover,.ripple:after,.skeleton-loading,.touch-feedback{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.skip-link{background:var(--color-primary-500);border-radius:0 0 var(--radius-sm) 0;color:#fff;font-weight:var(--font-semibold);left:0;padding:var(--space-md) var(--space-lg);position:absolute;text-decoration:none;top:-100px;transition:top var(--transition-fast);z-index:var(--z-tooltip)}.skip-link:focus{outline:var(--focus-ring-width) solid #fff;outline-offset:-4px;top:0}.text-heading-1{font-size:var(--text-3xl);letter-spacing:var(--tracking-tighter)}.text-heading-1,.text-heading-2{color:var(--color-text-primary);font-family:var(--font-display);font-weight:var(--font-bold);line-height:var(--leading-tight)}.text-heading-2{font-size:var(--text-2xl)}.text-heading-2,.text-heading-3{letter-spacing:var(--tracking-tight)}.text-heading-3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-snug)}.text-body,.text-heading-3{color:var(--color-text-primary)}.text-body{font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-relaxed)}.text-body-emphasis{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-medium)}.text-body-emphasis,.text-small{line-height:var(--leading-normal)}.text-small{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-normal)}.text-caption{color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:var(--tracking-caps);line-height:var(--leading-normal);text-transform:uppercase}.text-display{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-display-m);font-weight:var(--font-bold);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight)}.text-kicker{color:var(--color-text-tertiary);font-size:var(--text-label);font-weight:var(--font-semibold);letter-spacing:var(--tracking-caps);line-height:1;text-transform:uppercase}.tabular-nums{font-feature-settings:"tnum" 1,var(--font-numeric);font-variant-numeric:var(--font-numeric)}.spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--primary);display:inline-block;height:24px;width:24px}.spinner-small{border-width:2px;height:16px;width:16px}.spinner-large{border-width:4px;height:32px;width:32px}.btn-primary{-webkit-tap-highlight-color:transparent;background:var(--primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--color-text-inverse);cursor:pointer;font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:-.01em;min-height:56px;padding:16px 24px;position:relative;touch-action:manipulation;transition:transform var(--transition-fast) var(--ease-out-quart),background-color var(--transition-fast) var(--ease-out-quart),box-shadow var(--transition-fast) var(--ease-out-quart)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0) scale(.98)}.btn-primary:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.btn-primary:disabled{box-shadow:none;opacity:.55;transform:none}.btn-primary.btn-light{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);color:var(--primary)}.btn-primary.btn-light:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary-border)}.btn-primary.btn-success{background:var(--primary);color:var(--color-text-inverse)}.btn-primary.btn-success:hover:not(:disabled){background:var(--primary-hover)}.btn-primary.btn-success:disabled{background:var(--color-gray-400)}.btn-primary.btn-purple{background:oklch(.55 .19 300);color:var(--color-text-inverse)}.btn-primary.btn-purple:hover:not(:disabled){background:oklch(.48 .18 300)}.btn-primary.btn-danger{background:var(--color-critical);color:var(--color-text-inverse)}.btn-primary.btn-danger:hover:not(:disabled){background:var(--color-critical-text)}.btn-secondary{-webkit-tap-highlight-color:transparent;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:-.005em;min-height:44px;padding:10px 18px;touch-action:manipulation;transition:transform var(--transition-fast) var(--ease-out-quart),background-color var(--transition-fast) var(--ease-out-quart),border-color var(--transition-fast) var(--ease-out-quart),box-shadow var(--transition-fast) var(--ease-out-quart)}.btn-secondary.btn-light{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-secondary.btn-light:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-medium);color:var(--color-text-primary)}.btn-secondary.btn-outline{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-secondary.btn-outline:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary-border);color:var(--primary)}.btn-secondary.btn-success{background:var(--primary);border:none;color:var(--color-text-inverse)}.btn-secondary.btn-success:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-secondary.btn-teal{background:oklch(.52 .09 200);border:none;color:var(--color-text-inverse)}.btn-secondary.btn-teal:hover:not(:disabled){background:oklch(.44 .09 200);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:scale(.98)}.btn-secondary:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.btn-secondary:disabled{opacity:.5}.btn-ghost{-webkit-tap-highlight-color:transparent;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:-.005em;min-height:44px;padding:10px 16px;touch-action:manipulation;transition:transform var(--transition-fast) var(--ease-out-quart),background-color var(--transition-fast) var(--ease-out-quart),color var(--transition-fast) var(--ease-out-quart)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-ghost.btn-primary-themed{color:var(--primary)}.btn-ghost.btn-primary-themed:hover:not(:disabled){background:var(--primary-light);color:var(--primary-hover)}.btn-ghost:active:not(:disabled){transform:scale(.98)}.btn-ghost:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.btn-ghost:disabled{cursor:not-allowed;opacity:.5}.btn-icon{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;min-height:48px;min-width:48px;padding:0;touch-action:manipulation;transition:transform var(--transition-fast) var(--ease-out-quart),background-color var(--transition-fast) var(--ease-out-quart),color var(--transition-fast) var(--ease-out-quart);width:48px}.btn-icon.btn-light{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-icon.btn-light:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary);transform:scale(1.05)}.btn-icon.btn-gray{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-tertiary)}.btn-icon.btn-gray:hover:not(:disabled){background:var(--color-critical);border-color:var(--color-critical);color:var(--color-text-inverse);transform:scale(1.05)}.btn-icon.btn-close{background:none;border:none;color:var(--color-text-tertiary)}.btn-icon.btn-close:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-icon.btn-primary-themed{background:var(--primary);color:var(--color-text-inverse)}.btn-icon.btn-primary-themed:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.05)}.btn-icon:active:not(:disabled){transform:scale(.96)}.btn-icon:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.btn-icon-lg{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);cursor:pointer;display:flex;font-size:28px;height:56px;justify-content:center;min-height:56px;min-width:56px;padding:0;touch-action:manipulation;transition:transform var(--transition-base) var(--ease-out-quint),box-shadow var(--transition-base) var(--ease-out-quint),background-color var(--transition-base) var(--ease-out-quint);width:56px}.btn-icon-lg.btn-success{background:var(--primary);color:var(--color-text-inverse)}.btn-icon-lg.btn-success:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-lg);transform:scale(1.06)}.btn-icon-lg:active:not(:disabled){transform:scale(.95)}.btn-icon-lg:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:4px}.btn-full-width{-webkit-tap-highlight-color:transparent;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:-.005em;min-height:48px;padding:14px 20px;touch-action:manipulation;transition:transform var(--transition-fast) var(--ease-out-quart),background-color var(--transition-fast) var(--ease-out-quart),border-color var(--transition-fast) var(--ease-out-quart),box-shadow var(--transition-fast) var(--ease-out-quart);width:100%}.btn-full-width.btn-success{background:var(--primary);border:none;box-shadow:var(--shadow-sm);color:var(--color-text-inverse)}.btn-full-width.btn-success:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-full-width.btn-teal{background:oklch(.52 .09 200);border:none;color:var(--color-text-inverse)}.btn-full-width.btn-teal:hover:not(:disabled){background:oklch(.44 .09 200)}.btn-full-width.btn-light{background:var(--primary-light);border:1px solid var(--primary-border);color:var(--primary)}.btn-full-width.btn-light:hover:not(:disabled){background:var(--color-primary-100);border-color:var(--primary);transform:translateY(-2px)}.btn-full-width:active:not(:disabled){transform:translateY(0) scale(.99)}.btn-full-width:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.btn-full-width:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.btn-primary{font-size:16px;min-height:56px;padding:16px 24px}.btn-secondary{font-size:14px;padding:10px 18px}.btn-ghost,.btn-secondary{min-height:44px}.btn-icon{font-size:20px;height:48px;min-height:48px;min-width:48px;width:48px}.btn-icon-lg{font-size:28px;height:56px;min-height:56px;min-width:56px;width:56px}.btn-full-width{font-size:15px;min-height:48px;padding:14px 20px}}@media (max-width:360px){.btn-primary{padding:14px 20px}.btn-secondary{padding:10px 14px}}@media (prefers-contrast:high){.btn-full-width,.btn-ghost,.btn-icon,.btn-icon-lg,.btn-primary,.btn-secondary{border-width:2px}}@media (prefers-reduced-motion:reduce){.btn-full-width,.btn-ghost,.btn-icon,.btn-icon-lg,.btn-primary,.btn-secondary{animation:none;transition:none}.btn-full-width:hover,.btn-ghost:hover,.btn-icon-lg:hover,.btn-icon:hover,.btn-primary:hover,.btn-secondary:hover{transform:none}}@media print{.btn-full-width,.btn-ghost,.btn-icon,.btn-icon-lg,.btn-primary,.btn-secondary{background:#fff;border:1px solid #000;box-shadow:none;color:#000}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border{border-width:1px}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e}@keyframes pulseCritical{0%,to{box-shadow:0 0 0 0 #dc2626b3;opacity:1}50%{box-shadow:0 0 0 10px #dc262600;opacity:.9}}@keyframes pulseWarning{0%,to{box-shadow:0 0 0 0 #f59e0bb3;opacity:1}50%{box-shadow:0 0 0 10px #f59e0b00;opacity:.9}}.shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#fff0,#fff6 50%,#fff0);background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}:root{--color-critical-light:var(--color-critical-bg);--color-critical-dark:var(--color-critical-text);--color-warning-light:var(--color-high-bg);--color-warning-dark:var(--color-high-text);--color-caution:var(--color-medium);--color-caution-light:var(--color-medium-bg);--color-caution-dark:var(--color-medium-text);--color-success-light:var(--color-success-bg);--color-success-dark:oklch(0.44 0.1 160);--color-info-light:var(--color-low-bg);--color-info-dark:var(--color-low-text);--color-primary:var(--primary);--color-primary-light:var(--primary-light);--color-primary-dark:var(--primary-hover);--color-secondary:var(--color-success);--color-secondary-light:var(--color-success-bg);--color-secondary-dark:var(--primary-hover);--c-text-main:var(--color-text-primary);--c-text-muted:var(--color-text-secondary);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--shadow-glass:var(--shadow-lg);--transition-slower:420ms var(--ease-out-expo)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text-primary);font-family:var(--font-sans);font-weight:400;min-height:100vh;text-rendering:optimizeLegibility}body,html{background:var(--color-bg-secondary)}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-family:var(--font-display);font-weight:700;letter-spacing:var(--tracking-tight)}button{font-family:Inter,sans-serif}b,button,strong{font-weight:600}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.reduced-motion *,.reduced-motion :after,.reduced-motion :before{animation:none!important;animation-duration:0ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important;transition-duration:0ms!important}.reduced-motion :hover{scale:1!important;transform:none!important}.reduced-motion *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.reduced-motion :hover{opacity:1!important}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f3f4f680;border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary) 0,var(--color-success) 100%);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-hover) 0,var(--primary-hover) 100%);background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-secondary-dark) 100%)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.glass,.glass-card{background:#fffffff2;border:2px solid #000}.glass-card-dark,.glass-dark{background:#111827f2;border:2px solid #fff}}:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--primary);outline:2px solid var(--color-primary);outline-offset:2px}@media print{body{background:#fff}.glass,.glass-card,.glass-card-dark,.glass-dark{background:#fff;border:1px solid #000;box-shadow:none}}.filter-bottom-sheet-backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0009;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;touch-action:none;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;z-index:999}.filter-bottom-sheet-backdrop.visible{opacity:1;visibility:visible}@media (min-width:769px){.filter-bottom-sheet,.filter-bottom-sheet-backdrop{display:none!important}}.filter-bottom-sheet{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-top-left-radius:24px;border-top-right-radius:24px;bottom:0;box-shadow:0 -4px 24px #00000026,0 -2px 8px #0000001a;display:flex;flex-direction:column;left:0;overflow:hidden;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000}.filter-bottom-sheet.open{transform:translateY(0)}.drag-handle-container{align-items:center;cursor:grab;display:flex;justify-content:center;min-height:48px;padding:12px 0;touch-action:none}.drag-handle-container:active{cursor:grabbing}.drag-handle{background:#9ca3af80;border-radius:3px;height:5px;transition:all .2s ease;width:48px}.drag-handle-container:hover .drag-handle{background:#9ca3afcc;width:56px}.bottom-sheet-header{align-items:center;border-bottom:1px solid #e5e7ebcc;display:flex;flex-shrink:0;justify-content:space-between;padding:0 24px 16px}.header-content{display:flex;flex-direction:column;gap:4px}.sheet-title{color:#111827;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0}.header-count{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.clear-all-btn{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#dc2626,#991b1b);border:none;border-radius:8px;box-shadow:0 2px 8px #dc26264d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;min-height:48px;padding:8px 16px;touch-action:manipulation;transition:all .2s ease}.clear-all-btn:hover{background:linear-gradient(135deg,#991b1b,#7f1d1d);box-shadow:0 3px 10px #dc262666;transform:translateY(-1px)}.clear-all-btn:active{transform:translateY(0)}.clear-all-btn:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);box-shadow:none;cursor:not-allowed;opacity:.6}.clear-all-btn:disabled:hover{transform:none}.clear-all-btn:focus-visible{outline:3px solid #dc2626;outline-offset:2px}.bottom-sheet-content{padding:20px 24px}.filter-section{margin-bottom:24px}.filter-section:last-child{margin-bottom:0}.section-title{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.8px;margin:0 0 12px;text-transform:uppercase}.filter-options{display:flex;flex-direction:column;gap:12px}.filter-option{-webkit-tap-highlight-color:transparent;align-items:center;background:#f9fafbcc;border:1px solid #e5e7ebcc;border-radius:12px;cursor:pointer;display:flex;min-height:64px;padding:16px;touch-action:manipulation;transition:all .2s ease}.filter-option:hover{background:#0596691a;border-color:#0596694d;transform:translateX(4px)}body.emergency-mode .filter-option:hover{background:#dc26261a;border-color:#dc26264d}.filter-option:focus-within{background:#0596690d;outline:3px solid var(--primary);outline-offset:2px}body.emergency-mode .filter-option:focus-within{background:#dc26260d;outline-color:#dc2626}.filter-option input[type=checkbox]{accent-color:var(--primary);cursor:pointer;flex-shrink:0;height:24px;margin-right:12px;width:24px}body.emergency-mode .filter-option input[type=checkbox]{accent-color:#dc2626}.filter-option input[type=checkbox]:focus-visible{outline:3px solid var(--primary);outline-offset:2px}body.emergency-mode .filter-option input[type=checkbox]:focus-visible{outline-color:#dc2626}.option-content{align-items:center;display:flex;flex:1 1;gap:12px}.option-icon{color:var(--primary);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));flex-shrink:0;transition:color var(--transition-theme)}body.emergency-mode .option-icon{color:#dc2626}.option-label{color:#374151;flex:1 1;font-size:16px;font-weight:600}.option-count{background:#e5e7ebcc;border-radius:12px;color:#6b7280;font-size:14px;font-weight:700;min-width:36px;padding:4px 12px;text-align:center}.bottom-sheet-footer{background:linear-gradient(135deg,#05966914,#10b98114);border-top:1px solid #e5e7ebcc;flex-shrink:0;padding:16px 24px;transition:background var(--transition-theme)}body.emergency-mode .bottom-sheet-footer{background:linear-gradient(135deg,#dc262614,#ef444414)}.summary{align-items:center;display:flex;font-size:14px;gap:8px;justify-content:center}.summary-label{color:#6b7280;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.summary-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#059669,#047857);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800}body.emergency-mode .summary-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc2626,#b91c1c);-webkit-background-clip:text;background-clip:text}.summary-divider{color:#d1d5db;font-size:18px;font-weight:700}.bottom-sheet-content::-webkit-scrollbar{width:8px}.bottom-sheet-content::-webkit-scrollbar-track{background:#f3f4f680;border-radius:4px}.bottom-sheet-content::-webkit-scrollbar-thumb{background:#05966980;border-radius:4px}.bottom-sheet-content::-webkit-scrollbar-thumb:hover{background:#059669b3}@media (prefers-contrast:high){.filter-bottom-sheet{background:#fff;border:2px solid #0f172a}.filter-option{border-width:2px}.drag-handle{background:#00000080}}@media (prefers-reduced-motion:reduce){.clear-all-btn,.drag-handle,.filter-bottom-sheet,.filter-bottom-sheet-backdrop,.filter-option{animation:none;transition:none}.clear-all-btn:hover,.filter-option:hover{transform:none}}@media (prefers-color-scheme:dark){.filter-bottom-sheet{background:#1f2937fa}.filter-bottom-sheet-backdrop{background:#000c}.option-label,.sheet-title{color:#f9fafb}.header-count,.option-count,.section-title,.summary-label{color:#d1d5db}.filter-option{background:#374151cc;border-color:#4b5563cc}.filter-option:hover{background:#05966933;border-color:#05966966}.option-count{background:#4b5563cc}.bottom-sheet-footer,.bottom-sheet-header{border-color:#4b5563cc}}@media (max-width:360px){.bottom-sheet-content,.bottom-sheet-footer,.bottom-sheet-header{padding-left:16px;padding-right:16px}.sheet-title{font-size:18px}.option-label{font-size:15px}}@media (orientation:landscape) and (max-width:768px){.filter-bottom-sheet.expanded{height:70vh!important}.filter-bottom-sheet.peek{height:35vh!important}}.alert-notification-panel{font-family:Inter,Atkinson Hyperlegible,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;position:fixed;right:20px;top:110px;z-index:1000}@media (min-width:769px){.alert-notification-panel .alert-icon-container{display:none}}.alert-icon-container{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #ffffff80;border-radius:1rem;box-shadow:0 4px 16px #0000001a;cursor:pointer;display:flex;height:56px;justify-content:center;position:relative;transition:all .2s ease;width:56px}body.emergency-mode .alert-icon-container{background:#fef2f2f2;border-color:#dc262633;box-shadow:0 4px 16px #dc262626}.alert-icon-container:before{display:none}.alert-icon-container:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}body.emergency-mode .alert-icon-container:hover{box-shadow:0 8px 24px #dc262633}.alert-icon-container:active{transform:translateY(0)}.alert-icon-container:focus{outline:3px solid var(--ring-color);outline-offset:3px}body.emergency-mode .alert-icon-container:focus{outline-color:#dc262680}.bell-icon{align-items:center;color:#059669;color:var(--primary,#059669);display:flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:24px;justify-content:center;position:relative;transition:color .2s ease;z-index:1}body.emergency-mode .bell-icon{color:#dc2626}.alert-badge{align-items:center;animation:badge-pop .3s cubic-bezier(.68,-.55,.265,1.55);background-color:#dc2626;border:3px solid #fff;border-radius:16px;box-shadow:0 4px 12px #dc262680,0 0 20px #dc26264d,inset 0 -2px 4px #0003;color:#fff;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;min-width:32px;padding:0 10px;position:absolute;right:-8px;top:-8px;white-space:nowrap}@keyframes badge-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.alert-badge.flashing{animation:flash-glow 1.5s infinite,badge-pop .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes flash-glow{0%,to{box-shadow:0 4px 12px #dc262680,0 0 20px #dc26264d,inset 0 -2px 4px #0003;opacity:1;transform:scale(1)}50%{box-shadow:0 6px 16px #dc2626b3,0 0 30px #dc262699,inset 0 -2px 4px #0000004d;opacity:.85;transform:scale(1.15)}}.alert-panel-expanded{animation:slideDown .4s cubic-bezier(.68,-.55,.265,1.55);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e5e7eb80;border-radius:16px;box-shadow:0 20px 60px #00000040,0 0 0 1px #ffffff80,inset 0 1px 0 #fffc;max-height:650px;overflow:hidden;position:absolute;right:0;top:76px;width:420px}.alert-panel-header{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffe6;border-bottom:1px solid #ffffff80;color:#0f172a;color:var(--c-text-main,#0f172a);display:flex;justify-content:space-between;padding:1rem 1.25rem;position:relative;transition:all .2s ease}body.emergency-mode .alert-panel-header{background:#fef2f2f2;border-bottom-color:#dc262626}.alert-panel-header:before{display:none}.alert-panel-title{color:#059669;color:var(--primary,#059669);font-size:1rem;font-weight:700;letter-spacing:-.02em;margin:0;position:relative;z-index:1}body.emergency-mode .alert-panel-title{color:#dc2626}.alert-panel-controls{display:flex;gap:10px;position:relative;z-index:1}.control-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#f3f4f6cc;border:1px solid #e5e7eb80;border-radius:.5rem;box-shadow:0 2px 4px #0000000d;color:#64748b;color:var(--c-text-muted,#64748b);cursor:pointer;display:flex;font-size:18px;justify-content:center;min-height:40px;min-width:40px;touch-action:manipulation;transition:all .2s ease}.control-button:hover{background:#ffffff59;box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.control-button:active{transform:scale(.96)}.control-button:focus-visible{outline:3px solid #fff;outline-offset:2px}.alert-list{background:linear-gradient(180deg,#f9fafbcc 0,#f3f4f6e6);max-height:550px;overflow-y:auto;padding:16px}.alert-list::-webkit-scrollbar{width:10px}.alert-list::-webkit-scrollbar-track{background:#f3f4f680;border-radius:5px;margin:4px}.alert-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);border:2px solid #f3f4f680;border-radius:5px;-webkit-transition:background var(--transition-theme);transition:background var(--transition-theme)}body.emergency-mode .alert-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#dc2626,#b91c1c)}.alert-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#047857,#065f46)}body.emergency-mode .alert-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)}.alert-empty-state{color:#6b7280;padding:50px 24px;text-align:center}.empty-state-icon{animation:pulse-slow 3s infinite;font-size:56px;margin-bottom:20px}@keyframes pulse-slow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.empty-state-message{color:#374151;font-size:17px;font-weight:600;margin:0 0 10px}.empty-state-submessage{color:#9ca3af;font-size:14px;line-height:1.5;margin:0}.dismiss-all-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--primary-light);border:1px solid var(--primary-border);border-radius:10px;box-shadow:0 2px 8px #0596691a;color:var(--primary);cursor:pointer;font-size:14px;font-weight:600;margin-bottom:14px;padding:12px;transition:all .2s ease;width:100%}body.emergency-mode .dismiss-all-button{background:#fef2f2;border-color:#fca5a5;box-shadow:0 2px 8px #dc26261a;color:#dc2626}.dismiss-all-button:hover{background:var(--color-primary-100);border-color:var(--primary);box-shadow:0 4px 12px #05966933;transform:translateY(-2px)}body.emergency-mode .dismiss-all-button:hover{background:#fee2e2;border-color:#dc2626;box-shadow:0 4px 12px #dc262633}.dismiss-all-button:active{transform:translateY(0)}.alert-severity-group{animation:fade-in .3s ease-out;margin-bottom:18px}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.severity-group-header{align-items:center;display:flex;gap:8px;margin-bottom:10px}.severity-badge{align-items:center;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 12px #0003,inset 0 1px 0 #ffffff4d;color:#fff;display:inline-flex;font-size:11px;font-weight:800;letter-spacing:.8px;padding:6px 14px;text-transform:uppercase}.alert-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #e5e7ebcc;border-left:5px solid var(--primary);border-radius:12px;box-shadow:0 4px 12px #00000014,inset 0 1px 0 #ffffff80;margin-bottom:10px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}body.emergency-mode .alert-card{border-left-color:#dc2626}.alert-card:hover{border-color:#e5e7eb;box-shadow:0 8px 24px #0000001f,inset 0 1px 0 #fff9;transform:translateY(-3px) scale(1.01)}.alert-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.alert-type-info{align-items:center;display:flex;gap:10px}.disaster-icon{align-items:center;color:var(--primary);display:flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:28px;justify-content:center;line-height:1;transition:color var(--transition-theme)}body.emergency-mode .disaster-icon{color:#dc2626}.disaster-type-name{color:#111827;font-size:16px;font-weight:700;letter-spacing:-.2px}.dismiss-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#f3f4f6cc;border:1px solid #d1d5db80;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#6b7280;cursor:pointer;display:flex;font-size:18px;justify-content:center;min-height:48px;min-width:48px;touch-action:manipulation;transition:all .2s ease}.dismiss-button:hover{background:#ef4444e6;border-color:#dc262680;box-shadow:0 4px 8px #dc26264d;color:#fff;transform:scale(1.05)}.dismiss-button:active{transform:scale(.96)}.dismiss-button:focus-visible{outline:3px solid #dc2626;outline-offset:2px}.alert-card-details{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.detail-row{color:#4b5563;font-size:13px;gap:10px;line-height:1.5}.detail-icon,.detail-row{align-items:center;display:flex}.detail-icon{color:#6b7280;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));flex-shrink:0;font-size:16px;justify-content:center;text-align:center;width:20px}.detail-text{flex:1 1;font-weight:500;line-height:1.5}.source-badge{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--primary-light) 0,#05966926 100%);border:1px solid var(--primary-border);border-radius:6px;box-shadow:0 2px 4px #0596691a;color:var(--primary);display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase;transition:all var(--transition-theme)}body.emergency-mode .source-badge{background:linear-gradient(135deg,#fef2f2,#dc262626);border-color:#fca5a5;box-shadow:0 2px 4px #dc26261a;color:#dc2626}.view-map-button{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);border:none;border-radius:8px;box-shadow:0 4px 12px #05966966,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;overflow:hidden;padding:10px 14px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}body.emergency-mode .view-map-button{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc262666,inset 0 1px 0 #fff3}.view-map-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.view-map-button:hover:before{left:100%}.view-map-button:hover{box-shadow:0 6px 20px #05966980,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}body.emergency-mode .view-map-button:hover{box-shadow:0 6px 20px #dc262680,inset 0 1px 0 #ffffff4d}.view-map-button:active{box-shadow:0 2px 8px #0596694d,inset 0 1px 0 #fff3;transform:translateY(0)}body.emergency-mode .view-map-button:active{box-shadow:0 2px 8px #dc26264d,inset 0 1px 0 #fff3}.view-map-button:focus{outline:2px solid var(--ring-color);outline-offset:2px}body.emergency-mode .view-map-button:focus{outline-color:#dc262680}@media (max-width:768px){.alert-notification-panel{right:15px;top:200px}.alert-panel-expanded{max-height:550px;width:380px}.alert-icon-container{height:60px;width:60px}.bell-icon{font-size:30px}.alert-notification-panel .alert-icon-container{display:none}.alert-notification-panel .alert-panel-expanded{border-radius:16px 16px 16px 16px;bottom:calc(70px + env(safe-area-inset-bottom, 0px));left:12px;max-height:calc(100vh - 200px);position:fixed;right:12px;top:auto;width:auto;z-index:100}}@media (max-width:320px){.alert-notification-panel{right:8px;top:200px;top:calc(200px + env(safe-area-inset-top, 0px))}.alert-icon-container{height:48px;width:48px}.bell-icon{font-size:24px}}@media (max-width:480px){.alert-panel-expanded{max-height:calc(100vh - 120px);right:-12px;width:calc(100vw - 24px)}.alert-icon-container{height:56px;width:56px}.bell-icon{font-size:28px}.alert-badge{font-size:13px;height:28px;min-width:28px;padding:0 8px;right:-6px;top:-6px}.alert-panel-header{padding:16px 20px}.alert-panel-title{font-size:18px}.control-button{font-size:20px;min-height:48px;min-width:48px}.alert-list{max-height:calc(100vh - 240px);padding:16px}.disaster-icon{font-size:28px}.disaster-type-name{font-size:16px}.detail-row{font-size:14px;gap:12px}.alert-card{margin-bottom:12px;padding:16px}.alert-card-details{gap:10px}.dismiss-button{font-size:18px;min-height:48px;min-width:48px}.view-map-button{font-size:15px;min-height:48px;padding:12px 16px}.dismiss-all-button{font-size:15px;min-height:48px;padding:14px}}@media (prefers-contrast:high){.alert-card,.control-button,.dismiss-all-button,.view-map-button{border-width:2px}.alert-badge{border-width:4px}.alert-panel-expanded{background:#fff}}@media (prefers-reduced-motion:reduce){.alert-badge.flashing,.alert-panel-expanded,.alert-severity-group,.badge-pop,.empty-state-icon{animation:none}.alert-card:hover,.alert-icon-container:hover,.control-button:hover,.dismiss-all-button:hover,.dismiss-button:hover,.view-map-button:hover{transform:none}.view-map-button:before{display:none}.alert-card,.alert-icon-container,.alert-list::-webkit-scrollbar-thumb,.alert-panel-header,.disaster-icon,.dismiss-all-button,.source-badge,.view-map-button{-webkit-transition:none;transition:none}}@media print{.alert-notification-panel{display:none}}.alert-settings-panel{display:flex;flex-direction:column;max-height:650px}.alert-settings-body{background:linear-gradient(180deg,#f9fafbcc 0,#f3f4f6e6);flex:1 1;overflow-y:auto;padding:1rem 1.25rem}.settings-section{border-bottom:1px solid #e5e7ebcc;margin-bottom:1.25rem;padding-bottom:1.25rem}.settings-section:last-child{border-bottom:none;margin-bottom:0}.settings-section h4{color:#374151;font-size:.875rem;font-weight:700;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.75rem}.section-header h4{margin:0}.location-controls{display:flex;flex-direction:column;gap:.75rem}.location-button{align-items:center;border:1px solid;border-radius:.5rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease}.enable-location-btn{background:#059669;background:var(--primary,#059669);border-color:#059669;border-color:var(--primary,#059669);color:#fff}.enable-location-btn:hover:not(:disabled){background:#047857;background:var(--primary-hover,#047857);border-color:#047857;border-color:var(--primary-hover,#047857)}.enable-location-btn:disabled{cursor:not-allowed;opacity:.6}.test-location-btn{background:#f3f4f6;border-color:#d1d5db;color:#374151}.test-location-btn:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.test-location-btn:disabled{cursor:not-allowed;opacity:.6}.location-error{background:#fef2f2;border:1px solid #fca5a5;border-radius:.5rem;color:#dc2626;font-size:.875rem;padding:.75rem}.current-location-display{align-items:center;background:#ecfdf5;background:var(--primary-light,#ecfdf5);border:1px solid #a7f3d0;border:1px solid var(--primary-border,#a7f3d0);border-radius:.5rem;color:#059669;color:var(--primary,#059669);display:flex;font-size:.875rem;gap:.5rem;padding:.75rem}.location-coords{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8125rem}.setting-item{margin-bottom:.75rem}.toggle-label{align-items:center;cursor:pointer;display:flex;gap:.75rem}.toggle-label input[type=checkbox]{accent-color:#059669;accent-color:var(--primary,#059669);cursor:pointer;height:1.25rem;width:1.25rem}.toggle-text{color:#1f2937;font-size:.9375rem;font-weight:500}.setting-description{color:#6b7280;font-size:.8125rem;line-height:1.4;margin-left:2rem;margin-top:.25rem}.select-buttons{display:flex;gap:.5rem}.select-all-button{background:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;color:#4b5563;cursor:pointer;font-size:.75rem;font-weight:500;padding:.375rem .75rem;transition:all .2s ease}.select-all-button:hover{background:#e5e7eb;border-color:#9ca3af}.checkbox-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.checkbox-label{align-items:center;background:#fffc;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;display:flex;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.checkbox-label:hover{background:#fff;border-color:#d1d5db}.checkbox-label input[type=checkbox]{accent-color:#059669;accent-color:var(--primary,#059669);cursor:pointer;flex-shrink:0;height:1rem;width:1rem}.checkbox-label .severity-badge{border-radius:.25rem;font-size:.6875rem;padding:.25rem .5rem}.disaster-type-label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:500}.disaster-type-label .disaster-icon{color:#6b7280;font-size:18px}.test-alert-button{background:#fef3c7;border:1px solid #f59e0b;border-radius:.5rem;color:#92400e;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1rem;transition:all .2s ease;width:100%}.test-alert-button:hover:not(:disabled){background:#fde68a}.test-alert-button:disabled{cursor:not-allowed;opacity:.5}.map-settings-section{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.refresh-map-button{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:.75rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.refresh-map-button:hover{background:#e5e7eb}.error-banner{background:#fef2f2;border:1px solid #fca5a5;border-radius:.5rem;color:#dc2626;font-size:.875rem;margin:.75rem 1rem;padding:.75rem 1rem}.error-banner ul{margin:.5rem 0 0 1rem;padding:0}.error-banner li{margin-bottom:.25rem}.success-banner{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:.5rem;color:#059669;font-size:.875rem;font-weight:500;margin:.75rem 1rem;padding:.75rem 1rem;text-align:center}.alert-panel-footer{align-items:center;background:#fffffff2;border-top:1px solid #e5e7ebcc;display:flex;justify-content:space-between;padding:.75rem 1.25rem}.reset-button{background:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;color:#4b5563;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1rem;transition:all .2s ease}.reset-button:hover:not(:disabled){background:#e5e7eb}.reset-button:disabled{cursor:not-allowed;opacity:.5}.save-button{background:linear-gradient(135deg,#059669,#047857);background:linear-gradient(135deg,var(--primary,#059669) 0,var(--primary-hover,#047857) 100%);border:none;border-radius:.5rem;box-shadow:0 2px 8px #0596694d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.5rem;transition:all .2s ease}.save-button:hover:not(:disabled){box-shadow:0 4px 12px #05966966;transform:translateY(-1px)}.save-button:disabled{cursor:not-allowed;opacity:.7;transform:none}@media (max-width:480px){.checkbox-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column}.select-buttons{width:100%}.select-all-button{flex:1 1}}.map-settings-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.map-settings-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-height:90vh;max-width:600px;overflow-y:auto;padding:0;width:90%}.map-settings-modal .modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.map-settings-modal .modal-header h2{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.map-settings-modal .close-button{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:48px;justify-content:center;line-height:1;min-height:48px;min-width:48px;padding:0;touch-action:manipulation;transition:all .2s;width:48px}.map-settings-modal .close-button:hover{background:#f3f4f6;color:#111827}.map-settings-modal .close-button:focus-visible{outline:3px solid #14b8a6;outline-offset:2px}.map-settings-modal .modal-body{padding:24px}.map-settings-modal .error-banner{background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#991b1b;margin-bottom:20px;padding:12px 16px}.map-settings-modal .error-banner p{margin:4px 0}.map-settings-modal .success-banner{animation:slideDown .3s ease-out;background:#d1fae5;border:1px solid #6ee7b7;border-radius:8px;color:#065f46;font-weight:500;margin-bottom:20px;padding:12px 16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.map-settings-modal .settings-section{margin-bottom:24px}.map-settings-modal .section-header{margin-bottom:16px}.map-settings-modal .section-header h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0 0 4px}.map-settings-modal .section-description{color:#6b7280;font-size:.875rem;margin:0}.map-settings-modal .slider-container{margin-bottom:16px}.map-settings-modal .slider-container label{color:#374151;display:block;font-size:.9rem;margin-bottom:12px}.map-settings-modal .slider-container strong{color:#14b8a6;font-weight:600}.map-settings-modal .radius-slider{-webkit-appearance:none;background:linear-gradient(90deg,#d1d5db 0,#14b8a6);border-radius:4px;height:8px;margin-bottom:8px;outline:none;width:100%}.map-settings-modal .radius-slider:disabled{cursor:not-allowed;opacity:.5}.map-settings-modal .radius-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#14b8a6;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;-webkit-transition:all .2s;transition:all .2s;width:20px}.map-settings-modal .radius-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 8px #0000004d;transform:scale(1.1)}.map-settings-modal .radius-slider::-moz-range-thumb{background:#14b8a6;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;-moz-transition:all .2s;transition:all .2s;width:20px}.map-settings-modal .radius-slider::-moz-range-thumb:hover{box-shadow:0 4px 8px #0000004d;transform:scale(1.1)}.map-settings-modal .slider-labels{color:#9ca3af;display:flex;font-size:.75rem;justify-content:space-between;margin-top:4px}.map-settings-modal .checkbox-container{margin-bottom:16px}.map-settings-modal .checkbox-container label{align-items:flex-start;border-radius:8px;cursor:pointer;display:flex;padding:12px;transition:background .2s}.map-settings-modal .checkbox-container label:hover{background:#f9fafb}.map-settings-modal .checkbox-container input[type=checkbox]{accent-color:#14b8a6;cursor:pointer;flex-shrink:0;height:18px;margin-right:12px;margin-top:3px;width:18px}.map-settings-modal .checkbox-container span{color:#374151;flex:1 1;font-size:.9rem}.map-settings-modal .help-text{color:#6b7280;font-size:.8rem;line-height:1.4;margin:8px 0 0 30px}.map-settings-modal .section-divider{border:0;border-top:1px solid #e5e7eb;margin:24px 0}.map-settings-modal .settings-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:24px;padding:16px}.map-settings-modal .settings-summary h4{color:#111827;font-size:1rem;font-weight:600;margin:0 0 12px}.map-settings-modal .settings-summary ul{margin:0;padding-left:20px}.map-settings-modal .settings-summary li{color:#374151;font-size:.9rem;line-height:1.5;margin:8px 0}.map-settings-modal .settings-summary strong{color:#14b8a6;font-weight:600}.map-settings-modal .modal-footer{align-items:center;background:#fff;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;bottom:0;display:flex;justify-content:space-between;padding:16px 24px;position:-webkit-sticky;position:sticky}.map-settings-modal .action-buttons{display:flex;gap:12px}.map-settings-modal .cancel-button,.map-settings-modal .reset-button,.map-settings-modal .save-button{-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;min-height:48px;padding:12px 20px;touch-action:manipulation;transition:all .2s}.map-settings-modal .reset-button{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.map-settings-modal .reset-button:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.map-settings-modal .cancel-button{background:#fff;border:1px solid #d1d5db;color:#374151}.map-settings-modal .cancel-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.map-settings-modal .save-button{background:#14b8a6;color:#fff}.map-settings-modal .save-button:hover:not(:disabled){background:#0d9488;box-shadow:0 4px 8px #14b8a64d;transform:translateY(-1px)}.map-settings-modal .cancel-button:disabled,.map-settings-modal .reset-button:disabled,.map-settings-modal .save-button:disabled{cursor:not-allowed;opacity:.5}.map-settings-modal .cancel-button:active:not(:disabled),.map-settings-modal .reset-button:active:not(:disabled),.map-settings-modal .save-button:active:not(:disabled){transform:scale(.98)}.map-settings-modal .cancel-button:focus-visible,.map-settings-modal .reset-button:focus-visible,.map-settings-modal .save-button:focus-visible{outline:3px solid #14b8a6;outline-offset:2px}@media (max-width:640px){.modal-overlay{align-items:flex-start}.map-settings-modal{border-radius:0;height:100%;margin:0;max-height:100vh;width:100%}.map-settings-modal .modal-header{padding:16px 20px}.map-settings-modal .modal-header h2{font-size:1.25rem}.map-settings-modal .modal-body{padding:20px}.map-settings-modal .modal-footer{flex-direction:column-reverse;gap:12px;padding:16px 20px}.map-settings-modal .action-buttons{flex-direction:column;width:100%}.map-settings-modal .cancel-button,.map-settings-modal .reset-button,.map-settings-modal .save-button{font-size:15px;min-height:48px;padding:14px 20px;width:100%}}.proximity-alert-notice{background:linear-gradient(135deg,#ffc1071a,#ff98001a);border-left:4px solid #ff9800;border-radius:6px;color:#663c00;font-size:14px;line-height:1.5;margin-top:12px;padding:12px 16px}.navigation-panel{animation:nav-panel-in .22s cubic-bezier(.2,.8,.2,1);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);background:#fffdf8f5;border:1px solid #0000000f;border-radius:20px;box-shadow:0 12px 40px #1c1c1a2e,0 2px 8px #1c1c1a0f;color:#1c1c1e;color:var(--color-text-primary,#1c1c1e);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-family:var(--font-sans,-apple-system,BlinkMacSystemFont,system-ui,sans-serif);left:auto;max-height:70vh;max-width:calc(100% - 40px);overflow-y:auto;position:fixed;right:20px;top:20px;transform:translateX(-25%);width:460px;z-index:10000}@keyframes nav-panel-in{0%{opacity:0;transform:translateX(-25%) translateY(-8px)}to{opacity:1;transform:translateX(-25%) translateY(0)}}.navigation-panel.mobile-sheet{animation:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;left:auto;max-height:none;max-width:100%;overflow-y:visible;position:relative;right:auto;top:auto;transform:none;width:100%;z-index:auto}.nav-compact-toggle{align-items:center;background:#ffffffb3;border:1px solid #3c3c431f;border:1px solid var(--surface-warm-border,#3c3c431f);border-radius:10px;color:#6e6e73;color:var(--color-text-secondary,#6e6e73);cursor:pointer;display:flex;justify-content:center;min-height:36px;min-width:36px;position:absolute;right:16px;top:14px;touch-action:manipulation;transition:background .15s ease}.nav-compact-toggle:hover{background:#fffffff2}@media (max-width:768px){.nav-compact-toggle{display:none}}.navigation-panel.compact{max-height:200px}.navigation-panel.compact .nav-current-step{padding:16px 20px}.navigation-panel.compact .nav-instruction-main{font-size:16px}.navigation-panel.compact .nav-instruction-distance{font-size:24px}.nav-header{background:#0000;border-bottom:1px solid #3c3c431f;border-bottom:1px solid var(--surface-warm-border,#3c3c431f);border-radius:20px 20px 0 0;color:#1c1c1e;color:var(--color-text-primary,#1c1c1e);gap:12px;padding:16px 18px}.nav-exit-btn,.nav-header{align-items:center;display:flex}.nav-exit-btn{background:#ffffffb3;border:1px solid #3c3c431f;border:1px solid var(--surface-warm-border,#3c3c431f);border-radius:999px;color:#6e6e73;color:var(--color-text-secondary,#6e6e73);flex-shrink:0;justify-content:center;min-height:40px;min-width:40px;touch-action:manipulation;transition:background .15s ease,color .15s ease}.nav-exit-btn:focus-visible{outline:2px solid #1e6fb8;outline:2px solid var(--type-flood,#1e6fb8);outline-offset:2px}.nav-exit-btn:hover{background:#e639461a;background:var(--type-fire-tint,#e639461a);color:#e63946;color:var(--type-fire,#e63946)}body[data-design=v2] .nav-exit-btn{background:#ffffffb3;background-image:none;border:1px solid #3c3c431f;border:1px solid var(--surface-warm-border,#3c3c431f);border-radius:999px;box-shadow:none;color:#6e6e73;color:var(--color-text-secondary,#6e6e73);padding:0}body[data-design=v2] .nav-exit-btn:hover{background:#e639461a;background:var(--type-fire-tint,#e639461a);box-shadow:none;color:#e63946;color:var(--type-fire,#e63946);transform:none}.nav-header-controls{align-items:center;display:flex;gap:8px}.nav-control-btn{align-items:center;background:#ffffffb3;border:1px solid #3c3c431f;border:1px solid var(--surface-warm-border,#3c3c431f);border-radius:10px;color:#6e6e73;color:var(--color-text-secondary,#6e6e73);cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;touch-action:manipulation;transition:background .15s ease}.nav-control-btn:focus-visible{outline:2px solid #1e6fb8;outline:2px solid var(--type-flood,#1e6fb8);outline-offset:2px}.nav-control-btn:hover{background:#fffffff2}.nav-destination-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.nav-destination-name{color:#1c1c1e;color:var(--color-text-primary,#1c1c1e);font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-eta{font-feature-settings:"tnum";color:#6e6e73;color:var(--color-text-secondary,#6e6e73);font-size:13px;font-variant-numeric:tabular-nums;font-weight:500}.nav-current-step{align-items:center;border-bottom:1px solid #3c3c431a;border-bottom:1px solid var(--surface-warm-border,#3c3c431a);display:flex;padding:22px 20px}.nav-instruction-icon{align-items:center;background:#1e6fb81a;background:var(--type-flood-tint,#1e6fb81a);border-radius:16px;color:#1e6fb8;color:var(--type-flood,#1e6fb8);display:flex;flex-shrink:0;height:56px;justify-content:center;margin-right:16px;width:56px}.nav-instruction-text{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.nav-instruction-main{color:#1c1c1e;color:var(--color-text-primary,#1c1c1e);font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.01em;line-height:1.25}.nav-instruction-distance{font-feature-settings:"tnum";color:#1e6fb8;color:var(--type-flood,#1e6fb8);font-family:var(--font-display);font-size:32px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em}.nav-next-step{align-items:center;background:#3c3c430a;border-bottom:1px solid #3c3c431a;border-bottom:1px solid var(--surface-warm-border,#3c3c431a);color:#1c1c1e;color:var(--color-text-primary,#1c1c1e);display:flex;font-size:14px;gap:10px;padding:12px 20px}.nav-then-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.nav-next-icon,.nav-then-label{color:#6e6e73;color:var(--color-text-secondary,#6e6e73);flex-shrink:0}.nav-next-text{flex:1 1;font-weight:500;min-width:0}.nav-progress-container{background:#3c3c430f;border-bottom:1px solid #3c3c431a;border-bottom:1px solid var(--surface-warm-border,#3c3c431a);height:36px;position:relative}.nav-progress-bar{background:#1e6fb82e;background:var(--type-flood-tint,#1e6fb82e);height:100%;left:0;position:absolute;top:0;transition:width .5s ease}.nav-progress-text{font-feature-settings:"tnum";background:#fffdf8e6;border-radius:999px;color:#6e6e73;color:var(--color-text-secondary,#6e6e73);font-size:12px;font-variant-numeric:tabular-nums;font-weight:600;left:50%;padding:2px 10px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.nav-step-controls{border-bottom:1px solid #3c3c431a;border-bottom:1px solid var(--surface-warm-border,#3c3c431a);display:flex;gap:10px;padding:14px 20px}.nav-step-btn{background:#ffffffb3;border:1px solid #3c3c431f;border:1px solid var(--surface-warm-border,#3c3c431f);border-radius:12px;color:#1c1c1e;color:var(--color-text-primary,#1c1c1e);cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:11px 16px;transition:background .15s ease,border-color .15s ease}.nav-step-btn:hover:not(:disabled){background:#fffffff2;border-color:#3c3c4333}.nav-step-btn:disabled{cursor:not-allowed;opacity:.45}.nav-error{padding:40px 20px;text-align:center}.nav-error p{color:#6e6e73;color:var(--color-text-secondary,#6e6e73);margin-bottom:16px}@media (max-width:768px){.navigation-panel{border-radius:20px 20px 0 0;bottom:0;left:0;max-height:60vh;max-width:100%;padding-bottom:env(safe-area-inset-bottom,0);right:0;top:auto;transform:none;width:100%}.nav-header{border-radius:20px 20px 0 0;min-height:56px;padding:14px 16px}.navigation-panel.compact{max-height:180px}.nav-current-step{min-height:110px;padding:20px 16px}.nav-instruction-icon{height:52px;margin-right:14px;width:52px}.nav-instruction-main{font-size:18px}.nav-instruction-distance{font-size:28px}.nav-next-step,.nav-step-controls{padding:12px 16px}}@media (max-width:480px){.navigation-panel{max-height:58vh}.navigation-panel.compact{max-height:160px}.nav-instruction-icon{height:46px;width:46px}.nav-instruction-main{font-size:16px}.nav-instruction-distance{font-size:24px}.nav-current-step{padding:16px}}.nav-all-steps-container{margin:0;padding:0}.nav-all-steps-container .instructions-list{max-height:300px}@media (prefers-reduced-motion:reduce){.navigation-panel{animation:none}}.navigation-instructions{background:#0000;border:none;border-top:1px solid #3c3c431f;border-top:1px solid var(--surface-warm-border,#3c3c431f);color:#1c1c1e;color:var(--color-text-primary,#1c1c1e);font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-family:var(--font-sans,-apple-system,BlinkMacSystemFont,system-ui,sans-serif);margin-top:0;overflow:hidden}.instructions-header{align-items:center;background:#fff6;border-bottom:1px solid #3c3c431a;border-bottom:1px solid var(--surface-warm-border,#3c3c431a);cursor:pointer;display:flex;justify-content:space-between;padding:14px 18px;transition:background-color .15s ease;-webkit-user-select:none;user-select:none}.instructions-header:hover{background:#ffffffa6}.instructions-title{align-items:center;display:flex;gap:8px}.instructions-icon{align-items:center;color:#1e6fb8;color:var(--type-flood,#1e6fb8);display:inline-flex}.instructions-title h4{color:#1c1c1e;color:var(--color-text-primary,#1c1c1e);font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:-.01em;margin:0}.instructions-count{font-size:12px;font-weight:500}.instructions-count,.toggle-button{color:#6e6e73;color:var(--color-text-secondary,#6e6e73)}.toggle-button{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:inline-flex;justify-content:center;padding:4px;transition:color .15s ease,background .15s ease}.toggle-button:hover{background:#3c3c430f;color:#1e6fb8;color:var(--type-flood,#1e6fb8)}.instructions-summary{align-items:center;background:#ffffff40;border-bottom:1px solid #3c3c431a;border-bottom:1px solid var(--surface-warm-border,#3c3c431a);display:flex;font-size:13px;gap:20px;padding:12px 18px}.summary-item{font-feature-settings:"tnum";align-items:center;color:#6e6e73;color:var(--color-text-secondary,#6e6e73);display:flex;font-variant-numeric:tabular-nums;font-weight:600;gap:6px}.summary-item svg{color:#1e6fb8;color:var(--type-flood,#1e6fb8)}.instructions-list{max-height:400px;overflow-y:auto;padding:6px 0}.instructions-list::-webkit-scrollbar{width:8px}.instructions-list::-webkit-scrollbar-track{background:#0000}.instructions-list::-webkit-scrollbar-thumb{background:#1c1c1a2e;border-radius:5px}.instructions-list::-webkit-scrollbar-thumb:hover{background:#1c1c1a52}.instruction-item{align-items:flex-start;border-bottom:1px solid #3c3c4312;border-bottom:1px solid var(--surface-warm-border,#3c3c4312);display:flex;gap:12px;padding:12px 18px;transition:background-color .15s ease}.instruction-item:last-child{border-bottom:none}.instruction-item:hover{background:#ffffff73}.instruction-step-number{font-feature-settings:"tnum";background:#1e6fb81a;background:var(--type-flood-tint,#1e6fb81a);border-radius:50%;color:#1e6fb8;color:var(--type-flood,#1e6fb8);font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;min-width:24px}.instruction-icon,.instruction-step-number{align-items:center;display:flex;height:24px;justify-content:center}.instruction-icon{color:#6e6e73;color:var(--color-text-secondary,#6e6e73);min-width:28px}.instruction-content{flex:1 1;min-width:0}.instruction-text{color:#1c1c1e;color:var(--color-text-primary,#1c1c1e);font-size:14px;line-height:1.45;margin-bottom:4px}.instruction-details{align-items:center;color:#6e6e73;color:var(--color-text-secondary,#6e6e73);display:flex;font-size:12px;gap:14px}.detail-distance,.detail-duration{font-feature-settings:"tnum";align-items:center;display:flex;font-variant-numeric:tabular-nums;gap:4px}.detail-distance svg,.detail-duration svg{opacity:.7}@media (max-width:640px){.instructions-header{padding:12px 14px}.instruction-item{gap:10px;padding:11px 14px}.instruction-text{font-size:13.5px}}.bottom-sheet-backdrop{background-color:#0000;bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;transition:background-color .3s ease;z-index:999}.bottom-sheet-backdrop.visible{background-color:#0006;pointer-events:auto}.bottom-sheet{background:#fff;border-radius:16px 16px 0 0;bottom:0;box-shadow:0 -4px 24px #00000026;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;right:0;transition:height .3s cubic-bezier(.4,0,.2,1);z-index:1000}.bottom-sheet.dragging{transition:none}.bottom-sheet-drag-handle{align-items:center;cursor:grab;display:flex;justify-content:center;padding:12px 0 8px;touch-action:none;-webkit-user-select:none;user-select:none}.bottom-sheet-drag-handle:active{cursor:grabbing}.drag-indicator{background-color:#d1d5db;border-radius:2px;height:4px;transition:background-color .2s ease;width:36px}.bottom-sheet.dragging .drag-indicator,.bottom-sheet:hover .drag-indicator{background-color:#9ca3af}.bottom-sheet-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:0}.bottom-sheet.collapsed .bottom-sheet-content{overflow-y:hidden}.bottom-sheet.collapsed{height:180px}.bottom-sheet.anchor{height:50vh}.bottom-sheet.expanded{height:80vh}@media (prefers-color-scheme:dark){.bottom-sheet{background:#1f2937;box-shadow:0 -4px 24px #0006}.drag-indicator{background-color:#4b5563}.bottom-sheet.dragging .drag-indicator,.bottom-sheet:hover .drag-indicator{background-color:#6b7280}.bottom-sheet-backdrop.visible{background-color:#0009}}@media (min-width:769px){.bottom-sheet-backdrop{display:none}.bottom-sheet{border-radius:0;box-shadow:none;height:auto!important;position:relative;transition:none}.bottom-sheet-drag-handle{display:none}.bottom-sheet-content{overflow-y:visible}}@media (max-width:480px){.bottom-sheet.collapsed{height:160px}.bottom-sheet.anchor{height:55vh}.bottom-sheet.expanded{height:85vh}}@media (prefers-reduced-motion:reduce){.bottom-sheet,.bottom-sheet-backdrop,.drag-indicator{transition:none}}.bottom-sheet-content::-webkit-scrollbar{width:6px}.bottom-sheet-content::-webkit-scrollbar-track{background:#0000}.bottom-sheet-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}@media (prefers-color-scheme:dark){.bottom-sheet-content::-webkit-scrollbar-thumb{background:#4b5563}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.edit-report-modal{max-width:700px}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.modal-close-button{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.modal-close-button:hover{background-color:#f3f4f6;color:#1f2937}.edit-report-form{padding:24px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group,.form-row{margin-bottom:16px}.form-group label{color:#374151;display:block;font-size:.95rem;font-weight:500;margin-bottom:6px}.label-hint{color:#6b7280;font-size:.85rem;font-weight:400;margin-left:4px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:.95rem;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring-color);outline:none}body.emergency-mode .form-group input:focus,body.emergency-mode .form-group select:focus,body.emergency-mode .form-group textarea:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-group textarea{min-height:80px;resize:vertical}.form-hint{color:#6b7280;display:block;font-size:.85rem;margin-top:4px}.form-info{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;padding:16px}.form-info p{color:#4b5563;font-size:.9rem;margin:6px 0}.form-info strong{color:#1f2937;font-weight:600}.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);box-shadow:0 4px 12px #0596694d;color:#fff}body.emergency-mode .btn-primary{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc26264d}.btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #05966966;transform:translateY(-1px)}body.emergency-mode .btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #dc262666}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.alert{border-radius:6px;font-size:.9rem;margin-bottom:16px;padding:12px 16px}.alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}@media (max-width:768px){.modal-overlay{align-items:flex-end;padding:0}.modal-content{animation:slideUpMobile .3s ease-out;border-radius:20px 20px 0 0;max-height:95vh;max-width:100%}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{border-radius:20px 20px 0 0;padding:20px}.modal-header h2{font-size:1.25rem}.edit-report-form{padding:20px}.form-row{gap:0;grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.submission-toast{align-items:center;animation:submissionToastSlideIn .2s ease-out;background:#10b981;border-radius:8px;box-shadow:0 4px 12px #10b9814d;color:#fff;display:flex;font-size:13px;font-weight:600;gap:6px;left:50%;padding:10px 16px;position:fixed;top:16px;transform:translateX(-50%);white-space:nowrap;z-index:9999}.submission-toast-ai{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.toast-spinner{animation:toastSpin 1s linear infinite}@keyframes submissionToastSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes toastSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.submission-toast:not(.submission-toast-ai){animation:submissionToastSlideIn .2s ease-out,submissionToastFadeOut .3s ease-in 2s forwards}@keyframes submissionToastFadeOut{0%{opacity:1}to{opacity:0}}@media (max-width:768px){.submission-toast{font-size:12px;max-width:90vw;padding:8px 14px;text-align:center;white-space:normal}}.map-loading-skeleton{align-items:center;animation:gradientShift 8s ease infinite;background:linear-gradient(135deg,#e5e7eb,#d1d5db 50%,#e5e7eb);background-size:200% 200%;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.skeleton-map-background{background-image:linear-gradient(#ffffff1a 1px,#0000 0),linear-gradient(90deg,#ffffff1a 1px,#0000 0);background-size:50px 50px;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}.skeleton-pulse-overlay{animation:pulseMove 6s ease-in-out infinite;background:radial-gradient(circle,#ffffff4d 0,#0000 70%);height:300%;left:-100%;position:absolute;top:-100%;width:300%}@keyframes pulseMove{0%,to{opacity:.3;transform:translate(0) scale(1)}50%{opacity:.5;transform:translate(20px,20px) scale(1.1)}}.skeleton-markers-container{height:100%;left:0;position:absolute;top:0;width:100%}.skeleton-marker{animation:markerPulse 2s ease-in-out infinite,markerFloat 4s ease-in-out infinite;background:linear-gradient(135deg,#05966966,#05966980 50%,#05966966);background-size:200% 200%;border:2px solid #ffffff80;border-radius:50%;box-shadow:0 4px 12px #0000001a,0 0 0 8px #0596691a;height:40px;position:absolute;transform-origin:center;width:40px}@keyframes markerPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}@keyframes markerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.skeleton-loading-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 10px 40px #0000001a,0 0 0 1px #ffffff80;max-width:500px;padding:2rem 3rem;position:relative;text-align:center;z-index:10}.shimmer-wrapper{border-radius:16px;left:0;overflow:hidden}.shimmer,.shimmer-wrapper{height:100%;position:absolute;top:0;width:100%}.shimmer{animation:shimmerSlide 2.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fffc 50%,#0000);left:-100%}@keyframes shimmerSlide{0%{left:-100%}to{left:200%}}.loading-content{flex-direction:column;gap:1rem;position:relative}.loading-content,.loading-icon{align-items:center;display:flex}.loading-icon{color:var(--primary);justify-content:center}body.emergency-mode .loading-icon{color:#dc2626}.loading-globe{animation:iconSpin 3s linear infinite}@keyframes iconSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-message{display:flex;flex-direction:column;gap:.5rem}.loading-primary{color:#1f2937;font-size:1.25rem;font-weight:600;letter-spacing:-.025em}.loading-secondary{color:#6b7280;font-size:.875rem;font-weight:400}.skeleton-zoom-controls{display:flex;flex-direction:column;gap:8px;left:20px;position:absolute;top:20px;z-index:5}.skeleton-zoom-button{animation:buttonPulse 2s ease-in-out infinite;background:#ffffffb3;border-radius:4px;height:34px;width:34px}@keyframes buttonPulse{0%,to{opacity:.5}50%{opacity:.8}}@media (max-width:768px){.skeleton-loading-text{max-width:90%;padding:1.5rem 2rem}.loading-primary{font-size:1.125rem}.loading-secondary{font-size:.8125rem}.loading-globe{height:40px;width:40px}.skeleton-marker{height:32px;width:32px}}@media (max-width:480px){.skeleton-loading-text{padding:1rem 1.5rem}.loading-primary{font-size:1rem}.loading-secondary{font-size:.75rem}.loading-globe{height:32px;width:32px}.skeleton-marker{height:24px;width:24px}}.stale-banner{animation:stale-banner-in .22s ease-out;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);background:#fff4dbeb;border-bottom:1px solid #b4822838;box-shadow:0 1px 0 #b4822814;color:#5a3d10;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;line-height:1.35;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1200}@keyframes stale-banner-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.stale-banner__summary{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;gap:10px;padding:8px 16px;text-align:left;width:100%}.stale-banner__summary:hover{background:#ffe6b466}.stale-banner__summary:focus-visible{outline:2px solid #b4822880;outline-offset:-2px}.stale-banner__dot{animation:stale-banner-pulse 1.8s ease-in-out infinite;background:#d49a2a;border-radius:50%;flex-shrink:0;height:8px;width:8px}@keyframes stale-banner-pulse{0%,to{box-shadow:0 0 0 0 #d49a2a66;opacity:1}50%{box-shadow:0 0 0 6px #d49a2a00;opacity:.6}}.stale-banner__text{flex:1 1;font-weight:500;letter-spacing:.01em}.stale-banner__hint{background:#ffffff80;border:1px solid #b482282e;border-radius:999px;color:#5a3d10b3;font-size:12px;font-weight:500;padding:2px 8px}.stale-banner__details{border-top:1px solid #b482281f;display:flex;flex-direction:column;gap:4px;padding:4px 16px 12px 34px}.stale-banner__detail-row{align-items:baseline;color:#5a3d10d9;display:flex;font-size:12px;justify-content:space-between}.stale-banner__detail-name{font-weight:500}.stale-banner__detail-age{font-feature-settings:"tnum";color:#5a3d1099;font-variant-numeric:tabular-nums}@media (max-width:768px){.stale-banner{font-size:12px}.stale-banner__summary{padding:7px 12px}.stale-banner__details{padding:4px 12px 10px 30px}}body,html{height:100%;margin:0;padding:0}body:has(.App){overflow:hidden;position:fixed;width:100%}#root{height:100%}#root:has(.App){overflow:hidden}.App{background-color:var(--color-bg-secondary);display:flex;flex-direction:column;font-family:var(--font-sans);height:100vh;overflow:hidden}.app-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border-bottom:1px solid #ffffff80;box-shadow:0 4px 24px #00000014;color:#0f172a;color:var(--c-text-main,#0f172a);display:flex;justify-content:space-between;padding:.875rem 1.5rem;position:relative;transition:all .3s ease;z-index:10001}.app-header:before{background:linear-gradient(135deg,#fff6,#fff0);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.app-header:hover{box-shadow:0 6px 32px #0000001a}body.emergency-mode .app-header{background:#fef2f2e6;border-bottom-color:#dc262633;box-shadow:0 4px 24px #dc262626}body.emergency-mode .app-header:hover{box-shadow:0 6px 32px #dc262633}.header-left,.header-right{align-items:center;display:flex;gap:1rem;position:relative;z-index:1}.brand-container{display:flex;flex-direction:column;gap:.25rem}.app-header h1{align-items:center;color:#059669;color:var(--primary,#059669);display:flex;font-size:1.375rem;font-weight:700;letter-spacing:-.02em;margin:0;transition:color .3s ease}body.emergency-mode .app-header h1{color:#dc2626;color:var(--primary,#dc2626)}.app-header h1:hover{opacity:.9}.brand-icon{color:#059669;color:var(--primary,#059669);flex-shrink:0;margin-right:8px;transition:color .3s ease;vertical-align:middle}body.emergency-mode .brand-icon{color:#dc2626;color:var(--primary,#dc2626)}.hero-tagline{color:#64748b;color:var(--c-text-muted,#64748b);font-size:.75rem;font-weight:500;letter-spacing:.01em;line-height:1.2;margin:0}.user-menu{align-items:center;display:flex;gap:.75rem;position:relative}.user-menu-dropdown{position:relative;z-index:10000}.user-menu-button{-webkit-tap-highlight-color:transparent;align-items:center;background:#059669;background:var(--primary,#059669);border:none;border-radius:9999px;box-shadow:0 2px 8px #05966940;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;min-height:40px;padding:.5rem 1rem;touch-action:manipulation;transition:all .2s ease}body.emergency-mode .user-menu-button{background:#dc2626;background:var(--primary,#dc2626);box-shadow:0 2px 8px #dc262640}.user-menu-button:hover{background:#047857;background:var(--primary-hover,#047857);box-shadow:0 4px 12px #05966959;transform:translateY(-1px)}body.emergency-mode .user-menu-button:hover{background:#b91c1c;background:var(--primary-hover,#b91c1c);box-shadow:0 4px 12px #dc262659}.user-menu-button:active{transform:translateY(0)}.user-menu-button:focus-visible{outline:3px solid #059669;outline:3px solid var(--primary,#059669);outline-offset:2px}.user-name{font-size:.875rem;font-weight:600}.dropdown-arrow{font-size:.75rem;opacity:.8;transition:transform .2s ease}.user-menu-dropdown-content{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:1px solid var(--primary-border);border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:200px;opacity:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-10px);transition:all .2s ease;visibility:hidden;z-index:10000}.user-menu-dropdown:focus-within .user-menu-dropdown-content,.user-menu-dropdown:hover .user-menu-dropdown-content{opacity:1;transform:translateY(0);visibility:visible}.user-menu-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-item{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;min-height:48px;padding:.875rem 1rem;text-align:left;text-decoration:none;touch-action:manipulation;transition:all .2s ease;width:100%}.dropdown-item:hover{background:var(--primary-light);color:var(--primary)}.dropdown-item.logout-item:hover{background:#dc26261a;color:#dc2626}.dropdown-item:active{transform:scale(.98)}.dropdown-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));flex-shrink:0;margin-right:8px;vertical-align:middle}.auth-buttons{display:flex;gap:.5rem}.login-button,.register-button{-webkit-tap-highlight-color:transparent;align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 2px 8px #0000001a;display:inline-flex;font-size:15px;font-weight:600;justify-content:center;min-height:48px;padding:12px 20px;text-decoration:none;touch-action:manipulation;transition:all .2s ease}.login-button{background:#ffffff26;border:2px solid #ffffff80;color:#fff}.login-button:hover{box-shadow:0 4px 12px #ffffff4d;transform:translateY(-2px)}.login-button:hover,.register-button{background:#fffffff2;color:var(--primary)}.register-button{border:2px solid #fffc}.register-button:hover{background:#fff;box-shadow:0 4px 12px #ffffff80;transform:translateY(-2px)}.login-button:active,.register-button:active{transform:translateY(0)}.login-button:focus-visible,.register-button:focus-visible{outline:3px solid #fffc;outline-offset:2px}.report-button.btn-secondary{align-items:center;background:#fffffff2;border:1px solid #ffffff4d;color:var(--primary);display:inline-flex;gap:6px}.report-button.btn-secondary:hover:not(:disabled){background:#fff;box-shadow:0 4px 12px #05966933}body.emergency-mode .report-button.btn-secondary:hover:not(:disabled){box-shadow:0 4px 12px #dc262633}.safe-route-button.btn-secondary{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:1px solid #fff3;color:#fff;display:inline-flex;gap:6px}.safe-route-button.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d}.safe-route-button.btn-secondary:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;opacity:.7}.btn-icon svg,.btn-primary svg,.btn-secondary svg{flex-shrink:0}.settings-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:1px solid #fff3;box-shadow:0 4px 12px #8b5cf64d;color:#fff}.settings-button:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 16px #8b5cf680}.settings-button:focus-visible{outline:3px solid #8b5cf680;outline-offset:2px}.error-message{background:#fee2e2f2;border-left:4px solid #dc2626;box-shadow:0 2px 12px #dc262633;color:#991b1b;font-weight:500}.error-message,.location-error-banner{animation:slide-in-down .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin:0;padding:1rem 2rem}.location-error-banner{background:linear-gradient(135deg,#ef4444f2,#dc2626f2);border-left:6px solid #991b1b;box-shadow:0 4px 16px #dc262666;color:#fff;position:relative;z-index:1000}.location-error-content{margin:0 auto;max-width:900px;position:relative}.location-error-close{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:0;top:-.5rem;transition:all .2s ease;width:36px}.location-error-close:hover{background:#ffffff4d;transform:scale(1.1)}.location-error-close:active{transform:scale(.95)}.location-error-text{font-size:.95rem;font-weight:500;line-height:1.6;padding-right:3rem;text-shadow:0 1px 2px #0003;white-space:pre-line}.location-error-text div{margin:.25rem 0}.location-accuracy-warning{animation:slide-in-down .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#f59e0bf2,#d97706f2);border-left:4px solid #b45309;box-shadow:0 2px 8px #d977064d;color:#fff;margin:0;padding:.5rem 1.5rem;position:relative;z-index:999}.accuracy-warning-content{align-items:center;display:flex;gap:.5rem;margin:0 auto;max-width:900px}.accuracy-warning-content .warning-icon{flex-shrink:0;opacity:.9}.accuracy-text{align-items:center;display:flex;flex-wrap:wrap;font-size:.875rem;font-weight:500;gap:.5rem}.accuracy-improve-btn{background:#ffffff40;border:1px solid #fff6;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;margin-left:.25rem;padding:.25rem .75rem;transition:all .2s ease}.accuracy-improve-btn:hover:not(:disabled){background:#ffffff59;transform:translateY(-1px)}.accuracy-improve-btn:disabled{cursor:not-allowed;opacity:.7}.accuracy-dismiss-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-left:auto;transition:all .2s ease;width:24px}.accuracy-dismiss-btn:hover{background:#ffffff4d}.guest-banner{align-items:center;animation:slide-in-down .4s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);border-bottom:1px solid #fff3;box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;justify-content:center;padding:.75rem 2rem}.guest-banner-content{align-items:center;display:flex;font-size:.95rem;gap:.75rem}.guest-icon{animation:wave 2s infinite;font-size:1.5rem;transform-origin:70% 70%}@keyframes wave{0%,to{transform:rotate(0deg)}10%,30%{transform:rotate(14deg)}20%,40%{transform:rotate(-8deg)}50%{transform:rotate(0deg)}}.guest-message{align-items:center;display:flex;gap:.5rem}.guest-link{background:#fbbf2426;border:1px solid #fbbf244d;border-radius:6px;color:#fbbf24;font-weight:700;padding:.25rem .75rem;text-decoration:none;transition:all .2s ease}.guest-link:hover{background:#fbbf2440;box-shadow:0 2px 8px #fbbf244d;transform:translateY(-1px)}.guest-banner-dismiss{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-left:auto;min-width:28px;transition:all .2s ease;width:28px}.guest-banner-dismiss:hover{background:#ffffff4d;transform:scale(1.1)}.app-content{display:flex;flex:1 1;overflow:hidden;position:relative}.form-container{animation:slide-in-left .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#f8f9faf2;border-right:1px solid #e5e7ebcc;box-shadow:2px 0 16px #0000000d;overflow-y:auto;padding:1.5rem;width:420px;z-index:50}.map-container{flex:1 1;overflow:hidden;position:relative}.loading{align-items:center;color:var(--primary);display:flex;flex-direction:column;font-size:1.2rem;gap:1rem;height:100%;justify-content:center}.loading:after{animation:spin 1s linear infinite;border:4px solid var(--primary-light);border-radius:50%;border-top-color:var(--primary);content:"";height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.app-footer{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#f8f9faf2;border-top:1px solid #e5e7ebcc;box-shadow:0 -2px 12px #00000008;color:#6b7280;font-size:.9rem;font-weight:500;padding:.75rem 2rem;text-align:center;z-index:10}.app-footer p{margin:0;text-shadow:0 1px 2px #fffc}@media (max-width:768px){.app-content{flex-direction:column}.form-container{animation:slide-in-bottom .3s ease-out;border-bottom:none;border-right:none;height:100vh;left:0;max-height:100vh;position:fixed;top:0;transition:transform .3s ease,height .3s ease;width:100%;z-index:1500}.form-container.location-picker-active{border-radius:16px 16px 0 0;box-shadow:0 -4px 24px #00000026;height:50vh;max-height:50vh;overflow-y:auto;transform:translateY(50vh)}.form-container.location-picker-active:before{background-color:#d1d5db;border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:36px;z-index:10}.map-container{flex:1 1;min-height:400px}.app-header{flex-direction:column;gap:1rem;padding:1rem}.header-left,.header-right{flex-wrap:wrap;justify-content:center}.app-header h1{font-size:1.5rem}.user-menu,.user-menu-dropdown{width:100%}.user-menu-button{justify-content:space-between;width:100%}.user-menu-dropdown-content{min-width:auto;width:100%}}@media (max-width:480px){.App{height:100vh;height:100dvh}.app-content{flex:1 1;min-height:0;overflow:hidden;position:relative}.map-container{bottom:30px;height:auto;left:0;position:absolute;right:0;top:0;width:100%}.map-container .leaflet-container{height:100%;width:100%}.app-header{align-items:flex-start;flex-direction:column;flex-shrink:0;gap:.4rem;padding:.4rem .75rem;position:relative;transition:transform .3s ease,opacity .3s ease}.app-header.hidden{opacity:0;pointer-events:none;position:absolute;transform:translateY(-100%);z-index:-1}.header-toggle-btn{-webkit-tap-highlight-color:transparent;align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--primary);border:1px solid #ffffff4d;border-radius:0 0 6px 6px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;left:50%;position:fixed;touch-action:manipulation;transform:translateX(-50%);transition:top .3s ease,background .2s ease,height .2s ease;width:44px;z-index:9999}.header-toggle-btn.header-visible{border-top:none}.header-toggle-btn:not(.header-visible){border-radius:0 0 6px 6px;border-top:1px solid #ffffff4d;top:0}.header-toggle-btn:hover{background:var(--primary-hover);box-shadow:0 3px 12px #0003;height:28px}.header-toggle-btn:active{transform:translateX(-50%) scale(.95)}.header-toggle-btn:focus-visible{outline:2px solid #fffc;outline-offset:2px}.app-header h1{font-size:1rem;line-height:1.2}.header-left,.header-right{flex-wrap:wrap;gap:.5rem;width:100%}.enable-location-button,.location-picker-button,.map-settings-button,.report-button,.safe-route-button{font-size:15px;min-height:48px;padding:12px 16px}.auth-buttons{display:flex;gap:.5rem}.login-button,.logout-btn,.register-button{font-size:15px;min-height:48px;padding:12px 16px}.guest-banner{padding:.5rem .75rem}.guest-banner-content{flex-wrap:wrap;font-size:.8rem;gap:.5rem}.guest-icon{font-size:1.2rem}.error-message{border-left-width:3px;font-size:.85rem;padding:.5rem .75rem}.location-error-banner{padding:.75rem 1rem}.location-error-text{font-size:.85rem;line-height:1.5;padding-right:2.5rem}.location-error-close{height:32px;top:-.25rem;width:32px}.app-footer{align-items:center;bottom:0;display:flex;font-size:.7rem;height:30px;justify-content:center;left:0;line-height:1.1;padding:.35rem .75rem;position:fixed;right:0;text-align:center;z-index:999}.app-footer p{margin:0}}@media (prefers-contrast:high){.app-header,.guest-banner{border-bottom:2px solid #fff}.location-picker-button,.login-button,.profile-link,.register-button,.report-button,.safe-route-button{border-width:2px}.error-message{border-left-width:6px}}@media (prefers-reduced-motion:reduce){.guest-icon,.loading:after,.location-picker-button.active{animation:none}.location-picker-button:before,.report-button:before,.safe-route-button:before{display:none}.app-header h1:hover,.guest-link:hover,.location-picker-button:hover,.login-button:hover,.profile-link:hover,.register-button:hover,.report-button:hover,.safe-route-button:hover{transform:none}}@media print{.app-footer,.app-header,.form-container,.guest-banner{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;box-shadow:none}.location-picker-button,.logout-btn,.report-button,.safe-route-button{display:none}}.navigation-controls{animation:slide-in-down .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-radius:16px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;gap:1rem;left:50%;min-width:280px;padding:1rem 1.5rem;position:fixed;top:1rem;transform:translateX(-50%);z-index:10000}.nav-exit-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;box-shadow:0 4px 12px #ef44444d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.nav-exit-btn:hover{box-shadow:0 6px 20px #ef444480;transform:translateY(-2px)}.nav-exit-btn:active{transform:translateY(0)}.nav-info{display:flex;flex-direction:column;gap:.75rem}.nav-destination,.nav-distance,.nav-duration{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:.5rem 0}.nav-destination:last-child,.nav-distance:last-child,.nav-duration:last-child{border-bottom:none}.nav-label{color:#6b7280;font-size:.9rem;font-weight:500}.nav-value{color:#111827;font-size:1rem;font-weight:600}.app-content.navigation-mode .map-container{height:100%;width:100%}@media (max-width:480px){.navigation-controls{left:.5rem;min-width:auto;padding:.75rem 1rem;right:.5rem;top:.5rem;transform:none}.nav-exit-btn{font-size:.9rem;padding:.5rem 1rem}.nav-label{font-size:.8rem}.nav-value{font-size:.9rem}.nav-destination,.nav-distance,.nav-duration{padding:.4rem 0}}.clear-route-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:30px;bottom:30px;box-shadow:0 4px 16px #ef444466;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:14px 24px;position:fixed;right:30px;transition:all .2s ease;z-index:1100}.clear-route-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444480;transform:translateY(-2px)}.clear-route-btn:active{transform:translateY(0)}@media (max-width:768px){.clear-route-btn{bottom:auto;font-size:14px;padding:12px 20px;right:20px;top:80px}}@keyframes slide-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-in-bottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.emergency-toggle{align-items:center;background:#dc26261a;border:1px solid #dc262633;border-radius:9999px;color:#dc2626;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.emergency-toggle:hover{background:#dc262626;border-color:#dc26264d}.emergency-toggle.active{background:#dc2626;border-color:#dc2626;box-shadow:0 0 0 3px #dc262633;color:#fff}.emergency-toggle.active:hover{background:#b91c1c}.emergency-toggle-icon{font-size:1rem}.emergency-toggle-label{display:none}@media (min-width:640px){.emergency-toggle-label{display:inline}}.ds-toggle{align-items:center;cursor:pointer;display:inline-flex;position:relative;-webkit-user-select:none;user-select:none}.ds-toggle input{height:0;opacity:0;position:absolute;width:0}.ds-toggle-track{background:#e2e8f0;border-radius:9999px;height:24px;position:relative;transition:all .2s ease;width:44px}.ds-toggle input:checked+.ds-toggle-track{background:#059669;background:var(--primary,#059669)}body.emergency-mode .ds-toggle input:checked+.ds-toggle-track{background:#dc2626;background:var(--primary,#dc2626)}.ds-toggle-thumb{background:#fff;border-radius:9999px;box-shadow:0 1px 3px #00000026;height:20px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:20px}.ds-toggle input:checked+.ds-toggle-track .ds-toggle-thumb{transform:translateX(20px)}.ds-toggle input:focus-visible+.ds-toggle-track{outline:2px solid #059669;outline:2px solid var(--primary,#059669);outline-offset:2px}.quick-action-card{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:1rem;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;min-width:80px;padding:1rem;text-align:center;transition:all .2s ease}.quick-action-card:hover{background:#ffffffe6;box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.quick-action-icon{align-items:center;background:#d1fae5;background:var(--primary-light,#d1fae5);border-radius:.75rem;color:#059669;color:var(--primary,#059669);display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}body.emergency-mode .quick-action-icon{background:#fef2f2;background:var(--primary-light,#fef2f2);color:#dc2626;color:var(--primary,#dc2626)}.quick-action-label{color:#0f172a;color:var(--c-text-main,#0f172a);font-size:.75rem;font-weight:600}.dashboard-layout{background-color:#f8fafc;background-color:var(--color-bg-secondary,#f8fafc);display:flex;font-family:system-ui,-apple-system,sans-serif;font-family:var(--font-sans,system-ui,-apple-system,sans-serif);max-height:100vh;max-height:100dvh;min-height:100vh;min-height:100dvh}body:has(.dashboard-layout){overflow:hidden;position:fixed;width:100%}#root:has(.dashboard-layout){overflow:hidden}.dashboard-main{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}@media (min-width:768px){.dashboard-main{margin-left:16rem}}.dashboard-grid{grid-gap:1rem;display:grid;flex:1 1;gap:1rem;grid-template-columns:1fr;max-height:calc(100vh - 4rem);max-height:calc(100dvh - 4rem);overflow-x:hidden;overflow-y:auto;padding:1rem}@media (min-width:1024px){.dashboard-grid{gap:1.5rem;grid-template-columns:2fr 1fr;padding:1.5rem}}.dashboard-left{min-height:0}.dashboard-left,.dashboard-right{display:flex;flex-direction:column;gap:1rem}.dashboard-map-container{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;flex:1 1;max-height:60vh;min-height:300px;overflow:hidden;position:relative}@media (min-width:1024px){.dashboard-map-container{flex:1 1 auto;max-height:calc(100vh - 12rem);min-height:400px}}.dashboard-map-container .leaflet-container{height:100%;min-height:inherit;width:100%}body.emergency-mode .dashboard-layout{background-color:#fef2f2}body.emergency-mode .dashboard-map-container{box-shadow:0 4px 6px -1px #dc262626,0 2px 4px -2px #dc26261a}@media (max-width:1023px){.dashboard-layout{flex-direction:column}.dashboard-grid{grid-template-columns:1fr;padding-bottom:5rem}.dashboard-left,.dashboard-right{width:100%}.dashboard-map-container{max-height:50vh;min-height:250px}.dashboard-right{display:none}}@media (max-width:640px){.dashboard-grid{gap:.5rem;height:calc(100vh - 5rem);height:calc(100dvh - 5rem);overflow:hidden;padding:.5rem .5rem 5rem}.dashboard-map-container{border-radius:.75rem;flex:1 1 auto;height:auto;max-height:calc(100vh - 10rem);max-height:calc(100dvh - 10rem);min-height:200px;overflow:hidden}.quick-action-cards{display:none}.dashboard-left{display:flex;flex:1 1 auto;flex-direction:column;max-height:calc(100vh - 8rem);max-height:calc(100dvh - 8rem);overflow:hidden}}.dashboard-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #fffc;border-radius:1rem;box-shadow:0 1px 3px #0000000d;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.dashboard-card:hover{box-shadow:0 4px 12px #00000014}body.emergency-mode .dashboard-card{background:#fef2f2f2;border-color:#dc26261a}.dashboard-layout .modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.dashboard-layout .modal-content{animation:modal-enter .3s ease-out;background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:90vw;overflow:auto}@keyframes modal-enter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (prefers-reduced-motion:reduce){.dashboard-card,.dashboard-map-container,.modal-content{animation:none;transition:none}}@media print{.dashboard-layout{background:#fff;display:block;min-height:auto}.mobile-header,.mobile-nav,.sidebar,.top-bar{display:none!important}.dashboard-grid{display:block;padding:0}.dashboard-card{background:#fff;border:1px solid #e2e8f0;box-shadow:none;margin-bottom:1rem;page-break-inside:avoid}}