:root{--color-primary: #32B8C6;--color-primary-dark: #2DA682;--color-background: #FFFBF5;--color-text-primary: #1F2121;--color-text-secondary: #A7A9A9;--color-success: #22C65E;--color-warning: #FF9D2E;--color-danger: #FF5459;--color-info: #626C7C;--color-crowd-low: #22C65E;--color-crowd-medium: #FFC300;--color-crowd-high: #FF5459;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif;--font-size-h1: 28px;--font-size-h2: 20px;--font-size-h3: 18px;--font-size-body-lg: 16px;--font-size-body: 14px;--font-size-small: 12px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--page-padding: 16px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 50%;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:14px}body{font-family:var(--font-family);font-size:var(--font-size-body);line-height:1.5;color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased}#root{width:100vw;height:100vh;overflow:hidden}.page{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;background-color:var(--color-background)}.status-bar{height:44px;background:transparent;display:flex;align-items:center;justify-content:center;padding:0 var(--page-padding);flex-shrink:0}.status-bar-dark{background:#1f2121cc;color:#fff}.top-bar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--page-padding);background:#fff;flex-shrink:0;position:relative}.top-bar-title{font-size:var(--font-size-h3);font-weight:600;position:absolute;left:50%;transform:translate(-50%);white-space:nowrap}.top-bar-actions{display:flex;gap:var(--spacing-sm);margin-left:auto}.top-bar-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast)}.top-bar-icon:hover{background:#0000000d}.bottom-nav{height:60px;display:flex;align-items:center;justify-content:space-around;background:#fff;border-top:1px solid rgba(0,0,0,.08);flex-shrink:0;position:absolute;bottom:0;left:0;right:0;padding-bottom:env(safe-area-inset-bottom);box-sizing:content-box}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;text-decoration:none;color:var(--color-text-secondary);transition:color var(--transition-fast)}.nav-item.active,.nav-item:hover{color:var(--color-primary)}.nav-icon{font-size:24px}.nav-label{font-size:10px}.content{flex:1;overflow-y:auto;padding-bottom:calc(60px + env(safe-area-inset-bottom))}.content-no-nav{padding-bottom:env(safe-area-inset-bottom)}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-md);margin:var(--spacing-md)}.card-elevated{box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:0 var(--spacing-md);height:44px;border:none;border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:#f0f1f3;color:var(--color-text-primary)}.btn-secondary:hover{background:#e5e6e8}.btn-outline{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.btn-sm{height:32px;padding:0 var(--spacing-sm);font-size:var(--font-size-small)}.btn-lg{height:48px;padding:0 var(--spacing-lg)}.btn-block{width:100%}.pill{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-small);font-weight:500;background:#f0f1f3;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.pill.active{background:#32b8c626;color:var(--color-primary);border-color:var(--color-primary)}.pill:hover{background:#32b8c61a}.crowd-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-small);font-weight:500}.crowd-low{background:#22c65e26;color:var(--color-crowd-low)}.crowd-medium{background:#ffc30026;color:var(--color-crowd-medium)}.crowd-high{background:#ff545926;color:var(--color-crowd-high)}.input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-label{font-size:var(--font-size-small);color:var(--color-text-secondary)}.input-field{height:44px;padding:0 var(--spacing-md);border:1px solid #e0e0e0;border-radius:var(--radius-md);font-size:var(--font-size-body);transition:border-color var(--transition-fast)}.input-field:focus{outline:none;border-color:var(--color-primary)}.divider{height:1px;background:#00000014;margin:var(--spacing-md) 0}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.content::-webkit-scrollbar{width:4px}.content::-webkit-scrollbar-track{background:transparent}.content::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn var(--transition-normal) ease}.animate-slideUp{animation:slideUp var(--transition-normal) ease}.input-group input:focus{border-color:#32b8c6;outline:none;background-color:#fff}.input-field{padding:12px;background:#f5f5f7;border:1px solid transparent;border-radius:8px;font-size:16px;transition:all .3s}.btn-primary{background:#32b8c6;color:#fff;border:none;border-radius:24px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#2da682}.welcome-page-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:#f5f5f5;position:relative;overflow:hidden}.welcome-page-bg{background:linear-gradient(180deg,#134252,#1a5a6e,#2da682);width:100%;height:100%;position:relative;overflow:hidden}.background-layer{position:absolute;inset:0;background:radial-gradient(circle at 30% 70%,rgba(50,184,198,.3) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(45,166,130,.3) 0%,transparent 50%);animation:bgZoom 3s ease-out forwards}@keyframes bgZoom{0%{transform:scale(1)}to{transform:scale(1.05)}}.mountains{position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,rgba(255,255,255,.1) 0%,transparent 100%)}.mountain{position:absolute;bottom:0;width:0;height:0;border-style:solid}.mountain-1{left:-50px;border-width:0 120px 150px 120px;border-color:transparent transparent rgba(45,166,130,.4) transparent}.mountain-2{left:100px;border-width:0 100px 180px 100px;border-color:transparent transparent rgba(50,184,198,.3) transparent}.mountain-3{right:-30px;border-width:0 130px 160px 130px;border-color:transparent transparent rgba(45,166,130,.35) transparent}.welcome-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:60px 40px;text-align:center}.logo-container{width:140px;height:140px;background:#ffffff26;border-radius:32px;display:flex;align-items:center;justify-content:center;margin-bottom:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:logoFadeIn .8s ease-out}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.logo-icon{font-size:72px}.welcome-title{font-size:32px;font-weight:700;color:#fff;margin-bottom:12px;animation:textFadeIn .8s ease-out .3s both}.welcome-slogan{font-size:24px;font-weight:600;color:#fffffff2;margin-bottom:16px;animation:textFadeIn .8s ease-out .5s both}.welcome-subtitle{font-size:14px;color:#ffffffb3;max-width:240px;line-height:1.6;animation:textFadeIn .8s ease-out .7s both}@keyframes textFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-indicator{position:absolute;bottom:100px;display:flex;gap:8px;animation:textFadeIn .8s ease-out 1s both}.loading-dot{width:8px;height:8px;background:#ffffff80;border-radius:50%;animation:loadingPulse 1.4s ease-in-out infinite}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes loadingPulse{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.skip-hint{position:absolute;bottom:60px;font-size:12px;color:#ffffff80;animation:textFadeIn .8s ease-out 1.2s both}.skip-hint a{color:#fffc;text-decoration:underline;cursor:pointer}