.water-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--bg);animation:water-in .6s ease both}@keyframes water-in{0%{opacity:0}}.water-bg svg{position:absolute;inset:0;width:100%;height:100%}.has-water .screen{position:relative;z-index:1;background:transparent}.has-water{--muted: var(--text-2)}.has-water--scintillement .screen__footer{background:linear-gradient(180deg,#b5d6cf00,#b5d6cff0 40%)}.has-water--sillage .screen__footer{background:linear-gradient(180deg,#c9e1e400,#c9e1e4f0 40%)}.has-water--sous-surface .screen__footer{background:linear-gradient(180deg,#b2d4ec00,#b2d4ecf0 40%)}.caustics{position:absolute;inset:0;-webkit-mask-image:linear-gradient(180deg,transparent 8%,#000 55%);mask-image:linear-gradient(180deg,transparent 8%,#000 55%)}.caustics__layer{position:absolute;top:calc(-1 * var(--tile));left:calc(-1 * var(--tile));width:calc(100% + 2 * var(--tile));height:calc(100% + 2 * var(--tile));background-repeat:repeat;will-change:transform}.caustics__layer--a{opacity:.2;animation:drift-a 48s linear infinite}.caustics__layer--b{opacity:.14;animation:drift-b 34s linear infinite}@keyframes drift-a{to{transform:translate3d(var(--tile),calc(var(--tile) / 2),0)}}@keyframes drift-b{to{transform:translate3d(calc(-1 * var(--tile)),var(--tile),0)}}.water-bg--scintillement{background:linear-gradient(180deg,#f7f3e9 0%,var(--bg) 55%)}.glints__spark{fill:#fff;opacity:.7;animation:glint 3s ease-in-out infinite}@keyframes glint{0%,to{opacity:0}45%{opacity:.95}60%{opacity:.2}}.water-bg--sous-surface{background:linear-gradient(180deg,#bfe1f3,#d5ecf7 12%,#cfe6f4 50%,#bcdaef 85%,#b2d4ec)}.under__surface{position:absolute;inset:0 0 auto;height:34%;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.6) 45%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.6) 45%,transparent 100%)}.under__surface .caustics{inset:0 0 -200%;-webkit-mask-image:none;mask-image:none;transform:scaleY(.4);transform-origin:top center}.under__surface .caustics__layer--a{opacity:.85;animation-duration:30s}.under__surface .caustics__layer--b{opacity:.55;animation-duration:24s}.under__rays{position:absolute;inset:0;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.5) 50%,transparent 95%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.5) 50%,transparent 95%)}.under__rays span{position:absolute;top:-2%;left:68%;height:130%;background:linear-gradient(180deg,#fffffff2,#fff0 85%);filter:blur(10px);transform-origin:top center;transform:rotate(var(--tilt)) scaleX(.95);opacity:.75;animation:under-ray 14s ease-in-out infinite alternate}@keyframes under-ray{0%{transform:rotate(var(--tilt)) scaleX(.7);opacity:.5}to{transform:rotate(calc(var(--tilt) + 4deg)) scaleX(1.2);opacity:1}}.under__sun .under__halo{animation:under-halo 6s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}@keyframes under-halo{0%{opacity:.65;transform:scale(.94)}to{opacity:.85;transform:scale(1.06)}}.under__spark{fill:#fff;opacity:.7;animation:glint 3s ease-in-out infinite}.under__motes span{position:absolute;border-radius:50%;background:#ffffffbf;animation:mote 20s linear infinite}@keyframes mote{0%{transform:translateZ(0);opacity:0}15%,80%{opacity:.9}to{transform:translate3d(14px,-120px,0);opacity:0}}.water-bg--sillage{background:linear-gradient(180deg,var(--bg) 0%,var(--bg) 35%,#dcebec 70%,#c9e1e4 100%)}.wake__caustics{-webkit-mask-image:linear-gradient(180deg,transparent 35%,#000 75%);mask-image:linear-gradient(180deg,transparent 35%,#000 75%)}.wake__caustics .caustics__layer--a{opacity:.5}.wake__caustics .caustics__layer--b{opacity:.25}.wake__track{position:absolute;left:0;bottom:9%;width:100%;animation:wake-cross 11s linear -1s infinite}@keyframes wake-cross{0%{transform:translate(calc(100vw + 40px))}to{transform:translate(-340px)}}.water-bg .wake__follower{position:absolute;left:70px;top:-34px;width:330px;height:124px;animation:follower-stalk 3.8s ease-in-out infinite alternate}.water-bg .wake__fish{position:absolute;inset:0;width:100%;height:100%;filter:brightness(0) blur(3.5px);opacity:.2;animation:follower-sway 1.3s ease-in-out infinite alternate}@keyframes follower-stalk{0%{transform:translate(44px,14px)}to{transform:translate(-4px,6px)}}@keyframes follower-sway{0%{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}.wake__swim{position:relative;width:96px;height:40px;animation:wake-sway 1.6s ease-in-out infinite alternate}@keyframes wake-sway{0%{transform:translateY(-3px) rotate(-3deg)}to{transform:translateY(3px) rotate(3deg)}}.water-bg .wake__lure{position:relative;inset:auto;width:96px;height:40px;filter:drop-shadow(0 1px 1px rgba(20,36,32,.25))}.wake__shadow{position:absolute;left:12px;top:22px;width:80px;height:18px;border-radius:50%;background:#143c3c2e;filter:blur(5px)}.water-bg .wake__trail{position:absolute;inset:-40px auto auto 78px;width:320px;height:120px;overflow:visible}.wake__arm{fill:none;stroke:url(#wake-fade);stroke-width:3;stroke-linecap:round;stroke-dasharray:14 10;animation:wake-flow 1.2s linear infinite}.wake__arm--center{stroke-width:1.2;opacity:.6}.wake__ring{fill:none;stroke:url(#wake-fade);stroke-width:1.4;opacity:.7}@keyframes wake-flow{to{stroke-dashoffset:-24}}.wake__line{position:absolute;right:90px;top:21px;width:100vw;height:1px;background:linear-gradient(90deg,#14242000,#14242073);transform:rotate(4deg);transform-origin:right center}.is-native .caustics__layer{top:0;left:0;width:100%;height:100%;animation:none;will-change:auto}.is-native .glints__spark,.is-native .under__spark,.is-native .under__motes span,.is-native .under__rays span,.is-native .under__sun .under__halo,.is-native .wake__arm,.is-native .water-bg .wake__fish{animation:none}@media(prefers-reduced-motion:reduce){.water-bg,.water-bg *,.water-bg *:before{animation:none!important}.wake__track{transform:translate(30vw)}}.bg-lab{padding-top:84px}.bg-lab .water-bg{top:84px}.bg-lab__bar{position:fixed;top:0;left:0;right:0;z-index:20;padding:8px 12px;background:#142420eb;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bg-lab__chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.bg-lab__chip{flex:0 0 auto;min-height:36px;padding:0 12px;border:1.5px solid var(--dark-2);border-radius:999px;background:transparent;color:#fff;font-family:var(--font-display);font-size:13px;font-weight:600;white-space:nowrap}.bg-lab__chip--active{background:var(--accent);border-color:var(--accent);color:var(--text)}.bg-lab__chip--page{border-style:dashed;color:var(--dark-muted)}.bg-lab__pitch{margin:6px 2px 0;font-size:12px;line-height:1.35;color:var(--dark-muted);max-width:480px}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-vietnamese-500-normal-BmEvtly_.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-500-normal-BTqKIpxg.woff) format("woff");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:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-ext-500-normal-DUe3BAxM.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-500-normal-3dgZTiw9.woff) format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2) format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff) format("woff");unicode-range:U+0000-00FF,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:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-vietnamese-600-normal-DUi7WF5p.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-600-normal-D6zpsUhD.woff) format("woff");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:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-ext-600-normal-DxxdqCpr.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-600-normal-VcznFIpX.woff) format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-600-normal-DjKNqYRj.woff2) format("woff2"),url(/assets/space-grotesk-latin-600-normal-BflQw4A9.woff) format("woff");unicode-range:U+0000-00FF,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:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-vietnamese-700-normal-DMty7AZE.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-700-normal-Duxec5Rn.woff) format("woff");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:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-ext-700-normal-BQnZhY3m.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-700-normal-HVCqSBdx.woff) format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2) format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff) format("woff");unicode-range:U+0000-00FF,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:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-vietnamese-400-normal-TxZB8OSn.woff2) format("woff2"),url(/assets/public-sans-vietnamese-400-normal-BO1meqcx.woff) format("woff");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:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-latin-ext-400-normal-mk90oQqJ.woff2) format("woff2"),url(/assets/public-sans-latin-ext-400-normal-B02wwOdZ.woff) format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-latin-400-normal-8Rpg0ruU.woff2) format("woff2"),url(/assets/public-sans-latin-400-normal-SBbinRkI.woff) format("woff");unicode-range:U+0000-00FF,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:Public Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/public-sans-vietnamese-500-normal-DjztbcKe.woff2) format("woff2"),url(/assets/public-sans-vietnamese-500-normal-CXYe29CY.woff) format("woff");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:Public Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/public-sans-latin-ext-500-normal-DC-z7ASZ.woff2) format("woff2"),url(/assets/public-sans-latin-ext-500-normal-BHCCp-na.woff) format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/public-sans-latin-500-normal-NlrCPXnF.woff2) format("woff2"),url(/assets/public-sans-latin-500-normal-vCxiVFAq.woff) format("woff");unicode-range:U+0000-00FF,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:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/public-sans-vietnamese-600-normal-P4BtCUdw.woff2) format("woff2"),url(/assets/public-sans-vietnamese-600-normal-CcnAzmUX.woff) format("woff");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:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/public-sans-latin-ext-600-normal-DchWdWJ_.woff2) format("woff2"),url(/assets/public-sans-latin-ext-600-normal-DfkbVac2.woff) format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/public-sans-latin-600-normal-Fru-LXNs.woff2) format("woff2"),url(/assets/public-sans-latin-600-normal-BR59oU-I.woff) format("woff");unicode-range:U+0000-00FF,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:Public Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/public-sans-vietnamese-700-normal-D97ShjGS.woff2) format("woff2"),url(/assets/public-sans-vietnamese-700-normal-Dq5VrXjD.woff) format("woff");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:Public Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/public-sans-latin-ext-700-normal-CgolUQuG.woff2) format("woff2"),url(/assets/public-sans-latin-ext-700-normal-jWHjnMgZ.woff) format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/public-sans-latin-700-normal-BqJmxWdE.woff2) format("woff2"),url(/assets/public-sans-latin-700-normal-Dm-oTPSL.woff) format("woff");unicode-range:U+0000-00FF,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}:root{--bg: #f5f3ee;--surface: #ffffff;--text: #142420;--text-2: #495650;--muted: #5e6863;--border: #e1ddd1;--divider: #eeebe3;--primary: #0f6e64;--primary-soft: #e6f2ef;--primary-deep: #0b5a52;--accent: #5fd9c6;--accent-bright: #7ae3d3;--dark: #142420;--dark-2: #1d3630;--dark-muted: #aebdb6;--amber: #b86c25;--blue: #2f6db5;--sea: #1f5f99;--sea-soft: #e4eef8;--warn-bg: #fbebd3;--warn-border: #e8b77a;--warn-text: #5c3206;--warn-icon: #8a4b0a;--info-soft: #f2f5f8;--tag-soft-bg: #dcede9;--tag-soft-text: #0b5a52;--tag-hard-bg: #e2e5f5;--tag-hard-text: #34407a;--tag-spoon-bg: #f3e3ce;--tag-spoon-text: #7a3f0c;--tag-metal-bg: #e7e7e3;--tag-metal-text: #3d4440;--tag-top-bg: #f6dde3;--tag-top-text: #8a2440;--danger: #a3261b;--danger-soft: #fbe3e1;--radius: 16px;--shadow: 0 1px 2px rgba(20, 36, 32, .06);--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Public Sans", system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#root{min-height:100dvh;max-width:480px;margin:0 auto}button{font:inherit;color:inherit;cursor:pointer}button,a,select,[role=radio]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body:before{content:"";position:fixed;top:0;left:0;right:0;z-index:5;height:env(safe-area-inset-top);background:var(--bg);pointer-events:none}body:has(.has-water--scintillement):before{background:#f7f3e9}body:has(.has-water--sous-surface):before{background:#bfe1f3}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.screen{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.screen__body{flex:1 1 auto;display:flex;flex-direction:column;gap:18px;padding:max(16px,env(safe-area-inset-top)) 16px 20px}.screen__footer{position:sticky;bottom:0;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:14px 16px max(20px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(245,243,238,0) 0%,var(--bg) 35%)}.screen--dark,.screen--dark .screen__footer{background:var(--dark);color:#fff}.screen--center{align-items:center;justify-content:center;gap:10px;padding:32px;text-align:center}@media(min-width:481px){.screen__body{padding:28px 24px 24px}.screen__footer{padding:16px 24px 28px}}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:44px}.topbar__brand{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--primary)}.topbar--dark .topbar__brand{color:var(--accent)}.lang-btn{min-width:48px;min-height:48px;border:1.5px solid var(--border);border-radius:999px;background:var(--surface);font-size:13px;font-weight:700}.lang-picker{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0 12px}.lang-picker__select{position:absolute;inset:0;width:100%;opacity:0;font-size:16px;cursor:pointer}.lang-picker:focus-within{outline:2px solid var(--primary);outline-offset:2px}.lang-btn--dark{background:transparent;border-color:var(--dark-2);color:#fff}.link-btn{align-self:center;min-height:48px;padding:4px 8px;border:none;background:none;font-size:14px;font-weight:600;color:var(--muted)}.topbar .link-btn{align-self:auto;padding-left:0}.link-btn--light{color:var(--dark-muted)}.step{display:flex;align-items:center;gap:8px}.step__num{display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:var(--primary);color:#fff;font-family:var(--font-display);font-size:12px;font-weight:700}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.title{margin:0;font-family:var(--font-display);font-size:30px;line-height:1.15;font-weight:700}.title--sm{font-size:26px;margin-top:-10px}.result__title{margin-top:0;text-wrap:balance}.context{margin:-8px 0 0;font-size:14px;color:var(--muted)}.footnote{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}.credits{margin:-8px 0 0;font-size:11px;color:var(--muted)}.label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.card{background:var(--surface);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:14px}.row--flat{padding:0}.row__text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.row__main{font-size:16px;font-weight:600}.row__sub{font-size:13px;color:var(--muted)}.ic{flex:0 0 auto}.ic--primary{color:var(--primary)}.ic--blue{color:var(--blue)}.ic--amber{color:var(--amber)}.divider{height:1px;background:var(--divider)}.chip-btn{min-height:40px;padding:0 12px;border:1.5px solid var(--primary);border-radius:999px;background:var(--surface);color:var(--primary);font-size:13px;font-weight:600}.help{margin:0;padding:10px 12px;border-radius:10px;background:var(--info-soft);font-size:13px;line-height:1.45;color:var(--text-2)}.radios{display:flex;flex-direction:column;gap:8px}.radio{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 14px;border:1.5px solid var(--border);border-radius:12px;background:var(--surface);text-align:left}.radio--active{border-color:var(--primary);background:var(--primary-soft)}.radio__dot{flex:0 0 auto;width:18px;height:18px;border:2px solid #9a9486;border-radius:999px;background:#fff}.radio--active .radio__dot{border:5px solid var(--primary)}.radio__text{display:flex;flex-direction:column;gap:2px}.radio__title{font-size:15px;font-weight:600}.radio__sub{font-size:12px;color:var(--muted)}.pills{display:flex;flex-wrap:wrap;gap:8px}.pill{min-height:44px;padding:0 16px;border:1.5px solid var(--border);border-radius:999px;background:var(--surface);font-size:14px;font-weight:500}.pill--active{border-color:var(--primary);background:var(--primary);color:#fff;font-weight:600}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fish{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:10px 10px 12px;border:1.5px solid var(--border);border-radius:16px;background:var(--surface);text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.fish:active{transform:scale(.98)}.fish__art{display:grid;place-items:center;aspect-ratio:2.3;border-radius:11px;background:linear-gradient(180deg,#eef4f2,#dfeae7);overflow:hidden}.fish__svg{width:100%;height:100%;padding:6px 4px}.fish--sea .fish__art{background:linear-gradient(180deg,#edf3fa,#d9e7f4)}.fish--active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.fish--active .fish__art{background:linear-gradient(180deg,#d6ebe6,#bfdcd5)}.fish--sea.fish--active .fish__art{background:linear-gradient(180deg,#d7e6f5,#bcd3ea)}.fish__name{padding:0 4px;font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text)}.envs{display:flex;flex-direction:column;gap:14px}.env{display:flex;align-items:center;gap:16px;width:100%;min-height:116px;padding:20px 18px;border:1.5px solid var(--border);border-radius:18px;background:var(--surface);text-align:left;box-shadow:var(--shadow);transition:border-color .15s ease,transform .15s ease}.env:active{transform:scale(.99)}.env__icon{display:grid;place-items:center;flex:0 0 auto;width:104px;height:64px;border-radius:16px;overflow:hidden}.env__fish{width:100%;height:100%;padding:6px}.env--sea .env__icon{background:linear-gradient(180deg,#e8f1fa,#cfe0f1)}.env--freshwater .env__icon{background:linear-gradient(180deg,#eef4f2,#d6e7e1)}.env__text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.env__title{font-family:var(--font-display);font-size:20px;font-weight:700}.env__sub{font-size:14px;color:var(--muted)}.env__arrow{flex:0 0 auto;color:var(--muted)}.env--active{border-color:var(--primary);background:var(--primary-soft)}.info-card{border:1px solid var(--border);box-shadow:none;scroll-margin-top:16px}.info-card:focus{outline:none}@keyframes landed{0%{border-color:var(--amber);background-color:var(--warn-bg)}}.info-card--landed{animation:landed 1.6s cubic-bezier(.16,1,.3,1)}@media(prefers-reduced-motion:reduce){.info-card--landed{animation:none;border-color:var(--amber)}}.info-card__title{margin:0;font-family:inherit}.rule-line{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-size:14px;font-weight:600;line-height:1.35;text-align:left;transition:border-color .15s ease}.rule-line svg{flex-shrink:0}.rule-line__text{flex:1;min-width:0}.rule-line__more{flex-shrink:0;font-size:13px;font-weight:600;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.tide-tip{border-radius:12px;background:var(--sea-soft);color:var(--text)}.tide-tip__summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border-radius:12px;font-size:14px;font-weight:600;line-height:1.35;cursor:pointer;list-style:none}.tide-tip__summary::-webkit-details-marker{display:none}.tide-tip__summary svg{flex-shrink:0}.tide-tip__short{flex:1;min-width:0}.tide-tip__chevron{color:var(--sea);transition:transform .2s ease-out}.tide-tip[open] .tide-tip__chevron{transform:rotate(180deg)}.tide-tip__full{margin:0;padding:0 12px 12px 40px;font-size:14px;line-height:1.5;color:var(--text-2)}.hero .tide-tip{flex-basis:100%;background:#fff9}.result__restart{margin-top:-4px}.rule-line--warn{border-color:var(--warn-border);background:var(--warn-bg);color:var(--warn-text)}.rule-line--warn .rule-line__more{color:var(--warn-text)}.rule-line:disabled{cursor:progress;opacity:1}@media(hover:hover){.rule-line:hover:not(:disabled){border-color:var(--amber)}}.info-card__list{display:flex;flex-direction:column;gap:6px;margin:0;padding-left:20px;font-size:14px;line-height:1.5;color:var(--text-2)}.info-card__small{margin:0;font-size:13px;line-height:1.45;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 18px;border:1.5px solid transparent;border-radius:14px;font-family:var(--font-display);font-size:16px;font-weight:600;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn--block{width:100%}.btn--primary{background:var(--primary);color:#fff}.btn--accent{background:var(--accent);color:var(--dark);font-weight:700}.btn--outline{background:var(--surface);border-color:var(--primary);color:var(--primary);font-size:15px}.btn--icon{width:52px;padding:0;background:var(--surface);border-color:var(--border)}.btn--grow{flex:1}.actions{display:flex;gap:10px}.screen__footer:has(.actions--result){background:linear-gradient(180deg,rgba(245,243,238,0) 0,var(--bg) 12px)}.actions--result .btn--outline{flex:0 0 auto;padding:0 14px}@media(max-width:359px){.hero__fish{width:92px}.actions--result .btn--outline svg{display:none}}.footer-status{font-size:13px;line-height:1.4;text-align:center;color:var(--text-2)}.footer-status:empty{margin-top:-10px}.footer-status__error{display:block;padding:8px 12px;border-radius:10px;background:var(--danger-soft);color:var(--danger);text-align:left}.share-manual{display:flex;flex-direction:column;gap:6px;text-align:left}.share-manual__url{width:100%;min-height:44px;padding:0 12px;border:1.5px solid var(--primary);border-radius:12px;background:var(--surface);color:var(--text);font:400 16px var(--font-body);text-overflow:ellipsis}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.lang-btn,.link-btn,.chip-btn,.pill,.radio{transition:background-color .15s ease,border-color .15s ease,color .15s ease}@media(hover:hover){.btn--primary:hover:not(:disabled){background:var(--primary-deep)}.btn--accent:hover:not(:disabled){background:var(--accent-bright)}.btn--outline:hover:not(:disabled){background:var(--primary-soft)}.btn--icon:hover:not(:disabled),.lang-btn:hover,.pill:hover:not(.pill--active),.radio:hover:not(.radio--active),.fish:hover,.env:hover{border-color:var(--primary)}.lang-btn--dark:hover{border-color:var(--accent)}.pill--active:hover{background:var(--primary-deep);border-color:var(--primary-deep)}.chip-btn:hover{background:var(--primary-soft)}.link-btn:hover:not(:disabled){color:var(--text)}.link-btn--light:hover:not(:disabled){color:#fff}.lure__buy:hover{color:var(--primary-deep);text-decoration:underline;text-underline-offset:3px}}.permission{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px 8px;text-align:center}.permission__logo{display:block;width:160px;height:160px;border-radius:32px;background:#fff;box-shadow:0 6px 24px #0b1d331f}.permission__title{margin:0;font-family:var(--font-display);font-size:26px;line-height:1.25}.permission__body{margin:0;max-width:34ch;font-size:15px;line-height:1.5;color:var(--muted)}.spinner{color:var(--primary);animation:spin 1.1s linear infinite}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner,.spin{animation-duration:3s}}.loading__title{margin:12px 0 0;font-family:var(--font-display);font-size:19px;font-weight:700}.loading__sub{margin:0;font-size:14px;color:var(--muted)}.lures{display:flex;flex-direction:column;gap:14px;scroll-margin-top:16px}.lure{display:flex;flex-direction:column;gap:8px;transition:opacity .2s ease-out}.lures[aria-busy=true] .lure{opacity:.45}@keyframes lure-in{0%{opacity:.45;transform:translateY(10px)}}.lures--fresh .lure{animation:lure-in .45s cubic-bezier(.16,1,.3,1) both}.lures--fresh .lure:nth-of-type(2){animation-delay:60ms}.lures--fresh .lure:nth-of-type(3){animation-delay:.12s}@media(prefers-reduced-motion:reduce){.lures--fresh .lure{animation:none}}.lure__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.lure__head .lure__name{min-width:0}.lure__meta{margin:-4px 0 0;overflow-wrap:anywhere;font-size:13px;line-height:1.4;color:var(--muted)}.lure__name{margin:0;overflow-wrap:break-word;font-family:var(--font-display);font-size:18px;font-weight:700}.lure__size{font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--muted)}.lure__desc{margin:0;font-size:14px;line-height:1.5;color:var(--text-2)}.lure__note{margin:0;font-size:13px;font-style:italic;color:var(--muted)}.lure__buy{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;min-height:44px;font-size:14px;font-weight:700;color:var(--primary);text-decoration:none}.tag{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.tag--soft{background:var(--tag-soft-bg);color:var(--tag-soft-text)}.tag--hard{background:var(--tag-hard-bg);color:var(--tag-hard-text)}.tag--spoon{background:var(--tag-spoon-bg);color:var(--tag-spoon-text)}.tag--metal{background:var(--tag-metal-bg);color:var(--tag-metal-text)}.tag--top{background:var(--tag-top-bg);color:var(--tag-top-text)}.note{margin:0;padding:10px 12px;border-radius:10px;background:var(--info-soft);font-size:13px;line-height:1.45;color:var(--text-2)}.alert{margin:0;padding:10px 12px;border-radius:10px;background:var(--danger-soft);font-size:14px;color:var(--danger)}.dialog-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:16px;background:#1424208c}.dialog{width:100%;max-width:400px;max-height:calc(100dvh - 32px);overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:20px;background:var(--surface);box-shadow:0 12px 32px #14242040}.dialog__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:999px;background:var(--warn-bg);color:var(--warn-icon)}.dialog__icon--info{background:var(--info-soft);color:var(--amber)}.dialog__title{margin:0;font-family:var(--font-display);font-size:21px;line-height:1.25}.dialog__body{display:flex;flex-direction:column;gap:10px}.dialog__body p{margin:0;font-size:15px;line-height:1.5;color:var(--text-2)}.dialog__body .dialog__small{font-size:13px;color:var(--muted)}.legal-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 2px;margin:-12px 0 0 -6px;font-size:11px;color:var(--muted)}.legal-links a{display:inline-flex;align-items:center;min-height:48px;padding:0 6px;color:var(--muted);text-decoration:underline;text-underline-offset:2px}.legal-links a:hover,.legal-links a:focus-visible{color:var(--text)}.screen--dark .legal-links,.screen--dark .legal-links a{color:var(--dark-muted)}.legal{max-width:640px;margin:0 auto;gap:4px}.legal__title{margin-bottom:0}.legal__updated{margin:0 0 8px;font-size:12px;color:var(--muted)}.legal__intro{margin-bottom:8px}.legal__section{margin-top:20px}.legal__heading{font-family:var(--font-display);font-size:16px;font-weight:700;margin:0 0 6px;color:var(--primary)}.legal__p{margin:0 0 10px;font-size:14px;line-height:1.6;color:var(--text-2)}.legal__list{margin:0 0 10px;padding-left:20px;font-size:14px;line-height:1.6;color:var(--text-2)}.legal__list li{margin-bottom:4px}.legal__p a,.legal__list a{color:var(--primary);text-underline-offset:2px}.legal__crosslinks{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 12px;padding-top:16px;border-top:1px solid var(--border)}.lure__art{display:grid;place-items:center;aspect-ratio:3;margin:-4px -4px 2px;border-radius:12px;background:radial-gradient(120% 90% at 50% 40%,#fff,#eef2f1 70%,#e3e9e7);overflow:hidden}.lure__svg{width:100%;height:100%;padding:6px 14px}.lure__art{position:relative}.lure__tag{position:absolute;top:8px;left:8px}.lure__size-chip{flex-shrink:0;white-space:nowrap;padding:2px 8px;border-radius:999px;background:var(--bg);font-size:13px;font-weight:600;color:var(--text-2)}.hero{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 14px 8px 8px;border-radius:var(--radius);background:radial-gradient(34% 90% at 20% 50%,#ffffff8c,#fff0),linear-gradient(180deg,#e6f0ec,#cfe2da);overflow:hidden}.hero--sea{background:radial-gradient(34% 90% at 20% 50%,#ffffff8c,#fff0),linear-gradient(180deg,#e7f0f9,#c9dcef)}.hero__fish{flex-shrink:0;width:116px;height:auto;aspect-ratio:2.7}.hero__item{white-space:nowrap}.hero__context{flex:1;min-width:0;margin:0;overflow-wrap:break-word;text-wrap:balance;font-size:13px;font-weight:600;line-height:1.4;text-align:left;color:var(--text-2)}.loading__water{position:relative;width:200px;height:90px}.loading__fish{width:100%;height:100%;animation:swim 1.6s ease-in-out infinite}.loading__bubble{position:absolute;left:18px;bottom:44px;width:7px;height:7px;border:1.5px solid var(--sea);border-radius:999px;opacity:0;animation:bubble 1.8s ease-out infinite}.loading__bubble--2{animation-delay:.6s;left:12px}.loading__bubble--3{animation-delay:1.2s;left:22px}@keyframes swim{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-6px,-3px) rotate(-2deg)}}@keyframes bubble{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:.8}to{transform:translateY(-40px) scale(1.1);opacity:0}}@media(prefers-reduced-motion:reduce){.loading__fish,.loading__bubble{animation:none}}