:root{color-scheme:light;--deep:#03183a;--navy:#072a5c;--navy-2:#0b3a7a;--ocean:#1184c9;--ocean-strong:#0a5e92;--ocean-btn:#0e76b6;--ocean-soft:#e6f2fb;--ocean-wash:#f2f8fd;--aqua:#2ee0c4;--teal:#0fb5a4;--ink:#0b1f3a;--text:#0f1d2b;--muted:#55657a;--faint:#66737f;--bg:#f6f9fc;--surface:#ffffff;--wash:#eef3f8;--line:#e3eaf1;--line-strong:#cfd9e3;--success:#116a41;--success-soft:#e4f5ec;--primary-ink:#0a5e92;--accent-ink:#0a7369;--accent-soft:#e2f6f3;--warning-ink:#8a5a00;--warning-soft:#fcf1dc;--danger:#b42318;--danger-soft:#fcebea;--primary:var(--ocean);--accent:var(--teal);--card:var(--surface);--border:var(--line);--r-sm:10px;--r:16px;--r-lg:22px;--r-xl:32px;--shadow-sm:0 1px 2px rgba(15,29,43,0.05),0 1px 3px rgba(15,29,43,0.06);--shadow:0 6px 16px -4px rgba(15,29,43,0.08),0 2px 6px -2px rgba(15,29,43,0.06);--shadow-lg:0 30px 60px -18px rgba(3,24,58,0.35);--maxw:1140px;--font-display:var(--font-bricolage),"Be Vietnam Pro",system-ui,sans-serif;--font-body:var(--font-bevn),system-ui,-apple-system,"Segoe UI",sans-serif}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}main{display:block;min-height:60vh}a{color:var(--ocean-strong);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}img,svg{display:block;max-width:100%}button{font:inherit}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);line-height:1.15;letter-spacing:-.02em;margin:0 0 .4em;font-weight:700;text-wrap:balance}p{margin:0 0 1em}:focus-visible{outline:3px solid color-mix(in srgb,var(--ocean) 55%,transparent);outline-offset:2px;border-radius:6px}::selection{background:color-mix(in srgb,var(--aqua) 35%,transparent)}.skip-link{position:absolute;left:12px;top:-48px;z-index:100;background:var(--ink);color:#fff;padding:10px 14px;border-radius:10px;font-weight:600}.skip-link:focus{top:12px}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}.container-mid{max-width:900px}.container-narrow{max-width:780px}.section{padding:88px 0}.section-sm{padding:56px 0}@media (max-width:720px){.section{padding:60px 0}.section-sm{padding:40px 0}}.muted{color:var(--muted)}.faint{color:var(--faint)}.num{font-family:var(--font-display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink)}.eyebrow svg{width:16px;height:16px}.display-1{font-size:clamp(38px,6vw,64px);line-height:1.04;letter-spacing:-.035em;font-weight:800}.display-2{font-size:clamp(30px,4.2vw,46px);line-height:1.08;letter-spacing:-.03em;font-weight:800}.title-lg{font-size:clamp(26px,3.2vw,34px);letter-spacing:-.025em}.lead{font-size:clamp(17px,1.6vw,19px);color:var(--muted);line-height:1.65}.h2{font-size:22px;margin:40px 0 14px}.section-head{max-width:680px;margin-bottom:40px}.section-head.center{margin-left:auto;margin-right:auto;text-align:center}.section-head .lead{margin:12px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:15px;line-height:1;white-space:nowrap;cursor:pointer;background:var(--ocean-btn);color:#fff;transition:background .15s ease,transform .15s ease,box-shadow .15s ease,border-color .15s ease}.btn:hover{text-decoration:none;background:var(--ocean-strong)}.btn:active{transform:translateY(1px)}.btn svg{width:18px;height:18px}.btn-sm{height:38px;padding:0 16px;font-size:14px}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.btn-ghost:hover{background:var(--wash)}.btn-light{background:#fff;color:var(--navy)}.btn-light:hover{background:var(--ocean-soft)}.btn-outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}.btn-outline-light:hover{background:rgba(255,255,255,.08)}.link-arrow{display:inline-flex;align-items:center;gap:6px;font-weight:600}.link-arrow svg{width:16px;height:16px;transition:transform .15s ease}.link-arrow:hover{text-decoration:none}.link-arrow:hover svg{transform:translateX(3px)}.store-badges{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.store-badge{display:block;border-radius:9px;transition:transform .15s ease,opacity .15s ease}.store-badge:hover{transform:translateY(-2px)}.store-badge img{height:48px;width:auto}.store-badges.sm .store-badge img{height:42px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:24px}.card-link{display:block;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card-link:hover{text-decoration:none;transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--line-strong)}.icon-tile{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:13px;flex:none;background:var(--ocean-soft);color:var(--ocean-strong)}.icon-tile svg{width:22px;height:22px}.icon-tile.teal{background:var(--accent-soft);color:var(--accent-ink)}.icon-tile.amber{background:var(--warning-soft);color:var(--warning-ink)}.icon-tile.green{background:var(--success-soft);color:var(--success)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap;line-height:1.35}.chip svg{width:14px;height:14px}.chip-excellent,.tide-high{background:var(--success-soft);color:var(--success)}.chip-good,.tide-mid{background:var(--ocean-soft);color:var(--primary-ink)}.chip-fair{background:var(--accent-soft);color:var(--accent-ink)}.chip-normal{background:var(--wash);color:var(--muted)}.chip-postpone{background:var(--danger-soft);color:var(--danger)}.tide-low{background:var(--warning-soft);color:var(--warning-ink)}.chip-outline{background:transparent;border:1px solid var(--line-strong);color:var(--muted);font-weight:600}.empty{padding:40px 24px;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:10px}.empty svg{width:40px;height:40px;color:var(--line-strong)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid rgba(15,29,43,.07)}.site-header-inner{display:flex;align-items:center;gap:24px;height:66px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);flex:none}.brand:hover{text-decoration:none}.brand img{width:36px;height:36px;border-radius:10px;box-shadow:0 2px 6px rgba(3,24,58,.25)}.wordmark{font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:-.03em;color:var(--ink)}.wordmark .o{color:var(--teal)}.on-dark .wordmark,.wordmark.light{color:#fff}.on-dark .wordmark .o,.wordmark.light .o{color:var(--aqua)}.site-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.site-nav a{position:relative;padding:8px 12px;border-radius:10px;color:var(--muted);font-weight:600;font-size:15px}.site-nav a:hover{color:var(--ink);background:var(--wash);text-decoration:none}.site-nav a[aria-current=page]{color:var(--ink)}.site-nav a[aria-current=page]:after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;border-radius:2px;background:var(--teal)}.header-cta{flex:none}.menu-toggle{display:none;margin-left:auto;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);align-items:center;justify-content:center;cursor:pointer}.menu-toggle svg{width:22px;height:22px}.mobile-menu{display:none;border-top:1px solid var(--line);background:var(--surface);padding:12px 20px 22px;box-shadow:0 18px 30px -18px rgba(3,24,58,.3)}.mobile-menu nav{display:grid;grid-gap:2px;gap:2px;margin-bottom:16px}.mobile-menu nav a{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:12px;color:var(--ink);font-weight:600;font-size:16px}.mobile-menu nav a:hover,.mobile-menu nav a[aria-current=page]{background:var(--wash);text-decoration:none}.mobile-menu nav a svg{width:20px;height:20px;color:var(--ocean)}@media (max-width:860px){.header-cta,.site-nav{display:none}.menu-toggle{display:inline-flex}.mobile-menu[data-open=true]{display:block}}.site-footer{background:var(--deep);color:rgba(255,255,255,.72)}.site-footer a{color:rgba(255,255,255,.78)}.site-footer a:hover{color:#fff}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);grid-gap:40px;gap:40px;padding:64px 0 40px}.footer-grid h4{font-family:var(--font-body);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:14px}.footer-grid ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px;font-size:15px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:22px 0 28px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;font-size:14px;color:rgba(255,255,255,.5)}@media (max-width:860px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1/-1}}.hero{position:relative;overflow:hidden;color:#fff;isolation:isolate;background:radial-gradient(900px 500px at 85% 10%,rgba(17,132,201,.55),transparent 60%),radial-gradient(700px 500px at 10% 90%,rgba(15,181,164,.28),transparent 60%),linear-gradient(170deg,#0b3a7a 0,var(--navy) 40%,var(--deep) 100%)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.35;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 0);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:48px;gap:48px;align-items:center;padding-block:72px 120px}.hero h1{color:#fff}.hero h1 .accent{color:var(--aqua)}.hero .lead{color:rgba(255,255,255,.78);max-width:560px}.hero-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);font-size:14px;font-weight:600;color:rgba(255,255,255,.9);margin-bottom:22px}.hero-pill .dot{width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:rgba(46,224,196,.18);color:var(--aqua)}.hero-pill .dot svg{width:14px;height:14px}.hero-points{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:26px;font-size:14px;color:rgba(255,255,255,.72)}.hero-points span{display:inline-flex;align-items:center;gap:8px}.hero-points svg{width:16px;height:16px;color:var(--aqua)}.hero-visual{position:relative;height:600px}.wave-divider{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:70px;color:var(--bg)}@media (max-width:960px){.hero-grid{grid-template-columns:1fr;padding-block:48px 96px;gap:28px}.hero-visual{height:520px}}@media (max-width:520px){.hero-visual{height:440px}}.phone{position:absolute;width:280px;aspect-ratio:660/1434;border-radius:44px;padding:10px;background:linear-gradient(145deg,#1d2b3f,#0b1424);box-shadow:var(--shadow-lg),inset 0 0 0 1.5px rgba(255,255,255,.12)}.phone img{width:100%;height:100%;object-fit:cover;border-radius:35px}.phone.front{left:50%;top:0;transform:translateX(-30%) rotate(3deg);z-index:2}.phone.back{left:50%;top:56px;transform:translateX(-95%) rotate(-6deg);opacity:.92}@media (max-width:960px){.phone{width:240px}.phone.front{transform:translateX(-20%) rotate(3deg)}.phone.back{transform:translateX(-90%) rotate(-6deg)}}@media (max-width:520px){.phone{width:200px;border-radius:36px;padding:8px}.phone img{border-radius:29px}}.float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;border-radius:18px;color:var(--text);background:rgba(255,255,255,.96);box-shadow:var(--shadow-lg);animation:bob 6s ease-in-out infinite}.float-card .label{font-size:12px;color:var(--muted);font-weight:600;line-height:1.3}.float-card .value{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--ink);line-height:1.25}.float-card.tide{left:0;bottom:110px}.float-card.ai{right:0;top:70px;animation-delay:-3s}@media (max-width:520px){.float-card{padding:10px 12px 10px 10px}.float-card .value{font-size:15px}.float-card.tide{bottom:40px;left:4px}.float-card.ai{top:24px;right:4px}.float-card .label{font-size:11px}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes slide{0%{transform:translateY(14px)}to{transform:none}}.slide{animation:slide .7s cubic-bezier(.2,.7,.2,1) both}.rise{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}.rise-1{animation-delay:.05s}.rise-2{animation-delay:.15s}.rise-3{animation-delay:.25s}.rise-4{animation-delay:.35s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.float-card,.rise,.slide{animation:none}.btn,.card-link,.store-badge{transition:none}}.today-strip{margin-top:-64px;position:relative;z-index:4}.today-card{display:grid;grid-template-columns:auto 1fr auto;grid-gap:24px;gap:24px;align-items:center;padding:22px 26px}@media (max-width:760px){.today-card{grid-template-columns:1fr;gap:16px}}.feature-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:64px;gap:64px;align-items:center}.feature-row+.feature-row{margin-top:96px}.feature-row.flip .feature-media{order:2}.feature-media{position:relative;display:grid;place-items:start center;height:520px;padding-top:44px;border-radius:var(--r-xl);overflow:hidden;background:radial-gradient(420px 320px at 50% 40%,rgba(17,132,201,.16),transparent 70%),linear-gradient(160deg,var(--ocean-wash),var(--wash));border:1px solid var(--line)}.feature-media.teal{background:radial-gradient(420px 320px at 50% 40%,rgba(15,181,164,.18),transparent 70%),linear-gradient(160deg,#f1fbf9,var(--wash))}.feature-media .phone{position:relative;left:auto;top:auto;transform:none;width:250px}.feature-list{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-gap:14px;gap:14px}.feature-list li{display:grid;grid-template-columns:26px 1fr;grid-gap:10px;gap:10px;color:var(--muted)}.feature-list li svg{width:20px;height:20px;color:var(--teal);margin-top:3px}.feature-list b{color:var(--text);font-weight:600}@media (max-width:900px){.feature-row{grid-template-columns:1fr;gap:28px}.feature-row.flip .feature-media{order:0}.feature-row+.feature-row{margin-top:72px}.feature-media{height:440px;padding-top:34px}.feature-media .phone{width:220px}}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.resource-card{padding:26px;display:flex;flex-direction:column;gap:10px;height:100%}.resource-card h3{font-size:20px;margin:6px 0 0}.resource-card p{color:var(--muted);margin:0;font-size:15px;flex:1 1}@media (max-width:860px){.resource-grid{grid-template-columns:1fr}}.faq{display:grid;grid-gap:12px;gap:12px}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:0 22px}.faq summary{list-style:none;cursor:pointer;padding:18px 0;font-weight:600;font-size:17px;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary svg{width:20px;height:20px;flex:none;color:var(--muted);transition:transform .2s ease}.faq details[open] summary svg{transform:rotate(180deg)}.faq details p{color:var(--muted);margin:0 0 18px}.cta-band{position:relative;overflow:hidden;border-radius:var(--r-xl);padding:56px;background:radial-gradient(600px 300px at 90% 0,rgba(17,132,201,.55),transparent 60%),radial-gradient(500px 300px at 0 100%,rgba(15,181,164,.3),transparent 60%),linear-gradient(160deg,var(--navy-2),var(--deep));display:grid;grid-template-columns:auto 1fr;grid-gap:32px;gap:32px;align-items:center}.cta-band,.cta-band h2{color:#fff}.cta-band p{color:rgba(255,255,255,.78)}.cta-band .app-icon{width:112px;height:112px;border-radius:26px;box-shadow:0 16px 40px rgba(0,0,0,.35)}@media (max-width:760px){.cta-band{grid-template-columns:1fr;padding:36px 24px}.cta-band .app-icon{width:76px;height:76px;border-radius:18px}}.app-promo{display:flex;gap:20px;align-items:center;padding:26px;border-radius:var(--r-lg);color:#fff;background:radial-gradient(500px 240px at 100% 0,rgba(17,132,201,.5),transparent 60%),linear-gradient(160deg,var(--navy-2),var(--deep))}.app-promo .app-icon{width:64px;height:64px;border-radius:16px;flex:none}.app-promo h3{color:#fff;font-size:20px;margin:0 0 4px}.app-promo p{color:rgba(255,255,255,.78);margin:0 0 14px;font-size:15px}@media (max-width:560px){.app-promo{flex-direction:column;align-items:flex-start}}.page-hero{position:relative;border-bottom:1px solid var(--line);background:radial-gradient(700px 260px at 90% -20%,rgba(17,132,201,.14),transparent 70%),radial-gradient(600px 240px at -10% 120%,rgba(15,181,164,.12),transparent 70%),linear-gradient(180deg,#fff,var(--ocean-wash))}.page-hero-inner{padding-block:36px 34px}.page-hero h1{font-size:clamp(30px,4.4vw,44px);letter-spacing:-.03em;margin:10px 0 8px}.page-hero .lead{margin:0;max-width:680px}.page-body{padding-block:32px 72px}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;color:var(--faint)}.crumbs a{color:var(--muted)}.crumbs svg{width:14px;height:14px}.backlink{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;cursor:pointer;color:var(--muted);font-size:15px;font-weight:600;padding:6px 2px;margin-bottom:10px}.backlink:hover{color:var(--ocean-strong)}.backlink svg{width:18px;height:18px}.avatar{display:inline-flex;border-radius:999px;color:#fff;font-weight:700;overflow:hidden}.avatar,.score-ring{align-items:center;justify-content:center;flex:none}.score-ring{width:112px;height:112px;border-radius:50%;position:relative;display:flex;flex-direction:column;background:conic-gradient(currentColor calc(var(--p) * 1%),var(--wash) 0)}.score-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--surface)}.score-ring>*{position:relative}.score-ring .num{font-size:36px;font-weight:800;line-height:1}.score-ring .lbl{font-size:12px;font-weight:700;margin-top:3px}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:10px;gap:10px}.fact{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.fact-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--faint);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.fact-label svg{width:14px;height:14px}.fact-value{display:flex;align-items:center;gap:8px;font-weight:700;margin-top:4px;color:var(--ink)}@media (max-width:420px){.facts{grid-template-columns:1fr 1fr}}.outlook-row{display:grid;grid-template-columns:132px 1fr auto;align-items:center;grid-gap:6px 16px;gap:6px 16px;padding:14px 18px;border-top:1px solid var(--line);color:inherit}.outlook-row:first-child{border-top:none}a.outlook-row:hover{background:var(--ocean-wash);text-decoration:none}.outlook-row.best{background:linear-gradient(90deg,var(--success-soft),transparent 70%)}.outlook-mid{display:flex;flex-wrap:wrap;gap:6px 12px;min-width:0}.outlook-mid,.wx{align-items:center}.wx{display:inline-flex;gap:6px;color:var(--muted);font-size:14px}.wx svg{width:18px;height:18px;color:var(--ocean)}@media (max-width:600px){.outlook-row{grid-template-columns:1fr auto}.outlook-mid{grid-column:1/-1;grid-row:2}}.tide-cal{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));grid-gap:8px;gap:8px}.tide-cell{background:var(--surface);border:1px solid var(--line);border-left-width:4px;border-radius:12px;padding:9px 11px}.tide-cell.today{box-shadow:0 0 0 2px var(--ocean)}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:5px;gap:5px}.month-head{text-align:center;font-size:12px;font-weight:700;color:var(--faint);padding:2px 0 4px}.mcell{border-radius:12px;padding:7px 2px;text-align:center;min-height:70px;display:flex;flex-direction:column;align-items:center;gap:2px}.mcell.lvl-high{background:var(--success-soft)}.mcell.lvl-mid{background:var(--ocean-soft)}.mcell.lvl-low{background:var(--warning-soft)}.mcell.today{box-shadow:inset 0 0 0 2px var(--ocean)}.mcell-day{font-family:var(--font-display);font-weight:800;font-size:17px;line-height:1.15;color:var(--ink)}.mcell-lunar{font-size:11px;color:var(--muted);font-weight:600}@media (min-width:640px){.month-grid{gap:7px}.mcell{min-height:84px;padding:9px 4px}.mcell-day{font-size:20px}.mcell-lunar{font-size:12px}}.place-links{display:flex;flex-wrap:wrap;gap:8px}.place-link{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--text);font-size:14px;font-weight:600;transition:border-color .15s ease,background .15s ease}.place-link:hover{border-color:var(--ocean);background:var(--ocean-wash);text-decoration:none}.period-list{list-style:none;padding:0;margin:0;display:grid;grid-gap:8px;gap:8px}.period-list li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:15px}.moon{flex:none}.grid-catches{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:14px;gap:14px}.grid-feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:18px;gap:18px}.catch-card,.catch-photo{overflow:hidden}.catch-photo{position:relative;aspect-ratio:4/3;background:var(--wash)}.catch-photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.card-link:hover .catch-photo img{transform:scale(1.04)}.catch-photo .ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--line-strong)}.catch-photo .ph svg{width:44px;height:44px}.weight-tag{position:absolute;right:10px;bottom:10px;padding:4px 10px;border-radius:999px;background:rgba(3,24,58,.78);color:#fff;font-family:var(--font-display);font-weight:700;font-size:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.podium{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;align-items:end;margin-bottom:18px}.podium-card{padding:20px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.podium-card.first{padding-top:30px;border-color:#f2d27a;box-shadow:0 10px 30px -12px rgba(201,150,20,.45)}.podium-card .medal{font-family:var(--font-display);font-weight:800;font-size:14px;display:inline-flex;align-items:center;gap:6px}.podium-card .name{font-weight:700;color:var(--ink);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:560px){.podium{gap:8px}.podium-card{padding:16px 8px}}.rank-row{display:flex;align-items:center;gap:14px;padding:12px 18px;border-top:1px solid var(--line);color:inherit}.rank-row:first-child{border-top:none}.rank-row:hover{background:var(--ocean-wash);text-decoration:none}.tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--wash);border:1px solid var(--line)}.tabs a{padding:8px 16px;border-radius:999px;font-weight:600;font-size:14px;color:var(--muted)}.tabs a:hover{color:var(--ink);text-decoration:none}.tabs a[aria-current=page]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.detail-list{display:grid}.detail-list>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;border-top:1px solid var(--line)}.detail-list>div:first-child{border-top:none}.prose{color:var(--text);font-size:16px;line-height:1.75}.prose h2{font-size:21px;margin:34px 0 10px}.prose p,.prose ul{margin:12px 0}.prose ul{padding-left:22px}.prose li{margin:6px 0}.prose.muted p{color:var(--muted)}.species-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:14px;gap:14px}.species-card{padding:20px;display:flex;flex-direction:column;gap:6px;height:100%}.species-card h3{font-size:19px;margin:0}.species-card p{color:var(--muted);font-size:14.5px;margin:0}.info-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.info-block{padding:22px}.info-block h2{display:flex;align-items:center;gap:10px;font-size:19px;margin:0 0 10px}.info-block ul{padding-left:20px;display:grid;grid-gap:6px;gap:6px}.info-block p,.info-block ul{margin:0;color:var(--muted);font-size:15px}@media (max-width:720px){.info-grid{grid-template-columns:1fr}}.post-details{padding:14px 26px;background:var(--bg);border-left:1px solid var(--line)}@media (max-width:640px){.post-details{border-left:none;border-top:1px solid var(--line)}}@media (max-width:760px){.today-card .moon{width:44px;height:44px}}.podium-weight{font-weight:800;color:var(--ink);white-space:nowrap;font-size:clamp(15px,4vw,18px)}.podium-weight.first{font-size:clamp(17px,4.6vw,22px)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation:reveal linear both;animation-timeline:view();animation-range:entry 0 entry 35%}}}@keyframes reveal{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.footer-title{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5);margin:0 0 14px}.app-promo-title{font-family:var(--font-display);font-weight:700;font-size:20px;color:#fff;margin:0 0 4px;letter-spacing:-.02em}.share-bar{display:flex;flex-wrap:wrap}.share-bar,.share-btn{gap:8px;align-items:center}.share-btn{display:inline-flex;height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-weight:600;font-size:14px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.share-btn:hover{background:var(--wash);text-decoration:none}.share-btn svg{width:17px;height:17px}.share-btn.fb{color:#1877f2}.share-btn.primary{background:var(--ocean-btn);border-color:var(--ocean-btn);color:#fff}.share-btn.primary:hover{background:var(--ocean-strong)}.share-btn[disabled]{opacity:.6;cursor:progress}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:90;background:var(--ink);color:#fff;padding:10px 18px;border-radius:999px;font-weight:600;font-size:14px;box-shadow:var(--shadow-lg);animation:rise .25s ease both}.share-card{display:grid;grid-template-columns:120px 1fr;grid-template-rows:auto 1fr;grid-gap:6px 18px;gap:6px 18px;padding:18px}.share-card img{grid-row:1/span 2;width:120px;height:150px;object-fit:cover;border-radius:12px;border:1px solid var(--line);background:var(--deep)}.share-actions{grid-column:2;align-self:end;margin-top:8px}@media (max-width:560px){.share-card{grid-template-columns:72px 1fr;grid-template-rows:auto}.share-card img{grid-row:auto;width:72px;height:90px}.share-actions{grid-column:1/-1}}dialog.download-dialog{border:none;padding:0;border-radius:var(--r-xl);width:min(420px,calc(100vw - 32px));box-shadow:var(--shadow-lg);color:var(--text)}dialog.download-dialog::-webkit-backdrop{background:rgba(3,24,58,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog.download-dialog::backdrop{background:rgba(3,24,58,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.download-inner{padding:28px;text-align:center;position:relative}.download-inner .qr{width:200px;height:200px;margin:18px auto 10px;padding:12px;border-radius:18px;border:1px solid var(--line);background:#fff}.download-inner .qr svg{width:100%;height:100%}.download-inner .store-badges{justify-content:center;margin-top:18px}.dialog-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:999px;border:none;background:var(--wash);color:var(--ink);display:grid;place-items:center;cursor:pointer}.dialog-close svg{width:18px;height:18px}.finder{position:relative;max-width:560px;margin-top:20px}.finder-row{display:flex;gap:8px}.finder-input{flex:1 1;min-width:0;height:48px;padding:0 16px 0 44px;border-radius:14px;border:1px solid var(--line-strong);background:var(--surface);font:inherit;font-size:16px;color:var(--ink);box-shadow:var(--shadow-sm)}.finder-input:focus{outline:none;border-color:var(--ocean);box-shadow:0 0 0 4px var(--ocean-soft)}.finder-icon{position:absolute;left:14px;top:14px;width:20px;height:20px;color:var(--faint);pointer-events:none}.finder-list{position:absolute;left:0;right:0;top:54px;z-index:20;list-style:none;margin:0;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);max-height:320px;overflow:auto}.finder-list a{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;color:var(--ink);font-weight:600}.finder-list a:hover,.finder-list a[data-active=true]{background:var(--ocean-wash);text-decoration:none}.finder-list small{color:var(--faint);font-weight:500;text-align:right}.finder-note{font-size:13px;color:var(--faint);margin-top:8px}.share-bar .share-bar{display:contents}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/93a6e477e1480c92-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c7e0cf6c760983e7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/9d5a263311222317-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/93a6e477e1480c92-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c7e0cf6c760983e7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/9d5a263311222317-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/93a6e477e1480c92-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c7e0cf6c760983e7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/9d5a263311222317-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bricolage Grotesque Fallback;src:local("Arial");ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.00%;size-adjust:105.43%}.__className_c468bc{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.__variable_c468bc{--font-bricolage:"Bricolage Grotesque","Bricolage Grotesque Fallback"}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/cd79e1ff94fa521b-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/89362aa296165c6d-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e11f95d95ac59fa4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/00f4982f357db61e-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/62a3c74fa0e47362-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8201559e247ad180-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/2173e4bb28c315da-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c6f81e539d11fc99-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/25ab8995c98996d7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/9ddf1512dbee9c99-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8247d8d2a376ae43-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e270c9fc4fe96f5a-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Be Vietnam Pro Fallback;src:local("Arial");ascent-override:90.61%;descent-override:24.01%;line-gap-override:0.00%;size-adjust:110.36%}.__className_021202{font-family:Be Vietnam Pro,Be Vietnam Pro Fallback;font-style:normal}.__variable_021202{--font-bevn:"Be Vietnam Pro","Be Vietnam Pro Fallback"}