.ramp-page{max-width:420px;margin:0 auto;padding:16px 0 40px}@media (min-width:640px){.ramp-page{max-width:560px}}.ramp-card{position:relative;background:var(--sky);border:1px solid var(--line);border-radius:var(--radius-xl);overflow:hidden}.ramp-card--dark{background:var(--ink);color:var(--sky)}.ramp-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 12px 16px;background:var(--surface);border-bottom:1px solid var(--line-2)}.ramp-header--dark{background:transparent;border-bottom:1px solid var(--ink-3);padding:16px 20px 14px}.ramp-header__brand{display:flex;align-items:center;gap:8px;text-decoration:none}.ramp-header__wordmark{font-size:14px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}.ramp-header--dark .ramp-header__wordmark{color:var(--sky)}.ramp-header__actions{display:flex;align-items:center;gap:12px}.ramp-header__signin{font-size:13px;color:var(--ink-mid);text-decoration:none;transition:color .12s ease}.ramp-header__signin:hover{color:var(--green-text)}.ramp-header__cta{background:var(--green-field);border:1px solid var(--green-field-deep);border-radius:999px;padding:7px 13px;font-size:13px;font-weight:600;white-space:nowrap;color:var(--field-fg);text-decoration:none;transition:background .12s ease}.ramp-header__cta:hover{background:var(--green-field-deep)}.ramp-header__scanned{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--green-field);text-transform:uppercase}.ramp-title{padding:22px 20px 18px}.ramp-title__name{font-family:var(--font-display);font-weight:500;font-size:29px;line-height:1.12;letter-spacing:-.015em;color:var(--ink);margin:0}@media (min-width:640px){.ramp-title__name{font-size:34px}}.ramp-title__sub{font-size:13px;color:var(--ink-mid);margin:6px 0 0}.verdict-strip{display:flex;margin:0 20px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line)}.verdict-strip--green{border-color:var(--green-field-deep)}.verdict-strip--yellow{border-color:#dba233}.verdict-strip--red{border-color:#b93c28}.verdict-strip__left{min-width:96px;padding:12px 14px;display:flex;flex-direction:column;justify-content:center;color:var(--field-fg)}.verdict-strip--green .verdict-strip__left{background:var(--green-field)}.verdict-strip--yellow .verdict-strip__left{background:var(--yellow-field)}.verdict-strip--red .verdict-strip__left{background:var(--red-field);color:var(--field-fg-red)}.verdict-strip__word{font-family:var(--font-display);font-weight:600;font-size:24px;line-height:1;margin:0}.verdict-strip__today{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;margin:4px 0 0;opacity:.85}.verdict-strip__right{flex:1 1;background:var(--surface);padding:12px 14px}.verdict-strip__reason{font-size:13px;line-height:1.35;text-wrap:pretty;margin:0;color:var(--ink)}.verdict-strip__updated{font-family:var(--font-mono);font-size:11px;color:var(--ink-faint);margin:6px 0 0}.sticker-verdict{padding:24px 20px 26px}.sticker-verdict__name{font-size:15px;font-weight:600;color:var(--sky);margin:0}.sticker-verdict__stamp{font-family:var(--font-mono);font-size:11px;color:var(--dark-slate);margin:4px 0 0}.sticker-verdict__row{display:flex;align-items:flex-end;gap:14px;margin-top:14px}.sticker-verdict__word{font-family:var(--font-display);font-weight:600;font-size:82px;line-height:.85;letter-spacing:-.04em;margin:0}.sticker-verdict__word--green{color:var(--green-field)}.sticker-verdict__word--yellow{color:var(--yellow-field)}.sticker-verdict__word--red{color:var(--red-field)}.sticker-verdict__reason{flex:1 1;font-size:15px;line-height:1.35;color:var(--dark-slate-3);margin:0 0 6px}.sticker-water{background:var(--sky);color:var(--ink);padding:18px 20px 20px}.sticker-water__row{display:flex;align-items:center;gap:11px;padding:11px 0 0;margin-top:11px;border-top:1px solid var(--line)}.sticker-water__row:first-child{padding-top:0;margin-top:0;border-top:none}.sticker-water__name{flex:1 1;font-size:15px;font-weight:600;margin:0}.sticker-water__readings{font-family:var(--font-mono);font-size:12px;color:var(--ink-mid)}.sticker-hook{padding:20px 20px 24px}.sticker-hook__row{border:1px dashed var(--ink-border);border-radius:var(--radius-md);padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.sticker-hook__title{font-size:14px;font-weight:600;color:var(--sky);margin:0}.sticker-hook__sub{font-size:12px;color:var(--dark-slate);margin:2px 0 0}.sticker-hook__badge{flex-shrink:0;background:var(--green-field);color:var(--field-fg);font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:4px 7px;border-radius:5px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot--green{background:var(--green-field)}.status-dot--yellow{background:var(--yellow-field)}.status-dot--red{background:var(--red-field)}.ramp-section{padding:22px 20px 0}.ramp-section__eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mid);margin:0}.ramp-section__sub{font-size:12px;color:var(--ink-faint);margin:4px 0 0}.waterway-board{padding:24px 20px 4px}.waterway-board__list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.waterway-card{display:block;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--ink-faint);border-radius:var(--radius-md);padding:13px 14px;text-decoration:none;color:inherit;transition:background .12s ease}.waterway-card:hover{background:#fffefc}.waterway-card--green{border-left-color:var(--green-field)}.waterway-card--yellow{border-left-color:var(--yellow-field)}.waterway-card--red{border-left-color:var(--red-field)}.waterway-card__row1{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.waterway-card__name{font-size:15px;font-weight:600;letter-spacing:-.01em;margin:0}.waterway-card__verdict{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;white-space:nowrap}.waterway-card__verdict--green{color:var(--green-text)}.waterway-card__verdict--yellow{color:var(--yellow-text)}.waterway-card__verdict--red{color:var(--red-text)}.waterway-card__row2{font-size:12px;color:var(--ink-mid);margin:2px 0 0}.waterway-card__row3{display:flex;gap:16px;margin-top:10px;font-family:var(--font-mono);font-size:12px;color:var(--ink)}.waterway-card__row3-faint{color:var(--ink-mid)}.locked-forecast{padding:22px 20px 0}.locked-forecast__card{background:var(--surface);border:1px dashed var(--line-dashed);border-radius:var(--radius-lg);padding:16px}.locked-forecast__card--unlocked{border:1px solid var(--line)}.locked-forecast__badge{display:inline-block;background:var(--green-field);color:var(--field-fg);font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:4px 7px;border-radius:5px}.locked-forecast__headline{font-family:var(--font-display);font-weight:500;font-size:26px;line-height:1.1;margin:10px 0 0}.locked-forecast__sub{font-size:13px;color:var(--ink-mid);margin:4px 0 0}.locked-forecast__strip{display:flex;gap:8px;margin-top:14px}.locked-forecast__day{flex:1 1;min-width:0;border-radius:var(--radius-sm);background:var(--canvas);padding:10px 0;text-align:center}.locked-forecast__day-label{display:block;font-family:var(--font-mono);font-size:10px;color:var(--ink-faint)}.locked-forecast__day-bar{height:8px;margin:8px 10px 2px;border-radius:4px;background:var(--redaction)}.locked-forecast__day--unlocked.locked-forecast__day--green{background:var(--green-field-tint)}.locked-forecast__day--unlocked.locked-forecast__day--yellow{background:var(--yellow-tint)}.locked-forecast__day--unlocked.locked-forecast__day--red{background:var(--canvas)}.locked-forecast__day-value{display:block;margin:6px 0 0;font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--ink)}.locked-forecast__close{font-size:13px;line-height:1.45;color:var(--ink-dim);text-wrap:pretty;margin:14px 0 0}.signup-card{padding:14px 20px 0}.signup-card__inner{background:var(--ink);border-radius:var(--radius-lg);padding:18px;color:var(--sky)}.signup-card__headline{font-family:var(--font-display);font-weight:500;font-size:25px;line-height:1.15;color:var(--sky);margin:0}.signup-card__values{display:flex;flex-direction:column;gap:7px;margin:13px 0 0}.signup-card__value-row{display:flex;gap:9px;align-items:baseline;font-size:13px}.signup-card__value-name{color:var(--green-field);font-weight:600;flex-shrink:0}.signup-card__value-qualifier{color:var(--dark-slate-2)}.signup-card__form{display:flex;flex-direction:column;gap:8px;margin-top:16px}.signup-card__form input{background:var(--ink-2);border:1px solid var(--ink-border);border-radius:10px;padding:12px;font-size:13px;font-family:inherit;color:var(--sky)}.signup-card__form input::placeholder{color:var(--dark-slate)}.signup-card__submit{background:var(--green-field);border:none;border-radius:10px;padding:13px;font-size:14px;font-weight:600;color:var(--field-fg);text-align:center;cursor:pointer;transition:background .12s ease}.signup-card__submit:hover{background:var(--green-field-deep)}.signup-card__submit:disabled{opacity:.6;cursor:default}.signup-card__fine-print{font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;color:var(--dark-slate);text-align:center;margin:11px 0 0}.signup-card__fine-print a{color:var(--dark-slate-2);text-decoration:underline;transition:color .12s ease}.signup-card__fine-print a:hover{color:var(--sky)}.signup-card__status{font-size:13px;color:var(--dark-slate-3);margin:12px 0 0;line-height:1.5}.signup-card__error{font-size:13px;color:#ffb4a3;margin:10px 0 0}.signup-card--sticker .signup-card__form input{border-radius:12px;padding:14px;font-size:14px}.signup-card--sticker .signup-card__submit{padding:15px;font-size:15px}.open-app-row{padding:14px 20px 0}.open-app-row__inner{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:14px 16px}.open-app-row__title{font-weight:600;font-size:14px;margin:0 0 2px}.open-app-row__sub{font-size:12px;color:var(--ink-mid);margin:0}.open-app-row__button{flex-shrink:0;background:var(--ink);color:var(--sky);font-weight:600;font-size:13px;padding:10px 16px;border-radius:999px;text-decoration:none;white-space:nowrap;transition:background .12s ease}.open-app-row__button:hover{background:var(--ink-2)}.nearby-ramps{padding:22px 20px 0}.nearby-ramps__list{margin-top:10px}.nearby-ramps__row{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--line-2);text-decoration:none;color:var(--ink);transition:background .12s ease}.nearby-ramps__row:hover{background:#fffefc}.nearby-ramps__name{flex:1 1;font-size:14px;transition:color .12s ease}.nearby-ramps__row:hover .nearby-ramps__name{color:var(--green-text)}.nearby-ramps__distance{font-family:var(--font-mono);font-size:12px;color:var(--ink-mid)}.sources-line{padding:20px 20px 0;font-family:var(--font-mono);font-size:11px;line-height:1.6;color:var(--ink-faint);text-transform:uppercase}.ramp-footer{padding:22px 20px 24px;font-size:12px;color:var(--ink-faint)}.ramp-footer a{color:var(--ink-mid);text-decoration:underline;transition:color .12s ease}.ramp-footer a:hover{color:var(--green-text)}.cam-grid{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.cam-card{display:block;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:var(--ink);background:var(--surface)}.cam-card__thumb{width:100%;aspect-ratio:16/9;background:var(--ink);display:flex;align-items:center;justify-content:center;color:var(--sky);font-size:13px}.cam-card__title{display:block;padding:10px 12px;font-size:13px;font-weight:500}.cam-more{text-align:center;padding:14px 0 0;font-size:13px;color:var(--ink-mid)}.cam-more a{color:var(--ink);font-weight:600;text-decoration:underline}.ramp-not-found{text-align:center;padding:60px 20px;font-size:15px;color:var(--ink-mid)}.ramp-not-found a{font-weight:600;color:var(--ink)}.ramp-card--awaiting:after,.ramp-card--awaiting:before{content:"";position:absolute;top:0;left:0;height:3px;z-index:2;pointer-events:none}.ramp-card--awaiting:before{right:0;background:var(--line-2)}.ramp-card--awaiting:after{width:32%;background:linear-gradient(90deg,transparent,var(--ink),transparent);animation:awaiting-track 2s cubic-bezier(.45,0,.35,1) infinite}@keyframes awaiting-track{0%{transform:translateX(-105%)}to{transform:translateX(320%)}}.ramp-card--awaiting:has(.awaiting--stalled):after{animation:none;opacity:0}.awaiting{margin:0 20px;padding:14px 16px 15px;border-radius:var(--radius-md);background:var(--ink);color:var(--sky);border:1px solid var(--ink-border)}.awaiting__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.awaiting__eyebrow{display:flex;align-items:center;gap:7px;margin:0;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dark-slate-2)}.awaiting__live-dot{width:7px;height:7px;border-radius:50%;background:var(--dark-slate-3);flex-shrink:0;animation:awaiting-blink 1.4s ease-in-out infinite}.awaiting__clock{margin:0;font-family:var(--font-mono);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--dark-slate)}.awaiting__body{display:flex;align-items:flex-start;gap:12px;margin-top:12px}.awaiting__copy{flex:1 1;min-width:0}.awaiting__title{margin:0;font-family:var(--font-display);font-weight:500;font-size:23px;line-height:1.1;letter-spacing:-.015em;color:var(--sky)}.awaiting__sub{margin:6px 0 0;font-size:13px;line-height:1.45;text-wrap:pretty;color:var(--dark-slate-2);max-width:46ch}.awaiting__sources{margin:7px 0 0;font-family:var(--font-mono);font-size:11px;line-height:1.5;color:var(--dark-slate)}.awaiting__sonar{flex-shrink:0;width:44px;height:44px;margin-top:2px}.awaiting__ring{fill:none;stroke:var(--dark-slate-2);stroke-width:1.4;transform-box:fill-box;transform-origin:center;opacity:0;animation:awaiting-ping 2.4s cubic-bezier(.2,.6,.3,1) infinite}.awaiting__ring:nth-of-type(2){animation-delay:.8s}.awaiting__ring:nth-of-type(3){animation-delay:1.6s}.awaiting__core{fill:var(--dark-slate-3);transform-box:fill-box;transform-origin:center;animation:awaiting-core 2.4s ease-in-out infinite}@keyframes awaiting-ping{0%{transform:scale(.35);opacity:0}15%{opacity:.85}to{transform:scale(2.2);opacity:0}}@keyframes awaiting-core{0%,to{transform:scale(.9);opacity:.75}10%{transform:scale(1.15);opacity:1}}.awaiting__rail{position:relative;height:3px;margin-top:14px;border-radius:2px;background:var(--ink-3);overflow:hidden}.awaiting__rail-fill{display:block;width:100%;height:100%;transform-origin:left center;background:var(--dark-slate-2);transition:transform .9s cubic-bezier(.25,.8,.3,1)}.awaiting__rail:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(246,242,234,.5),transparent);transform:translateX(-100%);animation:awaiting-sheen 1.9s ease-in-out infinite}.awaiting__rail--stopped:after{animation:none;opacity:0}.awaiting__rail--stopped .awaiting__rail-fill{background:var(--dark-slate);opacity:.6}@keyframes awaiting-sheen{0%{transform:translateX(-100%)}60%,to{transform:translateX(100%)}}.awaiting--stalled .awaiting__core,.awaiting--stalled .awaiting__live-dot,.awaiting--stalled .sticker-verdict__ellipsis span{animation:none;opacity:.5}.awaiting--stalled .awaiting__ring{animation:none;opacity:0}.awaiting--stalled .awaiting__ring:first-of-type{opacity:.28}.awaiting__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px;margin-top:10px}.awaiting__note{flex:1 1 20ch;margin:0;font-size:12px;line-height:1.45;text-wrap:pretty;color:var(--dark-slate)}.awaiting__retry{flex-shrink:0;font-family:inherit;font-size:12.5px;font-weight:600;color:var(--ink);background:var(--sky);border:1px solid var(--sky);border-radius:999px;padding:7px 14px;cursor:pointer;transition:opacity .12s ease}.awaiting__retry:hover{opacity:.85}.awaiting__retry:disabled{opacity:.55;cursor:default}@keyframes awaiting-blink{0%,to{opacity:.3}50%{opacity:1}}.sticker-verdict__row--checking{flex-direction:column;align-items:stretch;gap:12px}.sticker-verdict__word--checking{color:var(--dark-slate-2);font-size:58px;display:flex;align-items:center;gap:.14em}.sticker-verdict__ellipsis{display:inline-flex;align-items:center;gap:.09em}.sticker-verdict__ellipsis span{width:.1em;height:.1em;border-radius:50%;background:currentColor;animation:awaiting-blink 1.2s ease-in-out infinite}.sticker-verdict__ellipsis span:nth-child(2){animation-delay:.18s}.sticker-verdict__ellipsis span:nth-child(3){animation-delay:.36s}.sticker-verdict__checking-side .sticker-verdict__reason{margin:0}.awaiting__rail--sticker{margin-top:12px;background:var(--ink-3)}.sticker-verdict__clock{margin:8px 0 0;font-family:var(--font-mono);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--dark-slate)}.awaiting__retry--sticker{margin-top:12px}.sticker-water__checking{color:var(--ink-mid)}.status-dot--stale,.sticker-water__checking{animation:awaiting-blink 1.6s ease-in-out infinite}.status-dot--stale{background:var(--ink-faint,#93a9ac)}.waterway-card--stale{position:relative;overflow:hidden;border-left-color:var(--ink-mid)}.waterway-card--stale:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 22%,rgba(13,42,48,.05) 50%,transparent 78%);transform:translateX(-100%);animation:awaiting-sweep 2.6s ease-in-out infinite;pointer-events:none}@keyframes awaiting-sweep{0%{transform:translateX(-100%)}65%,to{transform:translateX(100%)}}.waterway-card__verdict--stale{display:inline-flex;align-items:center;gap:6px;color:var(--ink);letter-spacing:.08em;background:var(--canvas);border-radius:999px;padding:3px 9px 3px 7px}.waterway-card__checking-dot{width:6px;height:6px;border-radius:50%;background:var(--ink-mid);flex-shrink:0;animation:awaiting-blink 1.3s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.awaiting__core,.awaiting__rail:after,.awaiting__ring,.ramp-card--awaiting:after,.waterway-card--stale:after{animation:none}.awaiting__rail:after,.ramp-card--awaiting:after,.waterway-card--stale:after{opacity:0}.awaiting__ring:first-of-type{opacity:.5}.awaiting__core{opacity:1}.awaiting__live-dot,.awaiting__rail-fill,.status-dot--stale,.sticker-verdict__ellipsis span,.sticker-water__checking,.waterway-card__checking-dot{animation:none;opacity:1}.awaiting__rail-fill{transition:none}}.ramp-not-found{padding:44px 22px;max-width:46ch}.ramp-not-found p{color:var(--ink-mid);font-size:15px;line-height:1.6;margin:0 0 14px}.ramp-not-found p:last-child{margin-bottom:0}.ramp-not-found__title{font-family:var(--font-display);font-size:24px;font-weight:500;color:var(--ink)!important;margin-bottom:10px!important}.signup-card__legal{margin:10px 0 0;font-size:11.5px;line-height:1.55;color:var(--ink-mid);opacity:.85}.signup-card__legal a{color:inherit;text-decoration:underline}.signup-card--sticker .signup-card__legal{color:var(--on-dark-muted,#7fa0a4)}