:root{--primary: #2d8b8b;--primary-light: #3da8a8;--primary-dark: #1f6b6b;--secondary: #1a2332;--ocean-deep: #1a2332;--ocean-teal: #2d8b8b;--ocean-seafoam: #a8dadc;--ocean-cream: #f1faee;--success: #2d8b6e;--success-light: #3aad8a;--warning: #e8a838;--warning-light: #f0c060;--danger: #c25050;--danger-light: #d96b6b;--white: #FFFFFF;--gray-50: #f1faee;--gray-100: #e0eff0;--gray-200: #c8dce0;--gray-300: #a8c4ca;--gray-400: #7fa0a8;--gray-500: #4a6b75;--gray-600: #3d5a65;--gray-700: #2a3f48;--gray-800: #1a2332;--gray-900: #101820;--bg-light: var(--gray-50);--text-dark: var(--gray-800);--text-muted: var(--gray-500);--page-bg: #f5f7fa;--gradient-primary: linear-gradient(135deg, #2d8b8b 0%, #1f6b6b 100%);--gradient-success: linear-gradient(135deg, #2d8b6e 0%, #3aad8a 100%);--gradient-warning: linear-gradient(135deg, #e8a838 0%, #f0c060 100%);--gradient-danger: linear-gradient(135deg, #c25050 0%, #d96b6b 100%);--gradient-timer: linear-gradient(180deg, #e0f4f4 0%, #f1faee 100%);--gradient-sky: linear-gradient(135deg, #a8dadc 0%, #2d8b8b 100%);--app-max-width: 428px;--glass-bg: rgba(255, 255, 255, .8);--glass-bg-strong: rgba(255, 255, 255, .95);--glass-border: rgba(255, 255, 255, .18);--blur-sm: blur(8px);--blur-md: blur(16px);--blur-lg: blur(24px);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-cjk: "Noto Sans TC", "Noto Sans JP", sans-serif;--font-timer: "JetBrains Mono", "SF Mono", monospace;--font-xs: 11px;--font-sm: 12px;--font-base: 14px;--font-md: 16px;--font-lg: 18px;--font-xl: 20px;--font-2xl: 24px;--font-3xl: 32px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 4px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .16);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--min-tap-target: 44px;--focus-ring: 0 0 0 3px rgba(45, 139, 139, .4);--text-on-primary: #e8f8f8}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);background-color:var(--bg-light);color:var(--text-dark);line-height:1.6;font-size:16px;overflow-x:hidden;min-height:100vh}.app-container{max-width:var(--app-max-width);margin:0 auto;min-height:100vh;position:relative;background:#fff}h1{font-size:32px;font-weight:700;line-height:1.2}h2{font-size:24px;font-weight:700;line-height:1.3}h3{font-size:20px;font-weight:600;line-height:1.4}.body-large{font-size:18px;line-height:1.6}.small{font-size:14px;line-height:1.5}.caption{font-size:12px;line-height:1.4}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:16px;z-index:9999;padding:12px 24px;background:var(--primary);color:#fff;border-radius:var(--radius-md);font-size:14px;font-weight:600;text-decoration:none;box-shadow:var(--shadow-lg);transition:top .2s}.skip-link:focus{top:16px}.p-20{padding:20px}.m-b-16{margin-bottom:16px}.timer-font{font-family:var(--font-timer);font-weight:700}.cjk-font{font-family:var(--font-cjk)}button,.tap-target{min-width:var(--min-tap-target);min-height:var(--min-tap-target);cursor:pointer;border:none;background:none;font-family:inherit;display:flex;align-items:center;justify-content:center;outline:none}button:focus-visible{box-shadow:0 0 0 3px #2d8b8b66}.glass{background:var(--glass-bg);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--glass-border)}.glass-strong{background:var(--glass-bg-strong);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm)}.gradient-primary{background:var(--gradient-primary)}.gradient-success{background:var(--gradient-success)}.gradient-warning{background:var(--gradient-warning)}.gradient-danger{background:var(--gradient-danger)}.gradient-sky{background:var(--gradient-sky)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}@keyframes urgentPulse{0%,to{box-shadow:0 0 #e8a83800}50%{box-shadow:0 0 20px 4px #e8a8384d}}@keyframes criticalPulse{0%,to{box-shadow:0 0 #c2505000}50%{box-shadow:0 0 24px 6px #c2505066}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes ripple{to{transform:scale(4);opacity:0}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes chevronHint{0%,to{transform:translateY(0) rotate(0)}40%{transform:translateY(3px) rotate(0)}60%{transform:translateY(-1px) rotate(0)}}.animate-pulse{animation:pulse 2s infinite ease-in-out}.animate-bounce{animation:bounce 2s infinite}.animate-fadeIn{animation:fadeIn var(--transition-base) var(--ease-smooth)}.animate-fadeInUp{animation:fadeInUp var(--transition-slow) var(--ease-smooth)}.animate-scaleIn{animation:scaleIn var(--transition-base) var(--ease-spring)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (min-width: 400px) and (max-width: 450px){button{min-width:fit-content!important}button span,button div{white-space:nowrap!important}h1,h2,h3,h4,h5,h6{white-space:normal!important;word-break:keep-all!important}.button-text,[role=button]{display:inline-flex!important;flex-direction:row!important;white-space:nowrap!important}}@media (max-width: 360px){.timer-font{font-size:clamp(2rem,8vw,3rem)!important}.p-20{padding:16px}h1{font-size:28px}h2{font-size:22px}}@media (max-width: 320px){:root{--font-3xl: 28px;--font-2xl: 22px}.p-20{padding:12px}}.filter-container{display:flex;gap:8px;overflow-x:auto;padding:12px 20px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.filter-container::-webkit-scrollbar{display:none}.filter-container button{flex-shrink:0;white-space:nowrap}@media (min-width: 768px){:root{--app-max-width: 500px}.app-container{box-shadow:0 0 40px #0000001a}body{font-size:17px}}@media (min-width: 1024px){:root{--app-max-width: 520px}.app-container{box-shadow:0 0 60px #00000026}}.leaflet-container{border-radius:12px;z-index:1;font-family:inherit}.leaflet-popup-content-wrapper{border-radius:8px;box-shadow:0 4px 12px #00000026}.leaflet-popup-content{margin:10px 14px;font-size:14px;line-height:1.5}.leaflet-control-attribution{font-size:10px!important;opacity:.6}