*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #0a1628;--navy-mid: #142240;--navy-light: #1e3358;--ocean: #1a6cb5;--ocean-light: #2E7CF6;--wake: #e8f4ff;--foam: #f0f7ff;--signal: #f59e0b;--signal-light: #fef3c7;--port: #ef4444;--starboard: #10b981;--text-primary: #0a1628;--text-secondary: #4a5568;--text-muted: #8a9ab0;--border: #dde8f5;--surface: #ffffff;--surface-raised: #f8fafd;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 22px;--font-body: "Space Grotesk", -apple-system, sans-serif;--font-mono: "DM Mono", monospace;--nav-height: 5rem;--header-height: auto}html{font-size:18px}html,body,#root{height:100%;font-family:var(--font-body);background:var(--surface-raised);color:var(--text-primary);-webkit-font-smoothing:antialiased}body{overscroll-behavior:none}.app{max-width:430px;margin:0 auto;height:100%;display:flex;flex-direction:column;background:var(--surface-raised);position:relative}.screen{flex:1;overflow-y:auto;padding-bottom:calc(var(--nav-height) + 40px);-webkit-overflow-scrolling:touch}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;min-height:var(--nav-height);height:auto;background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:stretch;z-index:100;padding-bottom:env(safe-area-inset-bottom,0px)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;cursor:pointer;color:var(--text-muted);font-family:var(--font-body);font-size:.55rem;font-weight:500;transition:color .15s;padding:10px 4px;overflow:visible;white-space:nowrap}.nav-item.active{color:var(--ocean-light)}.nav-item svg{width:1.5rem;height:1.5rem;flex-shrink:0}.screen-header{position:sticky;top:0;background:var(--surface);border-bottom:1px solid var(--border);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;z-index:50;min-height:56px}.screen-header h1{font-size:1.25rem;font-weight:600;color:var(--navy)}.screen-header .subtitle{font-size:1.125rem;color:var(--text-muted);font-weight:400;margin-top:1px}.btn{display:inline-flex;align-items:center;gap:6px;padding:11px 18px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:1.0625rem;font-weight:500;cursor:pointer;border:none;transition:opacity .15s,transform .1s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--ocean-light);color:#fff}.btn-secondary{background:var(--foam);color:var(--ocean);border:1px solid var(--border)}.btn-ghost{background:none;color:var(--text-secondary);border:1px solid var(--border)}.btn-danger{background:#fee2e2;color:var(--port)}.btn-sm{padding:7px 13px;font-size:1.125rem;border-radius:var(--radius-sm)}.btn-icon{padding:8px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card-padded{padding:16px}.section-label{font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:20px 20px 8px}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:.9375rem;font-weight:500}.badge-ocean{background:var(--wake);color:var(--ocean)}.badge-signal{background:var(--signal-light);color:#92400e}.badge-green{background:#d1fae5;color:#065f46}.badge-red{background:#fee2e2;color:#991b1b}.badge-gray{background:var(--surface-raised);color:var(--text-muted);border:1px solid var(--border)}.regatta-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;cursor:pointer;transition:border-color .15s;position:relative}.regatta-card:active{border-color:var(--ocean-light)}.regatta-card.joined{border-left:3px solid var(--ocean-light)}.regatta-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.regatta-name{font-size:1.125rem;font-weight:600;color:var(--navy);line-height:1.3}.regatta-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.regatta-date{font-size:1.125rem;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.checkpoint-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.checkpoint-item:last-child{border-bottom:none}.checkpoint-check{width:24px;height:24px;border-radius:50%;border:2px solid var(--border);background:none;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}.checkpoint-check.done{background:var(--starboard);border-color:var(--starboard)}.checkpoint-info{flex:1;min-width:0}.checkpoint-label{font-size:1.0625rem;font-weight:500;color:var(--navy)}.checkpoint-sub{font-size:.9375rem;color:var(--text-muted);margin-top:2px}.days-pill{font-size:.875rem;font-weight:600;padding:4px 10px;border-radius:20px;white-space:nowrap}.days-urgent{background:#fee2e2;color:var(--port)}.days-soon{background:var(--signal-light);color:#92400e}.days-ok{background:var(--foam);color:var(--ocean)}.input{width:100%;padding:13px 14px;border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:1.0625rem;color:var(--text-primary);background:var(--surface);outline:none;transition:border-color .15s}.input:focus{border-color:var(--ocean-light)}.input::placeholder{color:var(--text-muted)}.toggle{position:relative;width:44px;height:26px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:13px;cursor:pointer;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #00000026}.toggle input:checked+.toggle-slider{background:var(--ocean-light)}.toggle input:checked+.toggle-slider:before{transform:translate(18px)}.divider{height:1px;background:var(--border);margin:0}.empty-state{text-align:center;padding:48px 32px;color:var(--text-muted)}.empty-state svg{opacity:.3;margin-bottom:16px}.empty-state p{font-size:1.125rem;line-height:1.5}.horizon-bar{height:4px;background:linear-gradient(90deg,var(--ocean-light) 0%,var(--signal) 50%,var(--ocean-light) 100%);border-radius:0 0 2px 2px}.color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.px-20{padding-left:20px;padding-right:20px}.py-16{padding-top:16px;padding-bottom:16px}.gap-12{display:flex;flex-direction:column;gap:12px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}@keyframes spin{to{transform:rotate(360deg)}}