.onboarding-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--gradient-ocean)}.onboarding-container{width:100%;max-width:min(420px,100%)}.onboarding-step{background:var(--glass-premium);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-xl),inset 0 1px #ffffff1a;position:relative;overflow:hidden}.onboarding-step:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-2xl);padding:1px;background:linear-gradient(135deg,#61a5c24d,#61a5c20d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.logo-container{text-align:center;margin-bottom:var(--space-6)}.logo-brand{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-2)}.logo-icon{color:var(--ocean-shimmer);filter:drop-shadow(0 0 12px rgba(56,189,248,.6))}.logo-text{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);background:linear-gradient(135deg,var(--ocean-bright),var(--ocean-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.02em}.onboarding-step h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--text-primary);text-align:center;margin:0 0 var(--space-2);letter-spacing:-.01em}.subtitle{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-normal);text-align:center;margin-bottom:var(--space-6)}.feature-list{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-6) 0}.feature-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;background:transparent;border:none;border-bottom:1px solid hsla(210,20%,100%,.06);cursor:default;-webkit-user-select:none;user-select:none;pointer-events:none}.feature-item:last-child{border-bottom:none}.feature-icon{flex-shrink:0;color:var(--ocean-shimmer);filter:drop-shadow(0 0 8px rgba(56,189,248,.4))}.feature-item span:last-child{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--weight-medium)}.btn-large{width:100%;padding:var(--space-4);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-top:var(--space-4)}.form-group label{display:block;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.radio-group{display:flex;flex-direction:column;gap:var(--space-2)}.radio-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid hsla(210,20%,100%,.1);border-radius:12px;background:#ffffff08;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:left}.radio-btn:hover{border-color:var(--ocean-cyan);background:#36d4e214}.radio-btn.active{border-color:var(--ocean-cyan);background:#36d4e21f;box-shadow:0 0 0 1px var(--ocean-cyan),0 0 20px #36d4e226}.radio-btn.active .radio-icon{color:var(--neutral-900);filter:none}.radio-icon{flex-shrink:0;color:var(--ocean-shimmer);filter:drop-shadow(0 0 6px rgba(56,189,248,.4))}.radio-content{flex:1;display:flex;flex-direction:column;gap:2px}.radio-btn span:not(.radio-icon){font-weight:var(--weight-semibold);color:var(--text-primary);font-size:var(--text-base)}.radio-btn small{font-size:var(--text-xs);color:var(--text-tertiary)}.goal-cards{display:flex;flex-direction:column;gap:var(--space-4);margin:var(--space-6) 0}.goal-card{padding:var(--space-5);border:1px solid hsla(210,20%,100%,.1);border-radius:16px;background:#ffffff08;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center}.goal-card:hover{border-color:var(--ocean-shimmer);background:#ffffff0d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.goal-card:active{transform:scale(.98);background:#ffffff14}.goal-card.active{border-color:var(--ocean-cyan);background:linear-gradient(135deg,#36d4e226,#11a4d41a);box-shadow:0 0 0 1px var(--ocean-cyan),0 0 20px #36d4e233}.goal-icon{display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-3);color:var(--ocean-shimmer);filter:drop-shadow(0 0 8px rgba(56,189,248,.4))}.goal-card h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2)}.goal-card p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:var(--leading-normal)}.button-group{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.button-group .btn{flex:1}.progress-dots{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-6)}.dot{width:8px;height:8px;border-radius:4px;background:#ffffff40;transition:all .3s cubic-bezier(.4,0,.2,1)}.dot.active{background:var(--ocean-cyan);width:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s cubic-bezier(.4,0,.2,1)}.circular-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:var(--space-8) 0;position:relative;animation:heroReveal .8s cubic-bezier(.34,1.56,.64,1) both}@keyframes heroReveal{0%{opacity:0;transform:scale(.75) rotateX(25deg);filter:blur(12px)}to{opacity:1;transform:scale(1) rotateX(0);filter:blur(0)}}.breathing-ring-container{position:relative;width:clamp(200px,65vw,280px);height:clamp(200px,65vw,280px);display:flex;align-items:center;justify-content:center;overflow:visible;padding:10px}.glow-layer{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:50%;pointer-events:none;z-index:0}.indicator-svg{position:relative;z-index:1}.outer-ring{animation:breathingGlow var(--timing-breath) ease-in-out infinite;transform-origin:center center;transform-box:fill-box}.indicator-label{margin-top:var(--space-4);display:flex;justify-content:center;width:100%}.status-badge{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;-webkit-backdrop-filter:none;backdrop-filter:none;border:3px solid;box-shadow:0 2px 4px #0003,inset 0 -1px #0000001a;transition:all var(--transition-base)}@keyframes lockIn{0%{transform:scale(.8) rotate(-5deg);opacity:0}60%{transform:scale(1.05) rotate(2deg)}to{transform:scale(1) rotate(0);opacity:1}}.svg-circle{transform-origin:center;transform:rotate(-90deg);transition:stroke-dashoffset var(--transition-smooth)}.indicator-ring:hover{transform:rotate(2deg) scale(1.02);filter:drop-shadow(0 0 30px rgba(97,165,194,.4))}.wind-visualizer{width:100%;height:160px;border-radius:var(--radius-lg);overflow:hidden;position:relative;background:linear-gradient(to bottom,var(--ocean-deep),var(--ocean-abyss));margin-bottom:var(--space-4)}.wind-scene{position:relative;width:100%;height:100%}.particles-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.wind-particle-wrapper{position:absolute;opacity:0;will-change:transform,opacity;transform-origin:center;transform:scale(var(--scale, 1))}.wind-streamline-svg{display:block;width:120px;height:20px;overflow:visible}@keyframes flowHorizontal{0%{transform:translate(-80px) scale(var(--scale, 1));opacity:0}10%{opacity:var(--opacity, .6)}90%{opacity:var(--opacity, .6)}to{transform:translate(80px) scale(var(--scale, 1));opacity:0}}.wind-particle-rotator{position:absolute;width:0;height:0;transform-origin:center;will-change:transform;display:flex;align-items:center;justify-content:center}.wind-particle-animator{animation-name:flowHorizontal;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform,opacity}.coastline-svg{position:absolute;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.coast-land{filter:drop-shadow(0 -2px 4px rgba(0,0,0,.3))}.coast-label,.sea-label{fill:#ffffff4d;font-size:8px;font-family:var(--font-body);font-weight:600;letter-spacing:1px}.wind-info-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:20;text-shadow:0 2px 4px rgba(0,0,0,.5)}.wind-speed{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text-primary)}.wind-dir-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:#0006;padding:2px 6px;border-radius:12px;margin-top:4px;white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis}.timeline-widget{margin-bottom:var(--space-6)}.section-title{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:var(--space-3);margin-left:var(--space-2)}.timeline-scroll-container{display:flex;gap:var(--space-3);overflow-x:auto;padding-top:var(--space-4);padding-bottom:var(--space-4);padding-left:var(--space-2);padding-right:var(--space-2);scrollbar-width:none;-ms-overflow-style:none;position:relative;scroll-snap-type:x mandatory}.timeline-scroll-container::-webkit-scrollbar{display:none}.timeline-line{position:absolute;top:52px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--ocean-current),var(--ocean-shimmer),var(--ocean-current));z-index:0;pointer-events:none;min-width:100%}.timeline-block{flex:0 0 auto;width:clamp(56px,15vw,72px);height:clamp(80px,22vw,100px);background:transparent;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer;transition:all var(--transition-base);scroll-snap-align:center;z-index:1}.timeline-block:hover{transform:translateY(-2px)}.timeline-block:active{transform:scale(.95)}.timeline-block.selected{transform:translateY(-4px)}.time-label{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-secondary);font-weight:var(--weight-medium)}.timeline-point{width:12px;height:12px;border-radius:50%;background:var(--ocean-current);border:2px solid var(--ocean-foam);box-shadow:var(--shadow-sm);transition:all .2s ease;cursor:pointer;z-index:2}.timeline-point:hover:not(.selected){transform:scale(1.2);box-shadow:var(--shadow-md)}.timeline-block.selected .timeline-point{width:20px;height:20px;background:var(--ocean-shimmer);border:3px solid var(--ocean-foam);box-shadow:var(--shadow-lg),0 0 16px #61a5c299}.status-safe{--icon-water: var(--safety-safe);--icon-foam: #D1FAE5;--icon-splash: var(--safety-safe);--icon-splash-light: #6EE7B7}.status-safe .timeline-point{background-color:var(--safety-safe);border-color:#ffffff80}.status-safe.selected .timeline-point{background-color:var(--safety-safe);box-shadow:0 0 16px var(--safety-safe)}.status-caution{--icon-water: var(--safety-warning);--icon-foam: #FEF3C7;--icon-splash: var(--safety-warning);--icon-splash-light: #FCD34D}.status-caution .timeline-point{background-color:var(--safety-warning);border-color:#ffffff80}.status-caution.selected .timeline-point{background-color:var(--safety-warning);box-shadow:0 0 16px var(--safety-warning)}.status-danger{--icon-water: var(--safety-danger);--icon-foam: #FEE2E2;--icon-splash: var(--safety-danger);--icon-splash-light: #FCA5A5}.status-danger .timeline-point{background-color:var(--safety-danger);border-color:#ffffff80}.status-danger.selected .timeline-point{background-color:var(--safety-danger);box-shadow:0 0 16px var(--safety-danger)}.effort-icon{width:28px;height:28px;object-fit:contain;opacity:.9;transition:transform .2s ease}.timeline-block:hover .effort-icon{transform:scale(1.1)}.session-goal-selector{margin-bottom:var(--space-8);perspective:1000px}.goal-segmented-control{display:grid;grid-template-columns:repeat(3,1fr);background:var(--glass-medium);padding:4px;border-radius:var(--radius-xl);border:1px solid var(--glass-border);position:relative;gap:4px;box-shadow:0 4px 12px #00000026}.goal-segment{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;padding:var(--space-2) var(--space-1);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;color:var(--text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.goal-segment:hover{color:var(--text-primary);background:#f9fafb0d}.goal-segment.active{background:var(--ocean-cyan);color:var(--neutral-900);box-shadow:0 4px 12px #2ec4b64d}.goal-segment.active .goal-icon,.goal-segment.active .goal-label{color:var(--neutral-900);fill:var(--neutral-900);font-weight:800}.goal-description{text-align:center;font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-3);height:1.2em;font-weight:var(--weight-medium);letter-spacing:.02em;animation:fadeIn .3s ease-out}.goal-icon{display:flex;align-items:center;justify-content:center;margin-bottom:2px;color:var(--ocean-shimmer);filter:drop-shadow(0 0 8px rgba(56,189,248,.4));transition:all .2s ease}.goal-segment.active .goal-icon{opacity:1;transform:scale(1.1);color:var(--neutral-900);filter:none}.goal-label{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-top:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.metric-card{position:relative;background:var(--glass-panel);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:none;box-shadow:var(--shadow-md),inset 0 1px #ffffff0d;border-radius:var(--radius-card);padding:var(--space-4);display:flex;flex-direction:column;justify-content:center;min-width:0;gap:var(--space-1);transition:transform var(--duration-fast) var(--ease-smooth),background-color var(--duration-normal) ease;overflow:visible}.metric-card:active{transform:var(--touch-scale);background:#1e3146cc}.metric-card__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:2px;opacity:.7}.metric-card__icon{font-size:16px;color:var(--ocean-shimmer)}.metric-card__label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--ocean-foam);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-card__body{display:flex;align-items:baseline;gap:4px}.metric-card__value{font-family:var(--font-display);font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;line-height:1;color:var(--ocean-sand);font-variant-numeric:tabular-nums;letter-spacing:-.04em;text-shadow:0 4px 12px rgba(0,0,0,.2)}.metric-card__unit{font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--ocean-driftwood);text-transform:lowercase;transform:translateY(-4px)}.metric-card[data-severity=danger]{background:radial-gradient(circle at 50% 100%,#ef444426,#0a1625cc 80%)}.metric-card[data-severity=danger] .metric-card__value,.metric-card[data-severity=danger] .metric-card__icon{color:var(--safety-danger)}.metric-card[data-severity=warning]{background:radial-gradient(circle at 50% 100%,#f59e0b1f,#0a1625cc 80%)}.metric-card[data-severity=warning] .metric-card__value,.metric-card[data-severity=warning] .metric-card__icon{color:var(--safety-warning)}.metric-card[data-severity=safe]{background:var(--gradient-safe-warm)}.metric-card[data-severity=safe] .metric-card__value{color:var(--safety-safe);text-shadow:0 0 20px rgba(52,211,153,.3)}.metric-card__indicator,.metric-card__danger-glow{display:none}.tooltip-trigger{position:relative;cursor:help;display:inline-flex;align-items:center}.tooltip-trigger:focus{outline:2px solid var(--ocean-shimmer);outline-offset:2px;border-radius:var(--radius-sm)}.term-highlight{color:var(--ocean-shimmer);font-weight:600;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--ocean-foam);text-underline-offset:3px;transition:all .2s ease}.term-highlight:hover{color:var(--ocean-foam);text-decoration-color:var(--ocean-shimmer)}.tooltip-content{position:absolute;background:linear-gradient(135deg,var(--ocean-deep),var(--ocean-current));color:var(--ocean-sand);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:13px;line-height:1.4;max-width:220px;width:max-content;z-index:1000;pointer-events:none;box-shadow:0 8px 24px #0006,0 0 0 1px #61a5c233;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.tooltip-fixed{transform:none!important}.tooltip-fixed .tooltip-arrow{position:absolute;transform:translate(-50%) rotate(45deg)}.tooltip-fixed.tooltip-top .tooltip-arrow{bottom:-4px;border-top:none;border-left:none}.tooltip-fixed.tooltip-bottom .tooltip-arrow{top:-4px;border-bottom:none;border-right:none}.tooltip-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-arrow{position:absolute;width:8px;height:8px;background:var(--ocean-deep);transform:rotate(45deg);border:1px solid rgba(97,165,194,.2)}.tooltip-top .tooltip-arrow{bottom:-4px;left:50%;transform:translate(-50%) rotate(45deg);border-top:none;border-left:none}.tooltip-bottom .tooltip-arrow{top:-4px;left:50%;transform:translate(-50%) rotate(45deg);border-bottom:none;border-right:none}.tooltip-left .tooltip-arrow{right:-4px;top:50%;transform:translateY(-50%) rotate(45deg);border-left:none;border-bottom:none}.tooltip-right .tooltip-arrow{left:-4px;top:50%;transform:translateY(-50%) rotate(45deg);border-right:none;border-top:none}@media (max-width: 768px){.tooltip-trigger{padding:4px;margin:-4px}.tooltip-content{max-width:200px;font-size:12px}}.rumbo-panel{background:linear-gradient(135deg,#0a1628a6,#0f29428c);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(97,165,194,.2);border-radius:24px;padding:var(--space-6);margin:var(--space-6) 0;position:relative;overflow:hidden;cursor:pointer;transition:all var(--transition-smooth)}.rumbo-panel:hover{transform:translateY(-2px);border-color:#61a5c266;box-shadow:0 8px 24px #61a5c233}.rumbo-panel:before{content:"";position:absolute;bottom:-8px;left:32px;width:16px;height:16px;background:#0a1628a6;border-right:1px solid rgba(97,165,194,.2);border-bottom:1px solid rgba(97,165,194,.2);transform:rotate(45deg);opacity:.8}.rumbo-panel-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.rumbo-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,#61a5c233,#61a5c20d);border:2px solid rgba(97,165,194,.3)}.rumbo-avatar svg{color:var(--ocean-shimmer);animation:avatarPulse 3s ease-in-out infinite}@keyframes avatarPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.rumbo-label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--ocean-shimmer);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.rumbo-content{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--ocean-sand);margin:0}.rumbo-cta-hint{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--text-sm);color:var(--ocean-foam);opacity:.7;transition:opacity var(--transition-base)}.rumbo-panel:hover .rumbo-cta-hint{opacity:1}.ocean-skeleton-container{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6);width:100%;animation:fadeIn .5s ease-out}.skeleton-card{position:relative;background:var(--ocean-deep);border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.05)}.skeleton-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(97,165,194,.15),transparent);animation:shimmer 1.5s infinite;transform:skew(-20deg)}@keyframes shimmer{0%{transform:translate(-150%) skew(-20deg)}to{transform:translate(150%) skew(-20deg)}}.sk-header{height:80px;width:70%;border-radius:var(--radius-lg)}.sk-circle-box{display:flex;justify-content:center;padding:var(--space-8) 0}.sk-circle{width:clamp(160px,50vw,220px);height:clamp(160px,50vw,220px);border-radius:50%;position:relative;background:var(--ocean-deep);overflow:hidden;border:4px solid rgba(97,165,194,.1)}.sk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (min-width: 390px){.sk-grid{grid-template-columns:repeat(3,1fr)}}.sk-card{height:100px;border-radius:var(--radius-xl)}.sk-text{height:20px;margin-bottom:var(--space-2)}.sk-text.short{width:40%}.sk-text.medium{width:70%}.cold-start-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--gradient-ocean);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .4s ease-out}.cold-start-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.rings-container{transform:translateY(-10%)}.rings-svg{width:200px;height:200px;filter:drop-shadow(0 0 20px rgba(97,165,194,.3))}.ring{fill:none;stroke:var(--ocean-cyan);stroke-linecap:round;transform-origin:center;transform-box:fill-box}.ring-outer{stroke-width:2;opacity:.4;animation:breathingSlow 6s ease-in-out infinite}.ring-inner{stroke-width:3;opacity:.6;animation:breathingGentle 4s ease-in-out infinite;animation-delay:.5s}@keyframes breathingSlow{0%,to{transform:scale(.95);opacity:.3}50%{transform:scale(1.05);opacity:.5}}@keyframes breathingGentle{0%,to{transform:scale(.97);opacity:.5}50%{transform:scale(1.03);opacity:.7}}.text-container{text-align:center;max-width:320px}.text-primary{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2);text-wrap:balance}.text-secondary{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-normal);color:var(--text-secondary);margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cold-start-overlay.fade-out{animation:fadeOut .6s ease-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.ocean-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 50% 30%,var(--ocean-deep) 0%,var(--ocean-abyss) 85%)}.ocean-noise{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.ocean-caustics{position:absolute;top:-20%;left:-20%;width:140%;height:140%;background:radial-gradient(circle at 50% 0%,rgba(97,165,194,.15) 0%,transparent 60%);filter:blur(40px);animation:causticsMove 10s ease-in-out infinite alternate;will-change:transform;transition:transform .1s ease-out}.ocean-caustics:after{content:"";position:absolute;top:10%;left:10%;width:80%;height:80%;background:radial-gradient(circle at 50% 0%,rgba(169,214,229,.1) 0%,transparent 50%);filter:blur(30px);animation:causticsPulse 7s ease-in-out infinite alternate}@keyframes causticsMove{0%{transform:translateY(0) scale(1)}to{transform:translateY(2%) scale(1.05)}}@keyframes causticsPulse{0%{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}to{opacity:.3;transform:scale(1)}}.main-screen{background:transparent;min-height:100dvh}.main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding:var(--space-2) 0}.spot-name{color:var(--ocean-foam);font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,6vw,2rem);letter-spacing:-.02em;margin-bottom:2px}.spot-subtitle{color:var(--ocean-driftwood);font-size:var(--text-sm);font-weight:500;display:flex;align-items:center;gap:6px;opacity:.8}.btn-icon{background:transparent;border:none;border-radius:var(--radius-inner);width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--ocean-foam);transition:transform var(--duration-fast) var(--ease-elastic)}.btn-icon:active{background:#ffffff0d;transform:var(--touch-scale)}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-6);align-items:stretch}@media (min-width: 390px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}.metrics-grid>*{transform:none!important;z-index:1!important}.conditions-card{background:#1222354d;border:none;box-shadow:0 4px 24px #0003;border-radius:var(--radius-card);padding:var(--space-6);margin-bottom:var(--space-8)}.conditions-card h3{color:var(--ocean-shimmer);font-size:var(--text-xs);font-weight:700;margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.1em;opacity:.8}.conditions-grid{display:flex;flex-direction:column;gap:var(--space-4)}.condition-item{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:.5px solid rgba(255,255,255,.05)}.condition-item:last-child{border-bottom:none}.condition-item>div:first-child{display:contents}.condition-icon{width:32px;height:32px;color:var(--ocean-driftwood);opacity:.7;display:flex;align-items:center;justify-content:center}.condition-label{font-size:var(--text-sm);color:var(--ocean-sand);font-weight:500}.condition-value{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600;color:var(--ocean-foam);text-align:right;justify-self:end}.condition-details{grid-column:2 / 4;display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-top:4px}.actions-section{display:grid;gap:var(--space-3);margin-top:var(--space-6)}.btn{width:100%;height:56px;border-radius:var(--radius-inner);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-base);transition:transform var(--duration-fast) var(--ease-smooth);border:none;gap:var(--space-2)}.btn:active{transform:var(--touch-scale);opacity:var(--touch-opacity)}.btn-primary{background:var(--ocean-shimmer);color:var(--ocean-abyss);box-shadow:0 4px 20px #38bdf840}.btn-secondary{background:#ffffff0d;color:var(--ocean-foam);border:none;box-shadow:inset 0 0 0 1px #ffffff0d}.section-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ocean-driftwood);margin-bottom:var(--space-3);padding-left:0}.layer-a-section,.layer-b-section{background:transparent;border:none;padding:0;margin-bottom:var(--space-6)}.forecast-banner{background:linear-gradient(90deg,#22d3ee26,#22d3ee0d);color:var(--ocean-shimmer);border:none;border-radius:20px;padding:var(--space-4) var(--space-6);text-align:center;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-4);display:flex;align-items:center;justify-content:center;gap:var(--space-2);box-shadow:0 4px 16px #0000001a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.conditions-card{background:#1222354d;border:none;box-shadow:0 4px 24px #0003;border-radius:var(--radius-card);padding:var(--space-6);margin-bottom:var(--space-8);margin-top:var(--space-6)}.sensei-screen{background:var(--gradient-ocean);min-height:100dvh}.sensei-header{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.btn-back-nav{align-self:flex-start;background:transparent;border:none;color:var(--ocean-cyan);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:var(--space-2) 0;cursor:pointer;display:flex;align-items:center;gap:var(--space-2)}.sensei-brand{display:flex;align-items:center;gap:var(--space-3);padding-left:var(--space-2)}.sensei-icon{color:var(--ocean-cyan)}.sensei-brand h1{margin:0;font-size:var(--text-2xl);color:var(--neutral-100);letter-spacing:-.02em}.explanation-card{background:linear-gradient(135deg,#0a1628a6,#0f29428c);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(97,165,194,.2);border-radius:24px;padding:var(--space-6);box-shadow:0 8px 24px #61a5c226;margin-bottom:var(--space-6);position:relative;overflow:hidden}.explanation-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--ocean-cyan),var(--ocean-bright));opacity:.8}.markdown-content{font-family:var(--font-body);color:var(--ocean-sand);line-height:1.8;font-size:var(--text-base)}.markdown-content h1{font-size:var(--text-3xl);font-family:var(--font-display);font-weight:600;color:var(--ocean-sand);margin-top:var(--space-8);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--ocean-shimmer);line-height:var(--leading-tight)}.markdown-content h2{font-size:var(--text-xl);font-family:var(--font-display);font-weight:600;color:var(--ocean-shimmer);margin:0;padding:0;border:none;line-height:var(--leading-tight)}.sensei-section-title{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-8);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid rgba(97,165,194,.2)}.markdown-content h3{font-size:var(--text-lg);font-family:var(--font-display);font-weight:600;color:var(--ocean-foam);margin-top:var(--space-5);margin-bottom:var(--space-3)}.markdown-content p{margin-bottom:var(--space-5);line-height:1.8}.markdown-content ul,.markdown-content ol{margin-left:0;padding-left:var(--space-6);margin-bottom:var(--space-5)}.markdown-content li{margin-bottom:var(--space-3);line-height:1.7}.markdown-content ul li::marker{color:var(--ocean-shimmer);font-size:1.2em}.markdown-content ol li::marker{color:var(--ocean-shimmer);font-weight:600}.markdown-content strong{color:var(--ocean-shimmer);font-weight:600}.sensei-footer{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--glass-border)}.disclaimer-badge{background:linear-gradient(135deg,#38bdf81a,#38bdf80d);border:1px solid rgba(56,189,248,.2);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);line-height:1.6}.disclaimer-icon{font-size:1.5em;flex-shrink:0}.disclaimer-badge p{margin:0;color:var(--ocean-foam)}.disclaimer-badge strong{color:var(--ocean-shimmer)}.profile-screen{background:var(--gradient-ocean)}.profile-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.profile-title{display:flex;align-items:center;gap:var(--space-3)}.profile-icon{color:var(--ocean-cyan)}.profile-title h1{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.profile-card{background:var(--glass-medium);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px;padding:var(--space-4);margin-bottom:var(--space-6)}.profile-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid hsla(210,20%,100%,.08)}.profile-item:last-child{border-bottom:none}.profile-item-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#36d4e21a;border-radius:10px;color:var(--ocean-cyan)}.profile-item-content{flex:1;display:flex;flex-direction:column;gap:2px}.profile-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.profile-value{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-primary)}.profile-actions{display:flex;flex-direction:column;gap:var(--space-3)}.btn-about{background:#2a6f9733;color:var(--ocean-sand);border:1px solid var(--ocean-surface);padding:var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;width:100%;margin-bottom:var(--space-3);transition:all .3s}.btn-about:hover{background:var(--ocean-surface);border-color:var(--ocean-shimmer);transform:translateY(-1px)}.about-screen{background:var(--gradient-ocean);min-height:100dvh;padding-bottom:var(--space-6)}.about-header{margin-bottom:var(--space-6)}.about-header h1{font-size:var(--text-2xl);color:var(--neutral-100)}.about-card{padding:var(--space-6);text-align:center;margin-bottom:var(--space-6);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.app-logo{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.logo-icon{color:var(--ocean-cyan)}.version-badge{background:var(--glass-overlay);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--ocean-cyan);letter-spacing:.1em;text-transform:uppercase}.app-description{margin-top:var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6}.creator-card{background:linear-gradient(135deg,var(--ocean-deep) 0%,var(--ocean-abyss) 100%);border:1px solid var(--ocean-current);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-4)}.creator-header h3{font-size:var(--text-xs);text-transform:uppercase;color:var(--ocean-driftwood);letter-spacing:.1em;margin-bottom:var(--space-2)}.creator-header h2{font-size:var(--text-xl);color:var(--neutral-100);margin:0}.creator-role{color:var(--ocean-cyan);font-size:var(--text-sm);margin-top:4px}.creator-bio{color:var(--text-secondary);font-size:var(--text-sm);margin:var(--space-4) 0;line-height:1.6;font-style:italic}.social-links{display:flex;gap:var(--space-3);flex-wrap:wrap}.social-link{display:flex;align-items:center;gap:var(--space-2);background:var(--glass-overlay);padding:8px 12px;border-radius:var(--radius-lg);color:var(--neutral-100);text-decoration:none;font-size:var(--text-xs);transition:all .2s}.social-link:hover{background:var(--ocean-cyan);color:var(--ocean-abyss)}.tech-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);margin-bottom:var(--space-6);border-radius:var(--radius-card)}.tech-header{display:flex;align-items:center;gap:var(--space-3)}.tech-icon{color:var(--ocean-foam)}.tech-header h3{margin:0;color:var(--neutral-100);font-size:var(--text-base)}.tech-header p{margin:0;color:var(--ocean-driftwood);font-size:var(--text-xs)}.btn-outline{display:block;text-align:center;border:1px solid var(--ocean-cyan);color:var(--ocean-cyan);padding:10px;border-radius:var(--radius-lg);text-decoration:none;font-size:var(--text-sm)}.footer-credits{text-align:center;color:var(--ocean-driftwood);font-size:var(--text-xs);opacity:.6}.password-gate{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--gradient-ocean)}.password-card{width:100%;max-width:360px;background:var(--glass-medium);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:var(--space-8);text-align:center;box-shadow:0 24px 80px #0006,inset 0 1px #ffffff1a}.password-card.shake{animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-8px)}80%{transform:translate(8px)}}.password-logo{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.password-icon{color:var(--ocean-cyan)}.password-logo h1{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);background:linear-gradient(135deg,var(--ocean-bright),var(--ocean-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.password-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6)}.password-card form{display:flex;flex-direction:column;gap:var(--space-4)}.password-card input{width:100%;padding:var(--space-4);font-size:var(--text-base);font-family:var(--font-body);background:#ffffff0d;border:1px solid hsla(210,20%,100%,.15);border-radius:12px;color:var(--text-primary);text-align:center;transition:all .25s ease}.password-card input::placeholder{color:var(--text-tertiary)}.password-card input:focus{outline:none;border-color:var(--ocean-cyan);box-shadow:0 0 0 3px #36d4e233}.password-card input.error{border-color:var(--danger-coral);box-shadow:0 0 0 3px #e45e4433}.error-text{font-size:var(--text-sm);color:var(--danger-coral);margin-top:calc(-1 * var(--space-2))}.password-footer{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-6);margin-bottom:0}:root{--ocean-abyss: #050B14;--ocean-deep: #0A1625;--ocean-current: #122235;--ocean-surface: #1E3146;--ocean-shimmer: #22D3EE;--ocean-cyan: var(--ocean-shimmer);--ocean-bright: #67E8F9;--ocean-foam: #E0F2FE;--text-primary: var(--ocean-sand);--text-secondary: var(--ocean-driftwood);--text-tertiary: rgba(245, 241, 235, .4);--ocean-sand: #F5F1EB;--ocean-shell: rgba(245, 241, 235, .9);--ocean-driftwood: rgba(245, 241, 235, .6);--ocean-mist: rgba(56, 189, 248, .1);--safety-safe: #34D399;--safety-warning: #FBBF24;--safety-danger: #F87171;--gradient-calm-glow: linear-gradient(135deg, hsla(160, 84%, 39%, .12) 0%, hsla(45, 93%, 58%, .06) 100%);--gradient-safe-warm: linear-gradient(135deg, hsla(160, 84%, 45%, .15) 0%, hsla(172, 66%, 50%, .08) 100%);--glow-calm: 0 0 24px hsla(160, 84%, 50%, .25);--safety-safe-text: #6EE7B7;--safety-warning-text: #FCD34D;--safety-danger-text: #FCA5A5;--glass-border: 1px solid rgba(255, 255, 255, .03);--glass-panel: rgba(18, 34, 53, .7);--glass-blur: blur(20px);--font-display: "Outfit", -apple-system, sans-serif;--font-body: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 3rem;--text-4xl: 4rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-2xl: 32px;--radius-xl: 28px;--radius-card: 24px;--radius-lg: 20px;--radius-md: 16px;--radius-inner: 16px;--radius-sm: 8px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .15);--shadow-glow: 0 0 20px rgba(34, 211, 238, .2);--shadow-glow-safe: 0 0 24px hsla(160, 84%, 50%, .25);--ease-elastic: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--duration-fast: .2s;--duration-normal: .3s;--touch-scale: scale(.96);--touch-opacity: .85;--bp-small-phone: 320px;--bp-standard-phone: 360px;--bp-large-phone: 414px;--bp-tablet: 768px;--bp-desktop: 1024px;--text-hero: clamp(2.5rem, 8vw, 4rem);--text-metric: clamp(1.75rem, 6vw, 2.5rem);--text-heading: clamp(1.5rem, 5vw, 2rem);--text-spot-name: clamp(1.5rem, 6vw, 2rem);--space-fluid-sm: clamp(.5rem, 2vw, 1rem);--space-fluid-md: clamp(1rem, 3vw, 1.5rem);--space-fluid-lg: clamp(1.5rem, 4vw, 2rem)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);background:linear-gradient(180deg,var(--ocean-deep) 0%,var(--ocean-abyss) 100%);color:var(--ocean-sand);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.numeric,.metric-value,.tabular{font-variant-numeric:tabular-nums;letter-spacing:-.02em}button,a{cursor:pointer;touch-action:manipulation}#root{min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin-bottom:var(--space-4);letter-spacing:-.02em;text-wrap:balance}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}.metric-value,.metric-card-value,.circular-indicator text,.timeline-value{font-variant-numeric:tabular-nums slashed-zero;font-weight:700;letter-spacing:-.02em;font-feature-settings:"tnum" 1}.numeric{font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.glass-card{background:linear-gradient(135deg,#61a5c21a,#61a5c20d);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid transparent;width:100%;border-image:linear-gradient(135deg,#fff6,#ffffff0d) 1;border:1px solid rgba(255,255,255,.15);border-top:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff1a;transition:all var(--transition-smooth);position:relative;overflow:hidden}.glass-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--ocean-shimmer) 50%,transparent 100%);opacity:.4;transition:opacity var(--transition-base)}.glass-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl),inset 0 1px #ffffff26}.glass-card:hover:after{opacity:.7}@media (prefers-reduced-motion: reduce){.glass-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f0f2f426}}.btn{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);padding:var(--space-4) var(--space-6);border-radius:var(--radius-inner);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--transition-base);position:relative;overflow:hidden}.btn-primary{background:var(--gradient-cta);color:var(--neutral-100);box-shadow:var(--shadow-ocean)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #11a4d459}.btn-primary:active{transform:translateY(2px) scale(.98);box-shadow:var(--shadow-sm);transition:transform .1s cubic-bezier(.4,0,.2,1)}.btn-secondary{background:transparent;color:var(--ocean-cyan);border:2px solid var(--ocean-cyan)}.btn-secondary:hover{background:#36d4e21a;border-color:var(--ocean-bright)}.btn-large{padding:var(--space-5) var(--space-8);font-size:var(--text-lg)}.btn-wave{border-radius:18px 16px 16px 18px;position:relative;overflow:hidden}.btn-wave:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--ocean-foam) 50%,transparent 100%);background-size:200% 100%;animation:shimmer-slide 2s ease-in-out infinite}@keyframes shimmer-slide{0%,to{background-position:100% 0}50%{background-position:0 0}}.card{background:#1b2632b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:var(--glass-border);border-radius:var(--radius-card);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-smooth);color:var(--text-primary)}.card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-xl);background:#202e3ccc}.alert{padding:var(--space-4) var(--space-6);border-radius:20px;margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-3);font-weight:var(--weight-medium);font-size:var(--text-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:none;box-shadow:0 4px 16px #0000001a}.alert-danger{background:linear-gradient(90deg,#ef444426,#ef44440d);color:#fca5a5}.alert-warning{background:linear-gradient(90deg,#f59e0b26,#f59e0b0d);color:#fcd34d}.alert-success{background:linear-gradient(90deg,#10b98126,#10b9810d);color:#6ee7b7}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em}.badge-bajo{background:var(--safe-teal);color:#fff}.badge-medio{background:var(--caution-amber);color:var(--ocean-deep)}.badge-alto{background:var(--danger-coral);color:#fff}.container{width:100%;max-width:100%;padding:var(--space-4);margin:0 auto}@media (min-width: 480px){.container{max-width:480px;padding:var(--space-6)}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 1024px){.container{max-width:960px}}.page{min-height:100dvh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp var(--transition-smooth) var(--ease-out) both}@keyframes waveMotion{0%,to{transform:translateY(0) translate(0);opacity:.3}50%{transform:translateY(-8px) translate(4px);opacity:.4}}@keyframes waveMotionSlow{0%,to{transform:translateY(0) translate(0);opacity:.15}50%{transform:translateY(-5px) translate(-3px);opacity:.25}}.wave-animation{animation:waveMotion var(--timing-wave) ease-in-out infinite}.wave-animation-slow{animation:waveMotionSlow var(--timing-wave-slow) ease-in-out infinite}@keyframes breathingGlow{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.05)}}.breathing-animation{animation:breathingGlow var(--timing-breath) ease-in-out infinite;transform-origin:center;transform-box:fill-box}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.pulse-animation{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes calmGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.06)}}.calm-glow-animation{animation:calmGlow 4s ease-in-out infinite}.state-calm{position:relative}.state-calm:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-calm-glow);border-radius:inherit;pointer-events:none;opacity:.8}.ocean-card{position:relative;background:linear-gradient(135deg,#1a466799,#0f2942cc);border-radius:var(--radius-xl);padding:var(--space-6);overflow:hidden;transition:all var(--transition-base)}.ocean-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,rgba(169,214,229,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(97,165,194,.08) 0%,transparent 50%);opacity:.5;pointer-events:none}.ocean-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(90deg,transparent,var(--ocean-shimmer),transparent);background-size:200% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:border-flow 3s linear infinite;pointer-events:none}.ocean-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}@keyframes border-flow{0%{background-position:0% 50%}to{background-position:200% 50%}}.glass-card-premium{background:var(--glass-premium);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid transparent;border-image:linear-gradient(135deg,#61a5c24d,#61a5c20d) 1;border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:var(--neutral-100)}.loading-spinner{width:48px;height:48px;border:4px solid hsla(210,20%,98%,.2);border-top-color:var(--ocean-cyan);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--space-6)}@keyframes spin{to{transform:rotate(360deg)}}input,select,textarea{font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-4);border:1px solid var(--glass-border);border-radius:var(--radius-md);width:100%;transition:all var(--transition-base);background:#0a162866;color:var(--text-primary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ocean-cyan);box-shadow:0 0 0 3px #36d4e21a}label{display:block;margin-bottom:var(--space-2);font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--neutral-600);text-transform:uppercase;letter-spacing:.05em}.form-group{margin-bottom:var(--space-6)}.desktop-block{display:none;align-items:center;justify-content:center;min-height:100dvh;text-align:center;color:var(--neutral-100);padding:var(--space-12)}.desktop-block.active{display:flex}.desktop-block h1{font-size:var(--text-5xl);margin-bottom:var(--space-6)}.desktop-block p{font-size:var(--text-xl);opacity:.8;line-height:var(--leading-relaxed)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gpu-accelerated{transform:translateZ(0);will-change:transform}.text-ocean-shimmer{color:var(--ocean-shimmer)}.text-ocean-cyan{color:var(--ocean-cyan)}.text-ocean-foam{color:var(--ocean-foam)}.text-danger{color:var(--danger-coral)}