@layer legacy{.sectionTitle{align-items:center;gap:10px;margin-bottom:14px;display:flex}.sectionTitle>svg{color:#2587aa;width:25px;height:25px}.sectionTitle h2{margin:0;font-size:17px}.sectionTitle small{color:#728090;margin-top:3px;font-size:12px;display:block}.confidence{background:#fff8e8;border-left:4px solid #e2a43b;border-radius:6px;gap:2px;padding:8px 10px;font-size:11px;display:grid}.confidence span{color:#6f7780}.timeline{border-left:2px solid #70b8cd;margin-left:12px}.timeline>div{grid-template-columns:50px 1fr;gap:8px;padding:7px 0 7px 15px;display:grid;position:relative}.timeline>div:before{content:"";background:#2787a4;border-radius:50%;width:8px;height:8px;position:absolute;top:13px;left:-5px}.timeline b{font-size:12px}.timeline span{font-size:12px;line-height:1.5}.rootHistory{padding-top:18px}@keyframes spin{to{transform:rotate(360deg)}}.recordStats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.locateBtn{cursor:pointer;background:0 0;border:0;padding:0}.weatherError{color:#a16d20;background:#fff4e3;border-radius:8px;margin:6px 0;padding:8px 10px;font-size:8px}.recordStats article{background:linear-gradient(145deg,#fff,#eaf1ff);border-radius:12px;padding:14px;display:grid}.recordStats b{font-size:28px}.recordStats b small{margin-left:3px;font-size:9px}.recordStats span{color:#727c8b;font-size:9px}.sub>h3{font-size:13px}.empty{color:#9ba1ab;align-content:center;place-items:center;gap:8px;height:150px;display:grid}.empty svg{width:45px;height:45px}.empty b{font-size:9px}.recordPanel{min-height:120px}.monthbars{align-items:end;gap:10px;height:75px;margin-top:12px;display:flex}.monthbars span{background:#79a8ef;border-radius:4px 4px 0 0;flex:1;position:relative}.monthbars i{font-size:7px;font-style:normal;position:absolute;bottom:-15px}.unlock{grid-template-columns:1fr auto;display:grid}.unlock>div{background:#edf0f4;border-radius:5px;grid-column:1/3;height:8px}.unlock i{background:#4d8ded;border-radius:5px;width:18%;height:100%;display:block}.bottomPrimary{color:#fff;background:#172d45;border:0;border-radius:10px;width:100%;padding:13px;font-weight:700;position:sticky;bottom:0}.trackmap{background:linear-gradient(45deg,#d9eadc 25%,#f3dfb8 25% 45%,#bed9e6 45% 55%,#e5e9d1 55%);place-items:center;height:210px;margin:0 -14px;font-size:50px;display:grid;position:relative}.trackmap i{color:#fff;background:#333b;padding:4px;font-size:7px;font-style:normal;position:absolute;bottom:7px;left:7px}.trackitem,.currentLoc,.locationItem,.alertrow{background:#fff;border-radius:13px;align-items:center;gap:10px;padding:13px;display:flex}.trackitem svg,.currentLoc>svg{color:#3fba89}.trackitem div,.currentLoc div,.locationItem div,.alertrow div{flex:1;display:grid}.trackitem small,.currentLoc small,.currentLoc span,.locationItem small,.alertrow small{color:#8b93a1;font-size:8px}.filterrow,.faqcats,.feedbackTypes{gap:7px;margin-bottom:12px;display:flex;overflow:auto}.filterrow button,.faqcats button,.feedbackTypes button{white-space:nowrap;background:#fff;border:0;border-radius:15px;padding:7px 14px}.filterrow .active,.faqcats .active{color:#fff;background:#4488ec}.analysisCard{background:#fff;border-radius:14px;grid-template-columns:1fr auto;padding:14px;display:grid}.analysisCard div{display:grid}.analysisCard small{color:#9299a5;font-size:8px}.analysisCard strong{color:#efb230;font-size:27px}.analysisCard p{color:#6d7685;grid-column:1/3;font-size:9px}.currentLoc{background:linear-gradient(135deg,#e8fbf5,#edf4ff)}.listTitle{justify-content:space-between;margin:18px 2px 8px;display:flex}.listTitle small{color:#9aa0aa;font-size:8px}.locationItem>svg{color:#4a88e6;width:19px}.addLocation{color:#fff;background:#4891ef;border:0;border-radius:20px;align-items:center;gap:5px;margin:230px auto 0;padding:10px 18px;display:flex}.addLocation svg{width:16px}.permission{color:#9d7a3c;background:#fff5e6;border-radius:8px;padding:10px;font-size:9px}.permission button{float:right;color:#f1a427;background:0 0;border:0}.alertrow{margin-top:10px}.switch{background:#e2e5ea;border:0;border-radius:13px;width:43px;height:24px;padding:2px}.switch i{background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;display:block}.switch.on i{margin-left:19px}.manage{color:#8d95a2;background:0 0;border:0;width:100%;padding:20px}.manage svg{width:13px}.faqlist{gap:8px;display:grid}.faqlist button{text-align:left;background:#fff;border:0;border-radius:11px;grid-template-columns:1fr 20px;padding:12px;display:grid}.faqlist span{align-items:center;gap:8px;display:flex}.faqlist span b{color:#fff;background:#4688eb;border-radius:5px;padding:3px}.faqlist svg{width:15px}.faqlist p{color:#697383;border-top:1px solid #eee;grid-column:1/3;padding-top:9px;font-size:9px;line-height:1.6}.contactHint{text-align:center;color:#9097a3;font-size:8px}.goods{grid-template-columns:1fr 1fr;gap:9px;display:grid}.goods button{text-align:left;background:#fff;border:0;border-radius:12px;padding:10px;display:grid}.goods i{background:#f2f3f6;border-radius:8px;place-items:center;height:95px;font-size:47px;font-style:normal;display:grid}.goods b{margin-top:6px;font-size:10px}.goods small{color:#ff8250}.inviteHero{text-align:center;color:#fff;background:linear-gradient(145deg,#ffb25e,#ff794e);border-radius:17px;padding:30px 15px;font-size:55px}.inviteHero h2{font-size:19px}.inviteHero p{font-size:9px}.inviteSteps p{align-items:center;gap:10px;display:flex}.inviteSteps b{color:#fff;background:#4c8deb;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.feedbackTypes button:focus,.feedbackTypes button.active{color:#fff;background:#4b8ded}.feedbackField{background:#fff;border-radius:13px;gap:8px;margin:10px 0;padding:13px;display:grid;position:relative}.feedbackField b{font-size:11px}.feedbackField input,.feedbackField textarea{font:inherit;background:#f6f7fa;border:0;border-radius:9px;outline:none;padding:11px}.feedbackField textarea{resize:none;height:150px}.feedbackField>small{text-align:right;color:#939ba7;font-size:8px}.feedbackDrafts{margin-top:18px}.feedbackDrafts article{background:#fff;border-radius:11px;margin:7px 0;padding:10px;display:flex}.feedbackDrafts article>div{flex:1;display:grid}.feedbackDrafts small{color:#89919e;font-size:8px}.feedbackDrafts button{color:#dd675e;background:0 0;border:0}.inviteCode{background:#fff;border-radius:13px;margin:10px 0;padding:13px;display:flex}.inviteCode div{flex:1;display:grid}.inviteCode small{color:#8a929e;font-size:8px}.inviteCode b{letter-spacing:2px;color:#3f82e6;font-size:20px}.inviteCode button{color:#3c7fdc;background:#edf4ff;border:0;border-radius:13px;padding:7px 14px}.inviteRank p{border-top:1px solid #eee;grid-template-columns:45px 1fr auto;margin:0;padding:9px 0;display:grid}.inviteRank p>b{color:#4084e8}.inviteRank em{color:#7f8794;font-size:8px;font-style:normal}.inviteRank .myRank{background:#f3f7ff}.localModeHero{text-align:center;color:#fff;background:linear-gradient(145deg,#173052,#3e7ba9);border-radius:17px;padding:28px 18px}.localModeHero>svg{width:55px;height:55px}.localModeHero h2{margin:9px 0 3px}.localModeHero p{font-size:9px}.localBenefits p{color:#5e6877;font-size:10px}.freeHero{color:#fff;background:linear-gradient(145deg,#162941,#4b6f8e);border-radius:17px;padding:20px;position:relative}.freeHero>span{color:#453718;background:#ffcf67;border-radius:8px;padding:4px 8px;font-weight:800}.freeHero h2{margin:15px 0 4px}.freeHero p{color:#d6e1ea;font-size:8px}.freeHero>div{margin-top:15px;display:grid}.freeHero>div b{font-size:38px}.freeHero>div small{font-size:8px}.rightsTitle{margin-top:18px}.rightsGrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.rightsGrid article{background:#fff;border-radius:12px;justify-items:start;padding:12px;display:grid}.rightsGrid svg{color:#4386e8;width:24px}.rightsGrid b{margin:7px 0;font-size:9px}.rightsGrid small{color:#4aaa7b;font-size:7px}.sub textarea{width:100%;height:200px;font:inherit;resize:none;border:0;border-radius:14px;outline:none;padding:14px}.counter{text-align:right;color:#939aa6;font-size:8px}.editorSheet{z-index:60;background:#fff;border-radius:20px;gap:11px;padding:16px;display:grid;position:absolute;bottom:8px;left:8px;right:8px;box-shadow:0 -10px 35px #26364a45}.editorHead{justify-content:space-between;align-items:center;display:flex}.editorHead button{background:#f0f2f5;border:0;border-radius:50%;width:30px;height:30px}.editorHead svg{width:15px}.editorSheet input,.editorSheet select,.editorSheet textarea{width:100%;font:inherit;background:#f7f8fb;border:1px solid #e5e8ee;border-radius:10px;padding:10px}.editorSheet textarea{height:90px}.formrow{grid-template-columns:1fr 1fr;gap:8px;display:grid}.editorSheet label{color:#6d7582;gap:4px;font-size:9px;display:grid}.catchList{gap:8px;display:grid}.catchList article{background:#fff;border-radius:12px;align-items:center;gap:9px;padding:9px;display:flex}.catchList article>span{background:#e3eff4;border-radius:9px;place-items:center;width:45px;height:45px;font-size:25px;display:grid}.catchList article>div{flex:1;display:grid}.catchList small{color:#8b929f;font-size:8px}.catchList button{color:#e36b61;background:0 0;border:0;font-size:8px}.fishgrid button.selected{color:#3477dd;background:#edf4ff;border-color:#4789ec}.locationItem button{color:#3f7fdc;background:#edf3ff;border:0;border-radius:9px;padding:6px 8px;font-size:8px}.locationItem button.danger{color:#dd665b;background:#fff0ee}.rangeSetting{gap:7px;margin:12px 0;font-size:10px;display:grid}.rangeSetting span{justify-content:space-between;display:flex}.rangeSetting input{accent-color:#4689ed}.settingToggle{background:#f6f7fa;border:0;border-radius:9px;justify-content:space-between;width:100%;margin:4px 0;padding:10px;display:flex}.settingToggle b{color:#4587e8;font-size:9px}.head{justify-content:space-between;align-items:center;margin:3px 0 14px;display:flex}.head h1{margin:0;font-size:22px}.head small{color:#9ba0ae;font-size:10px}.head svg{width:20px}.headerBell{background:0 0;border:0;padding:5px}.mineActions div button{color:#fff;background:0 0;border:0;padding:0}.mineActions div button svg{width:19px}.modes{background:#fff;border-radius:11px;grid-template-columns:repeat(4,1fr);margin-bottom:10px;padding:4px;display:grid}.modes button,.subtabs button{color:#6d7381;background:0 0;border:0;padding:8px}.modes .active{color:#397aec;background:#edf3ff;border-radius:8px;font-weight:700}.indexHero{color:#fff;background:linear-gradient(145deg,#173052,#527b9e);border-radius:17px;padding:15px;box-shadow:0 8px 22px #264b7250}.heroTop{justify-content:space-between;font-size:10px;display:flex}.indexNum{align-items:center;gap:7px;margin-top:5px;display:flex}.indexNum strong{font-size:46px;line-height:1}.indexNum div{display:grid}.indexNum div b{color:#ffdd7a}.indexNum small{font-size:9px}.indexHero>p{color:#dce9f4;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.gold{background:#ffffff1e;border-radius:9px;padding:7px 10px;font-size:10px}.gold b{margin-left:12px}.heroMetrics{grid-template-columns:repeat(4,1fr);margin-top:12px;display:grid}.heroMetrics span{text-align:center;border-right:1px solid #ffffff30;display:grid}.heroMetrics span:last-child{border:0}.heroMetrics b{font-size:11px}.heroMetrics small{color:#c8d6e4;font-size:8px}.sectionTitle{justify-content:space-between;margin:18px 3px 10px;display:flex}.sectionTitle b{font-size:15px}.sectionTitle span{color:#818797;font-size:10px}.sectionTitle>button{color:#818797;background:0 0;border:0;font-size:10px}.tools{background:#fff;border-radius:14px;grid-template-columns:repeat(6,1fr);padding:13px 7px;display:grid}.tools button{background:0 0;border:0;place-items:center;gap:5px;padding:0;display:grid}.tools i{color:#4782e9;background:#edf3ff;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.tools svg{width:19px}.tools span{white-space:nowrap;font-size:8px}.ban{text-align:left;color:#8c6b2a;background:#fffbec;border:1px solid #f4deb2;border-radius:10px;width:100%;margin-top:10px;padding:9px;font-size:9px}.ban b{float:right}.spotrow{gap:9px;display:flex;overflow-x:auto}.spotrow button{text-align:left;background:#fff;border:0;border-radius:13px;flex:0 0 145px;gap:3px;padding:9px;display:grid}.spotrow i{background:linear-gradient(#c5e4ef,#5aa0bc);border-radius:8px;place-items:center;height:65px;font-size:32px;display:grid}.spotrow b,.spotrow em{color:#4e83d7;font-size:8px}.spotrow strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.spotrow small{color:#858b97;font-size:8px}.shops{gap:8px;display:flex;overflow:auto}.shops article{background:#fff;border-radius:12px;flex:0 0 190px;padding:12px;display:grid}.shops small{color:#8e94a2;font-size:8px}.miniCatches{grid-template-columns:1fr 1fr;gap:8px;display:grid}.miniCatches article{background:#fff;border-radius:12px;padding:8px;display:grid}.miniCatches i{background:#dce8ed;border-radius:8px;place-items:center;height:72px;font-size:35px;display:grid}.miniCatches small{color:#858b97;font-size:8px}.weatherPick{color:#3e79df;background:0 0;border:0;font-size:10px;font-weight:700;position:absolute;top:59px;right:15px}.place{color:#566276;align-items:center;gap:4px;font-size:10px;display:flex}.place svg{width:13px}.nowCard,.panel{background:#fff;border-radius:16px;margin:11px 0;padding:13px;box-shadow:0 3px 12px #4f607812}.date{color:#666f80;font-size:10px}.nowMain{align-items:center;display:flex}.nowMain>strong{font-size:45px}.nowMain sup{font-size:14px}.nowMain>span{color:#e7ad30;margin-left:8px;font-size:12px}.nowMain>span small{color:#758091}.nowMain i{text-align:center;border:7px solid #4d8eff;border-right-color:#ffcc48;border-radius:50%;place-content:center;width:64px;height:64px;margin-left:auto;font-style:normal;display:grid}.nowMain i b{color:#f5ad2a;font-size:20px}.nowMain i small{font-size:8px}.weatherMetrics{grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;display:grid}.weatherMetrics span{background:#f6f8fc;border-radius:8px;grid-template-columns:20px 1fr;align-items:center;padding:7px;display:grid}.weatherMetrics svg{color:#4f93e8;grid-row:1/3;width:15px}.weatherMetrics b{font-size:9px}.weatherMetrics small{color:#6fa0d8;font-size:7px}.panel h3{margin:0 0 10px;font-size:13px}.windows{grid-template-columns:1fr 1fr;gap:8px;display:grid}.windows span{background:#edf9f2;border-radius:10px;padding:10px;display:grid}.windows span+span{background:#fff3e9}.windows small{color:#51a475;font-size:8px}.windows b{font-size:11px}.labels{gap:6px;margin:10px 0;display:flex}.labels i{color:#4ba278;font-size:8px;font-style:normal}.advice p,.forecast>p,.panel>p{color:#667185;font-size:10px;line-height:1.7}.advice>button{color:#3a7fe6;background:0 0;border:0;font-size:10px;font-weight:700}.days{gap:5px;display:flex;overflow:auto}.days button{background:#f5f7fb;border:0;border-radius:9px;flex:0 0 52px;padding:7px 3px;font-size:8px;display:grid}.days .sel{color:#fff;background:#3f83ec}.forecast h4{font-size:10px}.chart{background:linear-gradient(#f8faff 1px,#0000 1px) 0 0/100% 32px;align-items:end;gap:5px;height:160px;padding:22px 5px;display:flex;position:relative}.chart .curve{color:#4d8ff4;letter-spacing:6px;font-size:36px;position:absolute;top:52px;left:25px;transform:rotate(-8deg)}.chart>span{height:var(--h,0%);flex-direction:column;flex:1;justify-content:space-between;align-items:center;display:flex}.chart b{color:#3e81e8;font-size:7px}.chart i{color:#89909d;font-size:6px;font-style:normal}.legend{color:#85909e;text-align:center;font-size:8px}.sunmoon>div{grid-template-columns:repeat(4,1fr);display:grid}.sunmoon span{text-align:center;color:#87909d;font-size:8px;display:grid}.sunmoon b{color:#333}.weekly p{border-top:1px solid #eef0f4;justify-content:space-between;padding-top:8px;display:flex}.weekly svg{width:14px}.leafletMap{z-index:0;background:#dce7dc;position:absolute;inset:0}.mapBelow{z-index:5;background:#f5f7fa;border-radius:22px 22px 0 0;margin-top:-2px;padding:0 13px 34px;position:relative}.mapPull{place-items:center;height:25px;display:grid}.mapPull i{background:#d5d9df;border-radius:3px;width:34px;height:4px}.mapBelowHead{justify-content:space-between;align-items:center;margin:0 2px 12px;display:flex}.mapBelowHead>div{gap:3px;display:grid}.mapBelowHead small{color:#939aa5;font-size:8px}.mapBelowHead>button{color:#fff;background:#4488eb;border:0;border-radius:15px;padding:8px 13px}.mapQuickGrid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.mapQuickGrid button{text-align:left;background:#fff;border:0;border-radius:13px;grid-template-columns:28px 1fr;align-items:center;padding:11px;display:grid;box-shadow:0 2px 9px #23344d0c}.mapQuickGrid svg{color:#4386e8;grid-row:1/3;width:20px}.mapQuickGrid small{color:#979eaa;font-size:8px}.mapSectionTitle{justify-content:space-between;align-items:center;margin:18px 2px 8px;display:flex}.mapSectionTitle button{color:#4685df;background:0 0;border:0;font-size:9px}.nearbyMapList{gap:8px;display:grid}.nearbyMapList>button{text-align:left;background:#fff;border:0;border-radius:13px;grid-template-columns:40px 1fr 18px;align-items:center;gap:9px;padding:10px;display:grid}.nearbyMapList>button>span{color:#4487e8;background:#eaf3ff;border-radius:11px;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.nearbyMapList>button>span.water{color:#21a39a;background:#e8f8f7}.nearbyMapList>button>span.catch{background:#fff2e8}.nearbyMapList>button>span.spotPhoto{background-image:url(/spot-scenes.webp);background-repeat:no-repeat;background-size:200% 200%;border:1px solid #fff;box-shadow:0 2px 7px #23344d25}.nearbyMapList>button div{gap:2px;min-width:0;display:grid}.nearbyMapList small{color:#89929f;font-size:8px}.nearbyMapList p{color:#a0a6af;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:8px;overflow:hidden}.nearbyMapList svg{color:#b6bdc7;width:14px}.mapSafetyCard{color:#8d692b;background:#fff8e9;border-radius:13px;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;margin-top:12px;padding:11px;display:grid}.mapSafetyCard svg{width:23px}.mapSafetyCard p{color:#9b824f;margin:3px 0 0;font-size:8px}.mapSafetyCard button{color:#fff;background:#f2a935;border:0;border-radius:12px;padding:7px 9px;font-size:8px}.leaflet-control-attribution{margin-bottom:106px!important;font-size:7px!important}.leaflet-control-zoom{margin-bottom:125px!important}.fishing-map-marker{background:0 0;border:0}.fishing-map-marker span{color:#fff;background:#4287ed;border:3px solid #fff;border-radius:50% 50% 50% 8px;place-items:center;width:34px;height:34px;font-size:15px;display:grid;transform:rotate(-18deg);box-shadow:0 3px 8px #16283d66}.mapCanvas{background:#65785b;position:absolute;inset:0}.mapCanvas.标准{background:#e3e7db}.terrain{opacity:.8;background-image:radial-gradient(#43563d 2px,#0000 3px),linear-gradient(130deg,#0000 45%,#4c7f8c 46%,#5791a0 52%,#0000 53%);background-size:20px 20px,auto;position:absolute;inset:0}.标准 .terrain{filter:grayscale();opacity:.35}.maplabel{color:#d8e1d6;font-size:10px;position:absolute}.a{top:40%;left:45%}.b{top:25%;left:20%}.marker{color:#fff;background:#4189ec;border:3px solid #fff;border-radius:50% 50% 50% 10%;place-items:center;width:35px;height:35px;display:grid;position:absolute;transform:rotate(-30deg)}.marker:first-letter{transform:rotate(30deg)}.m1{top:43%;left:40%}.m2{top:32%;right:18%}.mapSearch,.layers{background:#fff;border:0;border-radius:12px;width:42px;height:42px;position:absolute;top:18px}.mapSearch{left:12px}.layers{place-items:center;height:52px;display:grid;right:12px}.mapSearch svg,.layers svg{width:19px}.mapSearchPanel{z-index:30;background:#f4f6fb;padding:14px;position:absolute;inset:0}.mapSearchHead{grid-template-columns:36px 1fr 48px;gap:7px;display:grid}.mapSearchHead button{background:#fff;border:0;border-radius:10px}.mapSearchHead button:last-child{color:#fff;background:#4488ec}.mapSearchHead svg{width:17px}.mapSearchHead input{background:#fff;border:0;border-radius:10px;outline:none;min-width:0;padding:11px}.mapResults{gap:7px;margin-top:12px;display:grid}.mapResults>button{text-align:left;background:#fff;border:0;border-radius:12px;align-items:center;gap:8px;padding:11px;display:flex}.mapResults>button>svg:first-child{color:#4287e9;width:19px}.mapResults>button>svg:last-child{width:14px;margin-left:auto}.mapResults span{min-width:0;display:grid}.mapResults b{font-size:11px}.mapResults small{color:#858e9b;white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.mapResults p{text-align:center;color:#929aa5;margin-top:50px;font-size:10px}.osmCredit{text-align:center;color:#9299a4;position:absolute;bottom:12px;left:0;right:0}.mapSpotSheet{z-index:25;background:#fff;border-radius:18px;max-height:465px;padding:14px;position:absolute;bottom:112px;left:8px;right:8px;overflow-y:auto;box-shadow:0 8px 28px #22344c42}.closeSpot{background:#f0f2f5;border:0;border-radius:50%;width:28px;height:28px;position:absolute;top:10px;right:12px}.closeSpot svg{width:14px}.spotType{color:#4184e7;background:#edf4ff;border-radius:9px;padding:4px 7px;font-size:8px}.mapSpotSheet h3{margin:8px 0 4px}.mapSpotSheet>p{color:#7a8391;align-items:center;gap:4px;font-size:9px;display:flex}.mapSpotSheet>p svg{width:14px}.mapSpotSheet>div{gap:8px;display:flex}.mapSpotSheet>div button{background:#fff;border:1px solid #e2e6ec;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:5px;padding:10px;display:flex}.mapSpotSheet>div svg{width:16px}.mapSpotSheet>div .navButton{color:#fff;background:#4488ec;border:0}.aiSpotDetail{gap:9px;margin:10px 0;display:grid!important}.aiSpotScore{background:linear-gradient(135deg,#edf5ff,#f4f0ff);border-radius:12px;grid-template-columns:62px 1fr;padding:10px;gap:10px!important;display:grid!important}.aiSpotScore>span{color:#3e82e4;background:#fff;border-radius:10px;align-content:center;place-items:center;display:grid}.aiSpotScore>span b{font-size:24px;line-height:1}.aiSpotScore>span small{color:#818c9a;font-size:7px}.aiSpotScore>div{display:block!important}.aiSpotScore>div b{font-size:10px}.aiSpotScore>div p{color:#697585;margin:4px 0 0;font-size:8px;line-height:1.55}.aiSpotDetail dl{grid-template-columns:1fr 1fr;gap:7px;margin:0;display:grid}.aiSpotDetail dl>div{background:#f7f8fa;border-radius:9px;padding:8px}.aiSpotDetail dt{color:#397ddb;font-size:8px;font-weight:700}.aiSpotDetail dd{color:#606c7b;margin:4px 0 0;font-size:8px;line-height:1.4}.aiBasis{flex-wrap:wrap;align-items:center;gap:5px!important;display:flex!important}.aiBasis b{width:100%;font-size:9px}.aiBasis span{color:#397ddd;background:#ebf3ff;border-radius:10px;padding:4px 7px;font-size:7px}.aiRisk{background:#fff5e8;border-radius:8px;padding:8px;line-height:1.5;color:#9b6a25!important;margin:0!important}.aiDisclaimer{color:#9aa1ac;font-size:7px;line-height:1.5}.layers small{font-size:7px}.mapRight{gap:8px;display:grid;position:absolute;top:116px;right:12px}.mapRight button,.savepoint{background:#fff;border:0;border-radius:12px;place-items:center;width:45px;min-height:47px;font-size:16px;display:grid}.mapRight small{font-size:7px}.mapRight .toolActive{color:#fff;background:#397fdf}.complianceBanner{z-index:9;color:#ba4938;background:#fff1ee;border-radius:9px;padding:8px 10px;font-size:8px;position:absolute;top:112px;left:12px;right:65px;box-shadow:0 3px 12px #0002}.mapModal{z-index:40;background:#fff;border-radius:18px;padding:16px;position:absolute;bottom:112px;left:12px;right:12px;box-shadow:0 10px 35px #14243d55}.aiFindSheet{z-index:45;background:#f7f8fb;border-radius:20px;padding:15px;position:absolute;inset:34px 10px 10px;overflow-y:auto;box-shadow:0 10px 35px #14243d66}.aiFindHead{justify-content:space-between;align-items:flex-start;display:flex}.aiFindHead h3{margin:0}.aiFindHead p{color:#89919d;margin:3px 0 0;font-size:8px}.aiFindHead button{background:#e9ecf1;border:0;border-radius:50%;width:28px;height:28px}.aiFindHead svg{width:14px}.aiFindSheet>label{margin:14px 0 7px;font-size:9px;font-weight:700;display:block}.aiFishRow{grid-template-columns:1fr 1fr;gap:7px;display:grid}.aiFishRow button{text-align:left;background:#fff;border:1px solid #e2e6ec;border-radius:10px;padding:8px;display:grid}.aiFishRow button.active{color:#377bdf;background:#edf4ff;border-color:#4488e9}.aiFishRow small{color:#929aa6;margin-top:3px;font-size:7px}.aiOptionRow{gap:6px;display:flex;overflow:auto}.aiOptionRow button{white-space:nowrap;background:#fff;border:0;border-radius:12px;padding:7px 11px}.aiOptionRow button.active,.aiPeriodRow button.active{color:#fff;background:#4387e8}.aiPeriodRow{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.aiPeriodRow button{background:#fff;border:0;border-radius:10px;gap:2px;padding:8px 3px;display:grid}.aiPeriodRow small{color:#929aa5;font-size:6px}.aiPeriodRow button.active small{color:#dceaff}.aiAnalyze{background:#fff;border-radius:12px;margin-top:13px;padding:10px}.aiAnalyze>b{font-size:9px}.aiAnalyze>div{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.aiAnalyze span{color:#5685c5;background:#edf4ff;border-radius:9px;padding:4px 6px;font-size:7px}.aiStart{color:#fff;background:#4387e8;border:0;border-radius:12px;width:100%;margin-top:11px;padding:11px}.mapModal h3{margin:0 0 5px}.mapModal>p{color:#89919d;font-size:9px}.layerGrid{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}.layerGrid button{text-align:left;background:#f3f5f8;border:2px solid #0000;border-radius:12px;gap:3px;padding:6px;display:grid}.layerGrid button.active{border-color:#4388e9}.layerGrid span{background:linear-gradient(145deg,#55764d,#89a376 55%,#416a84 56%,#7eb5c6);border-radius:8px;height:72px}.layerGrid span.标准{background:linear-gradient(145deg,#e8e4d3,#cbd9b7 55%,#8bc5dd 56%,#d9edf1)}.layerGrid small{color:#8e96a2;font-size:8px}.modalClose{color:#79828f;background:0 0;border:0;width:100%;padding:9px}.yearRow{gap:6px;margin:12px 0;display:flex;overflow:auto}.yearRow button{background:#eef1f5;border:0;border-radius:13px;padding:7px 12px}.yearRow button.active{color:#fff;background:#4287e9}.historyPreview{color:#fff;background:linear-gradient(135deg,#354f39,#788b64);border-radius:12px;place-items:center;height:100px;margin-bottom:10px;display:grid;position:relative;overflow:hidden}.historySplit{pointer-events:none;background:linear-gradient(135deg,#68674d99,#315e7199);border-right:2px solid #fff;position:absolute;inset:0 auto 0 0}.mapPrimaryActions{z-index:12;grid-template-columns:1fr 1fr 1.15fr;gap:7px;display:grid;position:absolute;top:12px;left:10px;right:10px}.mapPrimaryActions button{background:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:5px;min-height:44px;font-size:12px;display:flex;box-shadow:0 3px 12px #1c304a24}.mapPrimaryActions svg{width:17px}.mapPrimaryActions .aiMain{color:#fff;background:#4488e9}.mapToolsSheet,.navConfirmSheet{z-index:48;background:#fff;border-radius:18px;padding:15px;position:absolute;bottom:110px;left:10px;right:10px;box-shadow:0 10px 35px #14243d66}.mapToolGrid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.mapToolGrid button{background:#f3f6fa;border:0;border-radius:12px;place-items:center;min-height:78px;padding:8px;display:grid}.mapToolGrid svg{color:#4387e8;width:21px}.mapToolGrid b{font-size:12px}.mapToolGrid small{color:#8d96a3;font-size:10px}.navConfirmSheet>div:last-child{gap:8px;margin-top:12px;display:flex}.navConfirmSheet>div:last-child button{border:0;border-radius:10px;flex:1;min-height:44px}.navSafety{color:#8c692d;background:#fff6e8;border-radius:10px;padding:10px;font-size:12px;line-height:1.5}.homePrimary{color:#3378dc;background:#fff;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin:11px 0;font-size:15px;font-weight:700;display:flex}.homePrimary svg{width:18px}.scoreBasis{color:#e9f3ff;margin-top:8px;font-size:12px;line-height:1.5}.feedEmpty{text-align:center;color:#8993a0;align-content:center;place-items:center;min-height:220px;padding:25px;display:grid}.feedEmpty svg{color:#8eb3e7;width:38px}.feedEmpty b{color:#505c6b;margin-top:8px}.feedEmpty p{font-size:13px;line-height:1.6}.postNote{background:#f4f7fb;border-radius:9px;padding:9px;line-height:1.5;font-size:14px!important}.editorSheet label{color:#576271;margin:8px 0 5px;font-size:12px;font-weight:700;display:block}.editorSheet .formrow>div{min-width:0}.checkinBtn{color:#fff;background:#fff2;border:1px solid #fff8;border-radius:18px;min-height:36px;padding:0 12px}.userTag{background:#ffffff25;border-radius:12px;padding:5px 11px;font-size:12px;display:inline-block}@media (width<=430px){.scroll p,.indexHero p{font-size:14px}.scroll small,.sectionTitle button,.spotrow small,.shops small{font-size:12px}button{min-height:44px}button[aria-label]{min-width:44px}.mapFilters{top:64px;right:10px}.moreToolsBtn{top:105px}}.mapRight svg,.savepoint svg{width:18px}.savepoint{font-size:8px;position:absolute;bottom:120px;left:12px}.mine{padding:0 0 30px}.mineHero{color:#fff;text-align:center;background:linear-gradient(#8bc8e2,#4d8871);border-radius:0 0 24px 24px;padding:12px 16px 18px}.mineActions{justify-content:space-between;display:flex}.mineActions div{gap:15px;display:flex}.mineActions svg{width:19px}.profilePic{background:#173c31;border:4px solid #fff;border-radius:50%;place-items:center;width:68px;height:68px;margin:7px auto;font-size:24px;display:grid}.mineHero h2{margin:2px}.mineHero>button{border:0;border-radius:12px;padding:4px 9px;font-size:8px}.social{grid-template-columns:repeat(3,1fr);margin-top:14px;display:grid}.social span{font-size:8px;display:grid}.social b{font-size:13px}.vip{color:#fff;background:#172b4a;border:0;border-radius:14px;justify-content:space-between;width:calc(100% - 24px);margin:-8px 12px 8px;padding:12px;display:flex}.installCard{text-align:left;background:#fff;border:0;border-radius:14px;align-items:center;gap:10px;width:calc(100% - 24px);margin:0 12px 8px;padding:11px 13px;display:flex}.installCard>svg:first-child{color:#3f83e8;background:#eaf2ff;border-radius:10px;width:34px;height:34px;padding:8px}.installCard div{flex:1;display:grid}.installCard small{color:#8c94a1;font-size:8px}.installCard>svg:last-child{width:14px}.vip span{font-size:8px}.achievement{background:#fff;border-radius:14px;grid-template-columns:repeat(4,1fr);margin:0 12px;padding:12px;display:grid}.achievement div{text-align:center;place-items:center;display:grid}.achievement svg{color:#4a87e7;width:19px}.achievement small{font-size:7px}.achievement b{font-size:10px}.minegrid{background:#fff;border-radius:14px;grid-template-columns:repeat(4,1fr);margin:10px 12px;padding:12px;display:grid}.minegrid button{background:0 0;border:0;place-items:center;gap:5px;font-size:8px;display:grid}.minegrid svg{color:#5b83bd;width:20px}.services{margin:0 12px}.services h3{text-align:center;font-size:12px}.services>div{background:#fff;border-radius:14px;padding:0 12px}.services button{background:0 0;border:0;border-bottom:1px solid #eef0f4;align-items:center;gap:9px;width:100%;padding:12px 0;display:flex}.services button svg{width:17px}.services button svg:last-child{width:14px;margin-left:auto}.sub{height:calc(100% - 28px);padding-top:0}.subhead{z-index:1;text-align:center;background:#fff;grid-template-columns:40px 1fr 40px;align-items:center;margin:0 -14px 15px;padding:9px;display:grid;position:relative;top:auto}.subhead button{background:0 0;border:0}.subhead svg{width:20px}.cameraChoices{gap:15px;display:grid}.cameraChoices button{background:#fff;border:0;border-radius:16px;align-items:center;gap:25px;height:120px;padding:25px;font-size:22px;display:flex}.cameraChoices svg{color:#fff;background:#42b991;border-radius:50%;width:50px;height:50px;padding:12px}.hiddenFile,.modelImage{display:none}.photoResult{gap:10px;display:grid}.photoResult>img{object-fit:cover;background:#e8ebf0;border-radius:16px;width:100%;max-height:330px}.retake{color:#397ddd;background:#edf3ff;border:0;border-radius:14px;justify-self:end;padding:7px 12px}.modelLoading{text-align:center;background:#fff;border-radius:12px;padding:14px;font-size:10px}.modelLoading i{vertical-align:middle;border:2px solid #dce8fa;border-top-color:#4387eb;border-radius:50%;width:15px;height:15px;margin-right:7px;animation:.8s linear infinite spin;display:inline-block}.predictions{background:#fff;border-radius:13px;padding:5px 13px}.predictions p{border-bottom:1px solid #eef0f4;justify-content:space-between;margin:0;padding:8px 0;font-size:10px;display:flex}.predictions b{color:#4083e7}.confirmFish{background:#fff;border-radius:12px;grid-template-columns:70px 1fr;align-items:center;padding:10px;font-size:10px;display:grid}.confirmFish select{background:#f3f5f8;border:0;border-radius:8px;padding:8px}.backupSummary{color:#fff;background:linear-gradient(145deg,#173052,#4a83be);border-radius:16px;padding:16px}.backupSummary h3{margin:0 0 13px}.backupSummary>div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.backupSummary span{background:#ffffff17;border-radius:10px;padding:10px;font-size:8px;display:grid}.backupSummary b{font-size:20px}.backupAction{text-align:left;background:#fff;border:0;border-radius:13px;align-items:center;gap:10px;width:100%;margin-top:10px;padding:13px;display:flex}.backupAction>svg:first-child{color:#4285e8;background:#edf4ff;border-radius:10px;width:38px;height:38px;padding:9px}.backupAction div{flex:1;display:grid}.backupAction small{color:#8a929e;font-size:8px}.backupAction>svg:last-child{width:14px}.restorePreview button{width:100%}.privacyNote{text-align:center;color:#8c94a1;margin:25px;font-size:8px;line-height:1.7}.allTools section{margin-bottom:18px}.searchbar input{background:0 0;border:0;outline:none;flex:1;min-width:0}.spotList{gap:8px;display:grid}.spotList>button{text-align:left;background:#fff;border:0;border-radius:13px;align-items:center;gap:10px;padding:10px;display:flex}.spotList>button>i{background:linear-gradient(#bce4ed,#65a2bb);border-radius:9px;place-items:center;width:65px;height:58px;font-size:28px;display:grid}.spotList>button>div{flex:1;display:grid}.spotList span{color:#4585e4;font-size:8px}.spotList small{color:#858d99;font-size:8px}.spotList svg{width:14px}.shopList{gap:9px;display:grid}.shopList article{background:#fff;border-radius:14px;gap:10px;padding:10px;display:flex}.shopPhoto{background:#e9f0f1;border-radius:10px;place-items:center;width:100px;min-height:100px;font-size:42px;display:grid}.shopList article>div:last-child{flex:1;display:grid}.shopList span{color:#efaa32;font-size:9px}.shopList small{color:#858d99;font-size:8px}.shopList button{color:#3c7fdf;background:#edf4ff;border:0;border-radius:10px;justify-self:end;align-items:center;gap:4px;padding:6px 9px;display:flex}.shopList button svg{width:13px}.catchesFeed{gap:10px;display:grid}.catchesFeed article{background:#fff;border-radius:14px;overflow:hidden}.feedFish{background:linear-gradient(#a9d3d8,#537e75);place-items:center;height:190px;font-size:80px;display:grid;position:relative}.feedFish b{color:#fff;background:#4088e8;border-radius:6px;padding:5px;font-size:8px;position:absolute;bottom:8px;left:8px}.catchesFeed article>div:last-child{padding:11px}.catchesFeed span,.catchesFeed p{color:#858d9a;font-size:8px}.catchesFeed h3{margin:5px 0}.notifyTop{justify-content:space-between;align-items:center;display:flex}.notifyTop span{color:#78818e;font-size:9px}.notifyTop button{color:#3e82e5;background:0 0;border:0}.notificationList{gap:8px;margin-top:10px;display:grid}.notificationList>button{text-align:left;background:#fff;border:0;border-radius:13px;gap:10px;padding:12px;display:flex;position:relative}.notificationList>button.read{opacity:.65}.notificationList>button>i{color:#4084e7;background:#edf4ff;border-radius:50%;place-items:center;width:37px;height:37px;font-style:normal;display:grid}.notificationList>button>div{flex:1}.notificationList b{font-size:11px}.notificationList p{color:#687382;font-size:9px}.notificationList small{color:#9098a4;font-size:7px}.notificationList em{background:#ef5f57;border-radius:50%;width:7px;height:7px;position:absolute;top:10px;right:10px}.allTools h3{font-size:13px}.allTools section>div{background:#fff;border-radius:14px;padding:2px 12px}.allTools button{text-align:left;background:0 0;border:0;border-bottom:1px solid #eef0f4;align-items:center;gap:10px;width:100%;padding:11px 0;display:flex}.allTools button:last-child{border:0}.allTools button i{color:#4184e7;background:#edf4ff;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.allTools button i svg{width:18px}.allTools button span{flex:1}.allTools button>svg{width:14px}.marineHero{color:#fff;background:linear-gradient(145deg,#1f5f93,#52b1c1);border-radius:17px;justify-content:space-between;align-items:center;height:150px;padding:20px;display:flex}.portTabs{gap:6px;margin-bottom:10px;display:flex;overflow-x:auto}.portTabs button{background:#fff;border:0;border-radius:15px;flex:none;padding:7px 13px}.portTabs .active{color:#fff;background:#4085e8}.marineHero>div{display:grid}.marineHero small{font-size:9px}.marineHero b{font-size:45px}.marineHero b i{font-size:12px;font-style:normal}.marineHero>svg{opacity:.7;width:70px;height:70px}.marineGrid{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0;display:grid}.marineGrid article{background:#fff;border-radius:12px;padding:12px;display:grid}.marineGrid small{color:#7f8897;font-size:8px}.marineGrid b{font-size:18px}.marineGrid i{margin-left:3px;font-size:8px;font-style:normal}.tideChart,.levelChart{align-items:end;gap:5px;height:140px;padding:20px 2px;display:flex}.tideChart span,.levelChart span{background:#67acd5;border-radius:4px 4px 0 0;flex:1;min-height:20px;position:relative}.tideChart b,.levelChart b{font-size:6px;position:absolute;top:-14px}.tideChart i,.levelChart i{font-size:6px;font-style:normal;position:absolute;bottom:-14px}.marineWarning{color:#956a26;background:#fff4df;border-radius:10px;padding:10px;font-size:8px;line-height:1.6}.dataCredit{text-align:center;color:#9098a4;font-size:7px}.levelInput{color:#fff;background:linear-gradient(145deg,#3e83e8,#65aee4);border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex}.levelInput>svg{width:38px;height:38px}.levelInput>div{flex:1;display:grid}.levelInput label{align-items:end;display:flex}.levelInput input{color:#fff;background:0 0;border:0;outline:none;width:90px;font-size:30px;font-weight:800}.levelInput input::placeholder{color:#ffffff80}.levelInput button{color:#3f81df;background:#fff;border:0;border-radius:14px;padding:9px 14px}.levelHistory{gap:7px;display:grid}.levelHistory article{background:#fff;border-radius:11px;padding:10px;display:flex}.levelHistory article>div{flex:1;display:grid}.levelHistory small{color:#88909d;font-size:8px}.levelHistory button{color:#df6961;background:0 0;border:0}.empty.small{height:100px}.moonHero{color:#fff;background:linear-gradient(145deg,#182644,#495a85);border-radius:17px;align-items:center;gap:20px;padding:22px;display:flex}.moonDisc{background:linear-gradient(90deg, #f5e7a3 var(--light,50%), #1b2641 var(--light,50%));border-radius:50%;place-items:center;width:86px;height:86px;font-size:43px;display:grid;box-shadow:0 0 25px #f3dc8266}.moonHero h2{margin:3px 0}.moonHero p{font-size:8px}.moonTime{border-top:1px solid #eee;align-items:center;gap:10px;padding-top:10px;display:flex!important}.moonTime svg{color:#4588e9;width:20px}.moonTime span{display:grid}.moonTime small{color:#818a98;font-size:8px}.subtabs{background:#fff;border-radius:12px;grid-template-columns:repeat(3,1fr);padding:4px;display:grid}.subtabs .active{color:#397ee9;background:#eff4ff;border-radius:9px}.fishFocus{background:#eef4ff;border-radius:13px;gap:12px;margin:12px 0;padding:12px;font-size:40px;display:flex}.fishFocus div{font-size:11px;display:grid}.fishFocus small,.fishFocus p{font-size:8px}.fishgrid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.fishgrid button{background:#fff;border:1px solid #edf0f5;border-radius:10px;padding:9px;font-size:24px;display:grid}.fishgrid span{font-size:8px}.subActions{background:#f4f6fb;gap:8px;padding:10px 0;display:flex;position:sticky;bottom:0}.subActions button{border:0;border-radius:20px;flex:1;padding:12px}.subActions button+button{color:#fff;background:#4087ef}.balance{background:#fff;border-radius:12px;justify-content:space-between;padding:14px;display:flex}.balance button,.primary{color:#fff;background:#ff9251;border:0;border-radius:18px;padding:8px 14px}.checkin{grid-template-columns:repeat(7,1fr);display:grid}.checkin span{text-align:center;color:#afb4be;display:grid}.checkin span b{background:#e2e4e8;border-radius:50%;place-items:center;width:30px;height:30px;font-size:8px;display:grid}.checkin small{font-size:6px}.stoneBtns{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stoneBtns button{background:#fff;border:0;border-radius:12px;padding:15px}.tasks p{justify-content:space-between;align-items:center;display:flex}.tasks p span{display:grid}.tasks small{color:#ff8c4a}.tasks button{color:#4384e8;background:#eef4ff;border:0;border-radius:12px;padding:6px}.ranking p{border-top:1px solid #eee;padding:9px}.searchbar{color:#8d94a0;background:#fff;border-radius:19px;gap:7px;padding:10px 14px;display:flex}.searchbar svg{width:16px}.bluechips,.tagcloud{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.bluechips button{color:#fff;background:#4c90ec;border:0;border-radius:15px;padding:6px 13px}.wikiicons{grid-template-columns:repeat(4,1fr);display:grid}.wikiicons button{text-align:center;background:0 0;border:0;font-size:31px;display:grid}.wikiicons b{font-size:9px}.tagcloud button{background:#fff;border:0;border-radius:8px;padding:8px 14px}.article{text-align:left;background:#fff;border:0;border-radius:12px;gap:9px;width:100%;margin:8px 0;padding:8px;display:flex}.article i{background:#e5edf0;border-radius:8px;place-items:center;width:82px;font-size:36px;display:grid}.article div{flex:1}.article b{font-size:11px}.article p{color:#858c98;font-size:8px}.guide>button{text-align:left;background:#fff;border:0;border-radius:13px;flex-wrap:wrap;align-items:center;gap:12px;width:100%;margin:10px 0;padding:15px;display:flex}.guide>button>svg{color:#4885e6}.guide>button>section{background:#f6f8fb;border-radius:9px;flex:0 0 100%;padding:10px}.guide>button>section b{color:#d16057;font-size:8px}.knowledgeDetail{background:#fff;border-radius:14px;margin-top:12px;padding:16px;position:relative}.knowledgeDetail>button{background:#f0f2f5;border:0;border-radius:50%;width:28px;height:28px;position:absolute;top:10px;right:10px}.knowledgeDetail>button svg{width:14px}.knowledgeDetail>span{color:#4084e7;background:#edf4ff;border-radius:8px;padding:4px 7px;font-size:8px}.knowledgeDetail p,.knowledgeDetail li{color:#657080;font-size:9px;line-height:1.7}.articleDetail>button{color:#4284e5;background:0 0;border:0;align-items:center;gap:5px;display:flex}.articleDetail>button svg{width:15px}.articleCover{background:linear-gradient(#b7dde1,#668a80);border-radius:15px;place-items:center;height:180px;margin:10px 0;font-size:75px;display:grid}.articleDetail>small{color:#89919e;font-size:8px}.articleDetail p,.articleDetail li{color:#5f6a79;font-size:10px;line-height:1.8}.guide div{flex:1}.guide b{font-size:12px}.guide p{color:#747d8c;font-size:9px}.spotcover{background:linear-gradient(#a8dae4,#3b7582);border-radius:16px;place-items:center;height:180px;font-size:80px;display:grid}.spotinfo{background:#fff;border-radius:13px;grid-template-columns:repeat(3,1fr);padding:12px;display:grid}.spotinfo span{text-align:center;display:grid}.spotinfo b{color:#3e83e8}.spotinfo small{font-size:8px}.primary{background:#4287ed;width:100%;padding:13px}.genericHero{text-align:center;padding:35px 15px}.genericHero>svg{color:#4386e8;width:65px;height:65px}.genericHero p{color:#768092}.toast{z-index:50;color:#fff;white-space:nowrap;background:#202630e9;border-radius:18px;padding:9px 15px;font-size:10px;position:absolute;bottom:75px;left:50%;transform:translate(-50%)}.routeControls{z-index:30;background:#fffffff2;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;display:grid;position:absolute;bottom:112px;left:10px;right:10px;box-shadow:0 5px 22px #1b2e4860}.routeControls button{color:#3277db;background:#eaf2ff;border:0;border-radius:10px;min-height:44px;font-weight:700}.routeControls button:nth-child(2){color:#fff;background:#4287ed}.cameraRecordForm{gap:10px;margin-top:12px;display:grid}.cameraRecordForm label{color:#566170;gap:5px;min-width:0;font-size:13px;font-weight:700;display:grid}.cameraRecordForm input,.cameraRecordForm textarea{width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #dfe4eb;border-radius:10px;padding:10px}.cameraRecordForm textarea{resize:vertical;min-height:88px}.restoreCounts{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0;display:grid}.restoreCounts span{overflow-wrap:anywhere;color:#4677ba;background:#eef4ff;border-radius:8px;padding:8px;font-size:12px}.srOnly{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}button:disabled{cursor:not-allowed;opacity:.58}.editorSheet{overscroll-behavior:contain;max-height:calc(100dvh - 24px);position:fixed;left:max(8px,50% - 187px);right:max(8px,50% - 187px);overflow-y:auto}.editorHead button,.knowledgeDetail>button{min-width:44px;min-height:44px}.permission,.weatherError,.navSafety{font-size:12px;line-height:1.55}.mapBelowHead small,.mapQuickGrid small,.nearbyMapList small,.nearbyMapList p,.mapSafetyCard p,.mapSafetyCard button{font-size:12px}.mapQuickGrid b,.nearbyMapList b{font-size:14px}.mapQuickGrid button,.nearbyMapList>button,.mapSafetyCard button{min-height:44px}.aiFindSheet>label,.aiAnalyze>b{font-size:12px}.aiFishRow small,.aiPeriodRow small,.aiAnalyze span,.layerGrid small{font-size:11px}.modalClose{min-height:44px;font-size:13px}.toast{white-space:normal;text-align:center;max-width:calc(100% - 24px);font-size:12px}@media (width<=430px){.indexHero>p{white-space:normal;text-overflow:clip;overflow:visible}.tools{grid-template-columns:repeat(3,1fr);row-gap:12px}.tools span{white-space:normal;font-size:12px}.formrow{grid-template-columns:1fr}.editorSheet input,.editorSheet select,.editorSheet textarea,.cameraRecordForm input,.cameraRecordForm textarea{font-size:16px}.article b,.guide b,.spotinfo small,.recordStats span,.recordStats b small,.empty b{font-size:12px}.article p,.guide p,.articleDetail>small,.knowledgeDetail p,.knowledgeDetail li,.articleDetail p,.articleDetail li{font-size:13px}.mapToolsSheet,.navConfirmSheet{max-height:calc(100dvh - 150px);overflow-y:auto}}.shopSearchCard{text-align:left;background:#fff;border:0;border-radius:14px;grid-template-columns:40px 1fr 24px;align-items:center;gap:10px;width:100%;min-height:68px;padding:12px;display:grid}.shopSearchCard svg{color:#4287ed}.shopSearchCard div{gap:4px;display:grid}.shopSearchCard small{color:#788393;font-size:12px}.shopSearchActions{gap:10px;display:grid}.shopSearchActions button{background:#fff;border:1px solid #dce4ef;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;display:flex}.feedEmpty.compact{grid-column:1/-1;min-height:130px}.hourlyCards{scroll-snap-type:x mandatory;gap:8px;padding:8px 1px 14px;display:flex;overflow-x:auto}.hourlyCards article{scroll-snap-align:start;background:#fff;border:1px solid #e3e8ef;border-radius:12px;flex:0 0 92px;place-items:center;gap:5px;padding:9px 6px;display:grid}.hourlyCards article strong{color:#347fe6;font-size:22px}.hourlyCards article small{color:#697586;font-size:11px}.trendGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.trendGrid>span{color:#707b8b;overflow-wrap:anywhere;background:#fff;border-radius:12px;gap:5px;min-width:0;padding:11px;font-size:12px;display:grid}.trendGrid>span b{color:#27374a;font-size:14px}.analysisInputs{gap:9px;margin:12px 0;display:grid}.analysisInputs label,.calendarPick{color:#566170;gap:5px;font-size:13px;font-weight:700;display:grid}.analysisInputs input,.analysisInputs select,.calendarPick input{min-height:44px;font:inherit;background:#fff;border:1px solid #dfe5ec;border-radius:10px;padding:10px}.ruleResult>div{justify-content:space-between;align-items:center;display:flex}.ruleResult strong{color:#347fe6;font-size:22px}.catalogGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.catalogGrid button{background:#fff;border:0;border-radius:14px;place-items:center;gap:4px;min-height:120px;padding:12px;display:grid}.catalogGrid i{font-size:34px;font-style:normal}.catalogGrid small{color:#748092;font-size:12px}.catalogDetail{position:relative}.catalogDetail>button{border:0;border-radius:50%;width:44px;height:44px;position:absolute;top:8px;right:8px}.toolHero{text-align:center;color:#fff;background:linear-gradient(145deg,#1b3659,#4d83a7);border-radius:18px;place-items:center;gap:7px;margin-bottom:12px;padding:24px 15px;display:grid}.toolHero>svg{width:38px;height:38px}.toolHero strong{font-size:28px}.toolHero p{color:#e8f2fb;margin:0}.compassTool{text-align:center;place-items:center;gap:12px;padding:25px;display:grid}.compassTool>div{color:#e44f4f;border:3px solid #447fce;border-radius:50%;place-items:center;width:150px;height:150px;font-size:80px;transition:transform .2s;display:grid}.moonCalendar{gap:7px;display:flex;overflow-x:auto}.moonCalendar span{text-align:center;background:#f3f6fa;border-radius:10px;flex:0 0 82px;gap:4px;padding:8px;display:grid}.moonCalendar i{color:#778293;font-size:11px;font-style:normal}.secondaryAction{color:#347bdc;background:#fff;border:1px solid #4287ed;border-radius:12px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:46px;margin:10px 0;display:flex}.switch.on{background:#4387e8}.switch.on i{transform:translate(20px)}@media (width<=430px){.trendGrid,.catalogGrid{grid-template-columns:1fr 1fr}.hourlyCards article{flex-basis:96px}.mapCoordinates{font-size:9px}}@keyframes panelIn{0%{opacity:0;transform:translateY(5px)}}@keyframes skeleton{to{background-position:-200% 0}}.gearColumns{gap:9px;display:grid}.gearColumns article{background:#f2f6f7;border-radius:12px;padding:11px}.gearColumns h4{align-items:center;gap:6px;margin:0 0 7px;font-size:14px;display:flex}.gearColumns h4 svg{width:17px;color:var(--brand)}.gearColumns ul{margin:0;padding-left:20px}.gearColumns p{color:var(--muted);margin:0;font-size:12px}.fishing-map-marker span{background:var(--brand);border:3px solid #fff;border-radius:50%;width:38px;height:38px;transform:none;box-shadow:0 3px 10px #142c3560}.fishing-map-marker span svg{width:20px;height:20px}.fishing-map-marker span.publicWater{background:var(--brand)}.fishing-map-marker span.private{background:#8265a7}.fishing-map-marker span.danger{background:var(--danger)}.fishing-map-marker span.search{background:var(--navy)}.fishing-map-marker span.cluster{background:var(--navy);width:42px;height:42px;font-size:14px;font-weight:800}.mapListIcon{font-weight:800;background:var(--brand)!important;color:#fff!important;border-radius:50%!important;place-items:center!important;width:42px!important;height:42px!important;font-size:14px!important;display:grid!important}.mapListIcon svg{width:19px!important}.mapListIcon.rankedCandidate{background:var(--coral)!important}.mapListIcon.verified{background:var(--success)!important}.mapListIcon.danger{background:var(--danger)!important}.mapListIcon.private{background:#8265a7!important}.mapSpotSheet{border-radius:24px 24px 16px 16px}.closeSpot,.aiFindHead button{width:44px;height:44px}.spotType,.mapSpotSheet>p,.aiSpotDetail dt,.aiSpotDetail dd,.aiSpotDetail p,.aiSpotDetail small{font-size:12px}.aiRisk{align-items:flex-start;gap:6px;display:flex}.aiRisk svg{flex:none;width:18px}.mapToolsSheet,.navConfirmSheet{padding-bottom:calc(15px + env(safe-area-inset-bottom));border-radius:24px 24px 16px 16px}.navSafety{align-items:flex-start;gap:7px;display:flex}.navSafety svg{flex:none;width:18px}.mapQuickGrid button{box-shadow:none;border:1px solid #e2eaed}.mapQuickGrid svg{color:var(--brand)}.mapQuickGrid b{font-size:14px}.mapQuickGrid small,.nearbyMapList small,.nearbyMapList p{font-size:12px}.toast{bottom:calc(78px + env(safe-area-inset-bottom));background:#0b2235ef;border-radius:14px;font-size:12px}.subhead button{min-width:44px;min-height:44px}.leaflet-control-zoom a,.leaflet-touch .leaflet-control-zoom a{width:44px!important;height:44px!important;font-size:22px!important;line-height:44px!important}.fishing-map-marker span{width:44px;height:44px}.fishing-map-marker span.cluster{width:48px;height:48px}.fishing-map-marker:focus-visible,.fishing-map-marker[role=button]:focus-visible{outline-offset:3px;filter:drop-shadow(0 0 0 3px var(--navy));outline:3px solid #fff}:where([role=button],[tabindex="0"]):focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 55%,white);outline-offset:2px}.legendRank{color:var(--navy)}.editorSheet{bottom:calc(8px + env(safe-area-inset-bottom));padding-bottom:calc(16px + env(safe-area-inset-bottom))}.fishTierDisclosure{border-top:1px solid #e4ebed}.fishTierDisclosure summary{min-height:44px;color:var(--brand);cursor:pointer;align-items:center;font-size:12px;font-weight:750;display:flex}.fishTierDisclosure summary svg{width:16px;margin-left:auto}.fishTierDisclosure[open] summary svg{transform:rotate(180deg)}.plannerModuleLoading{min-height:220px;color:var(--muted);place-items:center;padding:24px;font-size:14px;display:grid}@keyframes evidence-spin{to{transform:rotate(360deg)}}.fishing-map-marker span.ai{background:#7357e8;font-size:9px;font-weight:700}.checkin .done b{color:#fff;background:#ff9853}.fishing-map-marker span.rankedCandidate{background:var(--coral);font-size:15px;font-weight:800}.fishing-map-marker span.verified{background:var(--success)}.fishing-map-marker span.rankedCandidate{color:var(--navy)}}@layer system{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#f5f7f6;--color-surface:#fff;--color-surface-soft:#eef3f2;--color-text:#122126;--color-text-secondary:#66757a;--color-brand-deep:#102a33;--color-brand:#176977;--color-action:#2165d6;--color-success:#147555;--color-warning:#a95516;--color-danger:#b5362e;--color-interactive:#176977;--color-line:#102a3314;--color-line-strong:#102a3329;--color-focus:#3478f6;--navy:var(--color-brand-deep);--brand:var(--color-brand);--accent:var(--color-action);--action:var(--color-action);--coral:var(--color-warning);--surface:var(--color-canvas);--text:var(--color-text);--ink:var(--color-text);--muted:var(--color-text-secondary);--success:var(--color-success);--danger:var(--color-danger);--line:var(--color-line);--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;--font-numeric:"SFMono-Regular", "Roboto Mono", ui-monospace, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-control:12px;--radius-card:16px;--radius-sheet:24px;--radius-sm:var(--radius-control);--radius-md:var(--radius-card);--radius-xl:var(--radius-sheet);--radius-pill:999px;--shadow-card:0 8px 30px #10252b12;--shadow-sheet:0 -12px 40px #10252b24;--touch-target:44px;--topbar-height:40px;--bottom-nav-height:68px;--content-max:1180px;--content-reading:760px;--motion-fast:.16s;--motion-standard:.2s;--motion-slow:.22s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-emphasized:cubic-bezier(.2, .8, .2, 1)}html{background:var(--color-canvas);min-width:320px;min-height:100%;color:var(--color-text);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;font-size:16px}*{box-sizing:border-box}body{background:var(--color-canvas);min-width:320px;min-height:100dvh;color:var(--color-text);margin:0;font-family:inherit;font-size:14px;line-height:1.5;overflow-x:hidden}#root{min-height:100dvh}button,input,select,textarea{color:inherit;font:inherit}button,[role=button],a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,[role=button],summary{touch-action:manipulation}button:not([disabled]){cursor:pointer}button:disabled{cursor:not-allowed}img,svg,video,canvas{max-width:100%}img,video{height:auto}h1,h2,h3,h4,p{overflow-wrap:anywhere}h1,h2,h3,h4{color:inherit;line-height:1.25}p,li,label,input,select,textarea,button{font-size:max(14px,1em)}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{min-width:0;max-width:100%;font-size:16px}@media (width<=767px){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}}small,.helperText,.metaText{font-size:12px;line-height:1.45}a{color:var(--color-action);text-underline-offset:.18em}:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb, var(--color-action) 34%, transparent);outline-offset:3px}::selection{background:color-mix(in srgb, var(--color-brand) 24%, transparent)}body.modal-open{overflow:hidden}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{background:var(--color-canvas);width:100%;max-width:none;height:100dvh;color:var(--color-text);box-shadow:none;margin:0;position:relative;overflow:hidden}@layer system{@media (width<=767px){.decisionCockpit .cockpitHero{overflow:visible}.decisionCockpit .cockpitTopline{z-index:40;position:relative}.decisionCockpit .locationSelector{z-index:50;flex:100%;position:relative}.decisionCockpit .locationSelector>.locationPanel{-webkit-overflow-scrolling:touch;z-index:100!important;width:auto!important;max-height:min(68dvh,520px)!important;margin:0!important;position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:0!important;overflow-y:auto!important}}}.locationEditorBackdrop{z-index:5400;background:#07181e8f;place-items:end center;display:grid;position:fixed;inset:0}.locationEditorSheet{gap:var(--space-4);background:var(--color-surface);width:min(100%,560px);padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));box-shadow:var(--shadow-sheet);border-radius:24px 24px 0 0;display:grid}.locationEditorSheet .editorHead{margin:0}.locationEditorSheet input{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;min-height:48px;color:var(--color-text);padding:10px 12px;font-size:16px}.locationEditorSheet>.primary{border-radius:var(--radius-sm);background:var(--color-action);color:#fff;border:0;min-height:48px;font-weight:750}@media (width>=768px){.locationEditorBackdrop{align-items:center;padding:24px}.locationEditorSheet{border-radius:var(--radius-xl)}}.preloginBackupList{border:1px solid var(--color-line);border-radius:var(--radius-md);display:grid;overflow:hidden}.preloginBackupList button{align-items:center;gap:var(--space-3);border:0;border-bottom:1px solid var(--color-line);background:var(--color-surface);min-height:58px;padding:var(--space-2) var(--space-3);color:var(--color-text);text-align:left;grid-template-columns:minmax(0,1fr) 20px;display:grid}.preloginBackupList button:last-child{border-bottom:0}.preloginBackupList span{gap:2px;min-width:0;display:grid}.preloginBackupList b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.preloginBackupList small{color:var(--color-text-secondary);font-size:12px}.preloginBackupList svg{width:18px;color:var(--color-text-secondary)}.desktopbar{height:calc(var(--topbar-height) + env(safe-area-inset-top));align-items:center;gap:var(--space-2);padding:env(safe-area-inset-top) var(--space-4) 0;border-bottom:1px solid var(--color-line);color:var(--color-brand-deep);letter-spacing:.04em;background:#fffffff5;font-size:14px;font-weight:750;display:flex}.desktopbar svg{width:20px;height:20px;color:var(--color-brand);stroke-width:2px}.scroll{height:calc(100dvh - var(--topbar-height) - var(--bottom-nav-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior-y:contain;padding:var(--space-4) var(--space-4) calc(var(--space-8) + env(safe-area-inset-bottom));scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;overflow:hidden auto}.sub.scroll{height:calc(100dvh - var(--topbar-height) - env(safe-area-inset-top));padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom))}.app>nav{z-index:1000;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));align-items:start;gap:var(--space-1);padding:5px var(--space-2) calc(5px + env(safe-area-inset-bottom));border-top:1px solid var(--color-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:absolute;inset:auto 0 0;box-shadow:0 -8px 24px #102a330a}.app>nav button{border-radius:var(--radius-control);min-width:0;min-height:56px;color:var(--color-text-secondary);background:0 0;border:0;grid-template-rows:30px 18px;place-items:center;gap:1px;padding:5px 2px;font-size:12px;font-weight:600;line-height:1;display:grid;position:relative}.app>nav button span{text-overflow:clip;white-space:nowrap;min-width:0;max-width:100%;font-size:12px;overflow:hidden}.app>nav svg{stroke-width:1.9px;width:21px;height:21px}.app>nav .on{color:var(--color-brand);background:0 0;font-weight:750}.app>nav .on svg{background:color-mix(in srgb, var(--color-brand) 9%, white);border-radius:10px;width:30px;height:30px;padding:5px}.app>nav .on:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;top:1px}.app>nav button:focus:not(:focus-visible){outline:none}.app>nav button:focus-visible{outline:2px solid color-mix(in srgb, var(--color-action) 52%, transparent);outline-offset:-2px}:where(.primary,.homePrimary,.startAnalysis,.bottomPrimary){min-height:var(--touch-target);border-radius:var(--radius-control);background:var(--color-action);color:#fff;box-shadow:none;border:0;font-weight:750}:where(.primary,.homePrimary,.startAnalysis,.bottomPrimary,.feedbackSave):not(:disabled):hover{background:color-mix(in srgb, var(--color-action) 88%, #000)}:where(.primary,.homePrimary,.startAnalysis,.bottomPrimary,.feedbackSave):not(:disabled):active{transform:scale(.98)}:where(.choiceRow,.aiOptionRow,.aiPeriodRow) button.active,:where(.choiceRow,.aiOptionRow,.aiPeriodRow) button[aria-pressed=true]{border-color:var(--color-brand-deep);background:var(--color-brand-deep);color:#fff}.startAnalysis,.tripActions button.primary,.compareBar button:not(:last-child){background:var(--color-action);color:#fff;border-color:#0000}.startAnalysis.dangerAction{background:var(--color-danger);color:#fff}.safeWindowList article>div span{background:var(--color-warning);color:#fff}.safeWindowApply{background:var(--color-brand-deep);color:#fff;border-color:#0000;font-weight:750}.safeWindowApply svg{color:currentColor;stroke:currentColor}.safeWindowApply:not(:disabled):hover{color:#fff;background:#173f4b}.safeWindowApply:not(:disabled):active{color:#fff;background:#0b5264}.safeWindowApply:focus-visible{color:#fff;outline-color:#f0a06c}.safeWindowApply:disabled,.safeWindowApply[aria-disabled=true]{color:#fff;filter:none;opacity:1;background:#526b76}.manualLocation button{background:var(--color-brand);color:#fff}:where(button,[role=button]):disabled,:where(button,[role=button])[aria-disabled=true]{box-shadow:none;filter:saturate(.35);opacity:.58}:where(.plannerCard,.detailSection,.historyCard,.nowCard,.installCard){border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:none}:where(.feedbackSheet,.compareSheet,.mapToolsSheet,.navConfirmSheet){border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;background:var(--color-surface);box-shadow:var(--shadow-sheet)}.toast{border-radius:var(--radius-control);color:#fff;background:#102a33f0;max-width:min(360px,100vw - 32px);font-size:12px}.globalConfirmBackdrop{z-index:4000;overscroll-behavior:contain;padding:max(var(--space-4), env(safe-area-inset-top)) var(--space-4) max(var(--space-4), env(safe-area-inset-bottom));background:#0618239e;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.globalConfirmDialog{border:1px solid var(--color-line);border-radius:var(--radius-sheet);background:var(--color-surface);width:min(440px,100%);max-height:min(680px,100dvh - 32px);padding:var(--space-6);overflow-y:auto;box-shadow:0 24px 72px #06182340}.globalConfirmDialog h2,.globalConfirmDialog h3{margin:0 0 var(--space-2);color:var(--color-brand-deep);font-size:20px}.globalConfirmDialog>span:first-child{width:44px;height:44px;margin-bottom:var(--space-3);background:color-mix(in srgb, var(--color-warning) 10%, white);color:var(--color-warning);border-radius:50%;place-items:center;display:grid}.globalConfirmDialog>span:first-child.danger{background:color-mix(in srgb, var(--color-danger) 9%, white);color:var(--color-danger)}.globalConfirmDialog>span:first-child svg{width:22px;height:22px}.globalConfirmDialog p{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.65}.globalConfirmDialog>small{margin-top:var(--space-2);color:var(--color-text-secondary);font-size:12px;line-height:1.55;display:block}.globalConfirmActions{gap:var(--space-2);margin-top:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.globalConfirmActions button{border:1px solid var(--color-line-strong);border-radius:var(--radius-control);background:var(--color-surface);min-height:48px;color:var(--color-brand-deep);font-weight:750}.globalConfirmActions .primary{background:var(--color-action);color:#fff;border-color:#0000}.globalConfirmActions .danger{background:var(--color-danger);color:#fff;border-color:#0000}.pwaUpdateBanner{z-index:5000;left:50%;bottom:calc(var(--bottom-nav-height) + var(--space-3) + env(safe-area-inset-bottom));align-items:center;gap:var(--space-2);border-radius:var(--radius-card);background:var(--color-brand-deep);width:min(520px,100vw - 24px);padding:var(--space-3);color:#fff;border:1px solid #ffffff29;grid-template-columns:minmax(0,1fr) auto auto;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 18px 52px #06182347}.pwaUpdateBanner div{min-width:0;display:grid}.pwaUpdateBanner strong{font-size:14px}.pwaUpdateBanner span{color:#d5e3e6;font-size:12px}.pwaUpdateBanner button{min-height:var(--touch-target);border-radius:var(--radius-control);color:var(--color-brand-deep);padding:0 var(--space-3);background:#fff;border:1px solid #ffffff47;font-size:12px;font-weight:750}.pwaUpdateBanner .pwaUpdateLater{color:#fff;background:0 0}.mine{background:var(--color-canvas)}.mineHero{margin:0 0 var(--space-4);padding:var(--space-4);border-radius:var(--radius-card);background:var(--color-brand-deep);color:#fff;text-align:left}.profilePic{width:64px;height:64px;margin:var(--space-3) 0 var(--space-2);background:color-mix(in srgb, var(--color-brand) 58%, var(--color-brand-deep));border:2px solid #ffffffb3;font-size:22px}.profileName{color:inherit;text-align:left;background:0 0;padding:0}.profileName h2{margin:0;font-size:22px}.profileName small,.social span{font-size:12px}.social{gap:var(--space-1);max-width:420px;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid #ffffff24;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.social button{min-width:0;min-height:var(--touch-target);color:#ffffffc7;padding:var(--space-1);background:0 0;border:0;place-items:center;font-size:12px;display:grid}.social button:hover,.social button:focus-visible{color:#fff;background:#ffffff14}.social b{color:#fff;font-family:var(--font-numeric);font-size:18px}.communityIdentityState{border-radius:var(--radius-pill);color:#ffffffd1;background:#ffffff14;border:1px solid #ffffff2e;align-items:center;min-height:28px;padding:4px 9px;font-size:12px;font-weight:650;display:inline-flex}.vip{border:1px solid var(--color-line);background:var(--color-surface-soft);color:var(--color-text-secondary);box-shadow:none}.vip b:after{content:" · 本机成就";color:var(--color-text-secondary);font-weight:600}.achievement,.minegrid,.services>div{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:none}.achievement{grid-template-columns:repeat(5,minmax(0,1fr))}.mineSections{gap:var(--space-4);display:grid}.mineSections .services{margin:0}.mineSections .services h3{margin:0 0 var(--space-2);color:var(--color-text-secondary);text-align:left;font-size:13px;font-weight:700}.mineSections .services button{min-height:52px;font-size:14px}.achievement small,.achievement b,.minegrid button,.installCard small,.vip span{font-size:12px}.minegrid button{gap:var(--space-2);min-height:68px}.minegrid svg,.services button svg:first-child,.installCard>svg:first-child{color:var(--color-brand)}.mapPage{height:calc(100dvh - var(--topbar-height) - var(--bottom-nav-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom));background:var(--color-canvas);isolation:isolate;position:relative;overflow:hidden}.mapStage{width:100%;height:calc(100dvh - var(--topbar-height) - var(--bottom-nav-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:480px}.mapPrimaryActions{z-index:650;top:var(--space-3);left:var(--space-3);right:var(--space-3);gap:var(--space-2);pointer-events:none;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:absolute}.mapPrimaryActions button{min-width:0;min-height:var(--touch-target);border:1px solid var(--color-line);border-radius:var(--radius-control);color:var(--color-brand-deep);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#fffffff5;justify-content:center;align-items:center;gap:6px;padding:7px 8px;font-size:12px;font-weight:700;display:flex;box-shadow:0 6px 20px #102a3317}.mapPrimaryActions svg{width:18px;height:18px;color:var(--color-brand)}.mapStage .leaflet-control-attribution,.dataCredit{font-size:10px}.mapDrawer{z-index:700;left:var(--space-2);right:var(--space-2);bottom:var(--space-2);max-height:calc(100% - var(--space-4));overscroll-behavior:contain;border:1px solid var(--color-line);border-radius:var(--radius-sheet) var(--radius-sheet) var(--radius-card) var(--radius-card);box-shadow:var(--shadow-sheet);scrollbar-width:none;transition:height var(--motion-slow) var(--ease-emphasized), transform var(--motion-standard) var(--ease-standard), box-shadow var(--motion-standard) var(--ease-standard);background:#fffffffa;display:block;position:absolute;overflow:hidden auto}.mapBelow.mapDrawer{min-height:0;margin:0;padding:0}.mapPage .mapSpotSheet{z-index:850;left:var(--space-2);right:var(--space-2);bottom:var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-sheet) var(--radius-sheet) var(--radius-card) var(--radius-card);background:var(--color-surface);max-height:min(72dvh,100% - 72px);box-shadow:var(--shadow-sheet);overscroll-behavior:contain;margin:0}.mapPage .mapSpotSheet>div:last-child{z-index:3;gap:var(--space-2);border-top:1px solid var(--color-line);padding:var(--space-2) 0 var(--space-1);background:#fffffffa;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:sticky;bottom:0}.mapPage .mapSpotSheet>div:last-child>p{grid-column:1/-1}.mapPage .mapSpotSheet>div:last-child button{min-height:48px;padding:6px 4px;font-size:12px}.mapPage :where(.mapToolsSheet,.navConfirmSheet,.mapModal){z-index:900;left:var(--space-2);right:var(--space-2);bottom:var(--space-2);overscroll-behavior:contain;border:1px solid var(--color-line);border-radius:var(--radius-sheet) var(--radius-sheet) var(--radius-card) var(--radius-card);background:var(--color-surface);width:auto;max-height:min(76dvh,100% - 72px);box-shadow:var(--shadow-sheet);margin:0;overflow-y:auto}.mapPage .mapSearchPanel{z-index:950;overscroll-behavior:contain;background:var(--color-canvas);padding:var(--space-3);inset:0;overflow-y:auto}.mapOverlayBackdrop{z-index:840;background:#06182347;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.mapPage .mapSearchHead{z-index:2;min-height:var(--touch-target);grid-template-columns:var(--touch-target) minmax(0, 1fr) 56px;gap:var(--space-2);background:var(--color-canvas);position:sticky;top:0}.mapPage .mapSearchHead button,.mapPage .mapSearchHead input{min-height:var(--touch-target);border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface)}.mapPage .mapSearchHead button{font-size:14px}.mapPage .mapSearchHead input{min-width:0;font-size:16px}.mapPage .mapSearchHead button:last-child{border-color:var(--color-action);background:var(--color-action);color:#fff;font-weight:750}.mapPage .mapResults{gap:var(--space-2);margin-top:var(--space-3);padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom))}.mapPage .mapResults>button{border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);min-height:60px;padding:var(--space-3)}.mapPage .mapResults b{font-size:14px}.mapPage .mapResults small{font-size:12px}.mapDrawer::-webkit-scrollbar{display:none}.mapDrawerFilters::-webkit-scrollbar{display:none}.mapDrawer.compact{height:192px;min-height:192px;max-height:192px;overflow-y:hidden}.mapDrawer.half{height:min(54dvh, calc(100% - var(--space-4)));min-height:min(50dvh, calc(100% - var(--space-4)));max-height:min(55dvh, calc(100% - var(--space-4)))}.mapDrawer.full{height:calc(100% - var(--space-4));min-height:calc(100% - var(--space-4));max-height:calc(100% - var(--space-4))}.mapPull{width:100%;min-height:var(--touch-target);justify-content:center;align-items:center;gap:var(--space-2);background:0 0;border:0;place-items:center;padding:0;display:flex}.mapPull:after{content:attr(aria-label);color:var(--color-text-secondary);font-size:12px;font-weight:700}.mapPull i{border-radius:var(--radius-pill);background:var(--color-line-strong);width:36px;height:4px}.mapBelowHead{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-4) var(--space-1);margin:0;display:flex}.mapBelowHead>div:first-child{gap:1px;min-width:0;display:grid}.mapBelowHead b{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.mapBelowHead small{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary);font-size:12px;overflow:hidden}.legacyAnalysisNotice{align-items:center;gap:var(--space-2);margin:0 var(--space-4) var(--space-2);border:1px solid color-mix(in srgb, var(--color-warning) 28%, transparent);border-radius:var(--radius-control);background:color-mix(in srgb, var(--color-warning) 8%, white);padding:var(--space-2);color:#754516;grid-template-columns:20px minmax(0,1fr) auto;display:grid}.legacyAnalysisNotice>svg{width:18px;height:18px}.legacyAnalysisNotice span{gap:1px;min-width:0;display:grid}.legacyAnalysisNotice b,.legacyAnalysisNotice small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.legacyAnalysisNotice b{font-size:13px}.legacyAnalysisNotice small{color:var(--color-text-secondary);font-size:12px}.legacyAnalysisNotice button{min-width:76px;min-height:var(--touch-target);border-radius:var(--radius-control);background:var(--color-brand-deep);color:#fff;border:0;font-size:12px;font-weight:750}.mapDrawerLevels{flex:none;align-items:center;display:flex}.mapDrawerLevels button{width:var(--touch-target);height:var(--touch-target);background:0 0;border:0;position:relative}.mapDrawerLevels button:after{content:"";background:var(--color-line-strong);border-radius:50%;width:6px;height:6px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.mapDrawerLevels button.active:after{border-radius:var(--radius-pill);background:var(--color-brand);width:18px}.mapDrawerFilters{gap:var(--space-2);height:auto;box-shadow:none;padding:0 var(--space-4) var(--space-2);scroll-padding-inline:var(--space-4);scrollbar-width:none;background:0 0;border:0;grid-template-columns:none;display:flex;position:static;overflow-x:auto}.mapDrawerFilters button{min-width:auto;min-height:var(--touch-target);color:var(--color-text-secondary);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:none;padding:8px 2px 6px;font-size:13px;font-weight:650;display:block}.mapDrawerFilters button.active{border-bottom-color:var(--color-brand);color:var(--color-brand);background:0 0}.mapDrawerSummary{gap:var(--space-1);padding:0 var(--space-4) var(--space-1);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.mapDrawerSummary span{min-width:0;color:var(--color-text-secondary);justify-items:center;font-size:12px;line-height:1.25;display:grid}.mapDrawerSummary b{color:var(--color-text);font-family:var(--font-numeric);font-size:17px}.mapDrawerActions{gap:var(--space-2);padding:0 var(--space-4) var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mapDrawerActions button{min-width:0;min-height:var(--touch-target);border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface-soft);color:var(--color-brand-deep);white-space:nowrap;justify-content:center;align-items:center;gap:5px;padding:7px 4px;font-size:12px;font-weight:700;display:flex}.mapDrawerActions svg{width:17px;height:17px;color:var(--color-brand)}.mapDrawerMeta{gap:var(--space-2);border-top:1px solid var(--color-line);padding:var(--space-3) var(--space-4);display:grid}.mapDrawer .complianceBanner{align-items:flex-start;gap:var(--space-2);margin:0 var(--space-4) var(--space-3);border-radius:var(--radius-control);padding:var(--space-3);background:color-mix(in srgb, var(--color-warning) 9%, white);color:#7d4712;box-shadow:none;font-size:12px;line-height:1.5;display:flex;position:static}.mapDrawer .complianceBanner svg{flex:none;width:18px}.mapLegendMarker{box-sizing:border-box;color:#fff;font:800 10px/1 var(--font-numeric);border:2px solid #fff;flex:0 0 20px;place-items:center;font-style:normal;box-shadow:0 1px 4px #102a3347;width:20px!important;height:20px!important;display:grid!important}.mapLegendMarker svg{stroke-width:2.5px;width:13px;height:13px}.mapLegendMarker.rankedCandidate{background:#a95516;border-radius:50%}.mapLegendMarker.publicWater{background:#176977;border-radius:54% 54% 54% 20%;transform:rotate(-45deg)}.mapLegendMarker.publicWater svg{transform:rotate(45deg)}.mapLegendMarker.verified{background:#1f9d73;border-radius:50%}.mapLegendMarker.danger{clip-path:polygon(50% 2%,98% 94%,2% 94%);background:#c9483d;border:0;padding-top:3px}.mapLegendMarker.private{background:#7058a4;border-radius:5px;transform:rotate(45deg)}.mapLegendMarker.private svg{transform:rotate(-45deg)}.mapLegendMarker.community{background:#6d58b5;border-radius:7px 7px 7px 2px}.mapDrawerMeta p{color:var(--color-text-secondary);font-family:var(--font-numeric);margin:0;font-size:12px}.mapDrawerMeta .mapLegend{gap:var(--space-2);display:flex;position:static;overflow-x:auto}.mapDrawerMeta .mapLegend span{color:var(--color-text-secondary);flex:none;align-items:center;gap:5px;font-size:12px;display:inline-flex}.mapDrawerMeta .mapLegend i{color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-style:normal;display:grid}.legendRank{background:var(--color-warning)}.legendWater{background:var(--color-brand);transform:rotate(-45deg);border-radius:54% 54% 54% 20%!important}.legendVerified{background:var(--color-success)}.legendDanger{background:var(--color-danger);clip-path:polygon(50% 4%,98% 94%,2% 94%)}.mapStage .leaflet-control-attribution{margin-bottom:198px!important}.mapStage .leaflet-control-scale{margin-bottom:206px!important}.mapStage .leaflet-control-zoom{margin-bottom:210px!important}.mapDrawerExpanded{padding:0 var(--space-4) var(--space-6)}.mapDrawerExpanded .mapSectionTitle{min-height:var(--touch-target);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.mapDrawerExpanded .mapSectionTitle button{min-width:var(--touch-target);min-height:var(--touch-target);color:var(--color-interactive);background:0 0;border:0;font-size:12px;font-weight:700}.mapEmptyState{align-content:center;place-items:center;gap:var(--space-2);border:1px dashed var(--color-line-strong);border-radius:var(--radius-card);background:var(--color-surface-soft);min-height:176px;padding:var(--space-5) var(--space-4);color:var(--color-text-secondary);text-align:center;display:grid}.mapEmptyState svg{width:26px;height:26px;color:var(--color-brand)}.mapEmptyState b{color:var(--color-text);font-size:15px}.mapEmptyState p{max-width:300px;margin:0;font-size:13px;line-height:1.55}.mapDrawer.compact .mapDrawerFilters,.mapDrawer.compact .mapDrawerMeta,.mapDrawer.compact .complianceBanner,.mapDrawer.compact .mapDrawerExpanded{display:none}.mapDrawer.compact .mapDrawerSummary,.mapDrawer.compact .mapDrawerActions{padding-bottom:var(--space-1)}.mapDrawer.compact:has(.legacyAnalysisNotice) .mapDrawerSummary{display:none}.mapDrawer.compact .legacyAnalysisNotice small{display:none}.mapDrawer.compact .legacyAnalysisNotice{margin-bottom:var(--space-1);padding-block:2px}.mapPage .mapToolGrid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.mapPage .mapToolGrid button{align-content:center;justify-items:start;gap:1px var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface-soft);min-width:0;min-height:72px;padding:var(--space-2) var(--space-3);text-align:left;grid-template-rows:auto auto;grid-template-columns:36px minmax(0,1fr)}.mapPage .mapToolGrid button:last-child:nth-child(odd){grid-column:1/-1}.mapPage .mapToolGrid svg{width:22px;height:22px;color:var(--color-brand);grid-area:1/1/3;align-self:center}.mapPage .mapToolGrid b,.mapPage .mapToolGrid small{grid-column:2;min-width:0}.mapPage .mapToolGrid b{font-size:13px}.mapPage .mapToolGrid small{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.mapPage .mapToolGrid button:disabled{background:#f2f4f4}.mapPage .routeControls{z-index:900;left:var(--space-2);right:var(--space-2);bottom:var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-sheet);padding:var(--space-2);margin:0}.mapPage .measureControls output{min-height:var(--touch-target);border-radius:var(--radius-control);background:var(--color-surface-soft);color:var(--color-brand-deep);font-family:var(--font-numeric);place-items:center;font-size:13px;font-weight:750;display:grid}.mapPage:has(.routeControls) .mapDrawer{transform:translateY(calc(100% + var(--space-3)));pointer-events:none}@media (width<=767px){.mapDrawerLevels{display:none}.mapDrawer.half .mapPull,.mapDrawer.full .mapPull{z-index:4;background:#fffffffa;position:sticky;top:0}.mapDrawer.half .mapBelowHead,.mapDrawer.full .mapBelowHead{z-index:3;top:var(--touch-target);border-bottom:1px solid var(--color-line);background:#fffffffa;position:sticky}.mapDrawer.half .mapDrawerFilters,.mapDrawer.full .mapDrawerFilters{padding-top:var(--space-2)}.mapPage:has(.mapDrawer.half) .mapStage .leaflet-control-zoom{margin-bottom:calc(min(54dvh, 55%) + var(--space-3))!important}.mapPage:has(.mapDrawer.full) .mapStage :where(.leaflet-control-zoom,.leaflet-control-scale,.leaflet-control-attribution){visibility:hidden}.mapPage:has(.mapSpotSheet,.mapToolsSheet,.navConfirmSheet,.mapModal) .mapDrawer{pointer-events:none}}.storageFailureBanner{z-index:4500;left:50%;bottom:calc(var(--bottom-nav-height) + var(--space-3) + env(safe-area-inset-bottom));align-items:start;gap:var(--space-2);border:1px solid color-mix(in srgb, var(--color-danger) 28%, white);border-radius:var(--radius-card);background:color-mix(in srgb, var(--color-danger) 6%, white);width:min(620px,100vw - 24px);padding:var(--space-3);color:var(--color-text);grid-template-columns:20px minmax(0,1fr) auto 44px;display:grid;position:fixed;transform:translate(-50%)}.storageFailureBanner svg{color:var(--color-danger)}.storageFailureBanner p,.storageFailureBanner small{margin:0;font-size:12px;line-height:1.5}.storageFailureBanner button{min-height:var(--touch-target);border:1px solid var(--color-line-strong);border-radius:var(--radius-control);color:var(--color-interactive);padding:0 var(--space-3);background:#fff;font-weight:750}.storageFailureBanner button:last-child{width:var(--touch-target);padding:0}.storageFailureBanner button:last-child svg{width:18px}.app:has(.storageFailureBanner)>.toast{display:none}@media (width<=430px){.scroll{padding-inline:var(--space-3)}.mineHero{margin-inline:0}.achievement{grid-template-columns:repeat(3,minmax(0,1fr))}.cockpitHero h1{font-size:26px}.quickGrid,.triStateGrid{grid-template-columns:1fr}.statsChain{grid-template-columns:repeat(2,minmax(0,1fr))!important}.statsChain span:last-child{grid-column:1/-1}.compareBar{grid-template-columns:1fr 1fr}.compareBar span{grid-column:1/-1}.app>nav{padding-inline:var(--space-1)}.pwaUpdateBanner{grid-template-columns:minmax(0,1fr) auto}.pwaUpdateBanner>div{grid-column:1/-1}}@media (width>=768px){.app{border-radius:0;width:100%;height:100dvh}.desktopbar,.scroll,.plannerHome,.analysisResults,.analysisDetail,.analysisHistory{padding-left:max(var(--space-6), calc((100vw - var(--content-max)) / 2));padding-right:max(var(--space-6), calc((100vw - var(--content-max)) / 2))}.environmentStrip{grid-template-columns:repeat(5,minmax(0,1fr))}.environmentStrip article:last-child{grid-column:auto}.statsChain{grid-template-columns:repeat(6,minmax(0,1fr))!important}.recommendationList{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.recommendationList>h3,.recommendationList>p{grid-column:1/-1}.candidateCard{margin:0}.gearColumns,.lurePlans{grid-template-columns:repeat(3,minmax(0,1fr))}.evidenceMeta,.fishEvidenceTier>div,.fishSpeciesCardGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.app>nav{border:1px solid var(--color-line);border-radius:var(--radius-card) var(--radius-card) 0 0;border-bottom:0;width:min(680px,100% - 48px);left:50%;right:auto;transform:translate(-50%);box-shadow:0 -8px 30px #102a3312}.mapPage{grid-template-columns:minmax(0,1fr) minmax(320px,38%);display:grid;overflow:hidden}.mapPrimaryActions{width:min(520px,62vw - 48px);right:auto}.mapStage{grid-area:1/1;min-height:0}.mapStage .leaflet-control-attribution,.mapStage .leaflet-control-scale,.mapStage .leaflet-control-zoom{margin-bottom:0!important}.mapDrawer,.mapDrawer.compact,.mapDrawer.half,.mapDrawer.full{border-left:1px solid var(--color-line);background:var(--color-surface);width:auto;height:100%;min-height:0;max-height:none;box-shadow:none;border-top:0;border-bottom:0;border-right:0;border-radius:0;grid-area:1/2;position:static;overflow-y:auto}.mapPull,.mapDrawerLevels{display:none}.mapDrawerFilters,.mapDrawer.compact .mapDrawerFilters{gap:var(--space-1) var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow-x:visible}.mapDrawerFilters button{width:100%}.mapDrawer.compact .mapDrawerMeta,.mapDrawer.compact .mapDrawerExpanded{display:grid}.mine{align-content:start;gap:var(--space-4) var(--space-6);grid-template-columns:minmax(280px,.72fr) minmax(420px,1.28fr);display:grid}.mineHero{min-height:320px;padding:var(--space-6);grid-row:span 4;margin:0;position:sticky;top:0}.mine>:not(.mineHero){width:100%;min-width:0;margin-inline:0}.mineSections{grid-template-columns:repeat(2,minmax(0,1fr))}.mineSections .services:last-child{grid-column:1/-1}}@media (width>=1100px){:root{--desktop-nav-width:96px}.app>nav{inset:calc(var(--topbar-height) + env(safe-area-inset-top)) auto 0 0;width:var(--desktop-nav-width);align-content:start;gap:var(--space-2);border:0;border-right:1px solid var(--color-line);height:auto;padding:var(--space-6) var(--space-3);background:#fffffffa;border-radius:0;grid-template-rows:repeat(5,64px);grid-template-columns:1fr;transform:none;box-shadow:8px 0 28px #102a3309}.app>nav button{grid-template-rows:30px 18px;min-height:60px}.app>nav .on:after{border-radius:var(--radius-pill);width:4px;height:22px;inset:50% auto auto 2px;transform:translateY(-50%)}.scroll,.sub.scroll{width:calc(100% - var(--desktop-nav-width));height:calc(100dvh - var(--topbar-height) - env(safe-area-inset-top));margin-left:var(--desktop-nav-width);padding-left:max(var(--space-6), calc((100vw - var(--desktop-nav-width) - var(--content-max)) / 2));padding-right:max(var(--space-6), calc((100vw - var(--desktop-nav-width) - var(--content-max)) / 2));padding-bottom:var(--space-8)}.communityPage{padding-bottom:var(--space-8)}.mapPage{width:calc(100% - var(--desktop-nav-width));height:calc(100dvh - var(--topbar-height) - env(safe-area-inset-top));margin-left:var(--desktop-nav-width);grid-template-columns:minmax(0,1fr) 420px}.mapStage{height:calc(100dvh - var(--topbar-height) - env(safe-area-inset-top))}.pwaUpdateBanner,.storageFailureBanner{bottom:var(--space-6)}.decisionCockpit{align-content:start;gap:var(--space-4) var(--space-6);grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);display:grid}.decisionCockpit .cockpitHero,.decisionCockpit .locationPanel,.decisionCockpit .analysisError,.decisionCockpit .analysisProgressV2,.decisionCockpit .startAnalysis,.decisionCockpit .analysisDisclaimer,.decisionCockpit .advancedToggle,.decisionCockpit .advancedConditions,.decisionCockpit .inputSummary{grid-column:1/-1}.decisionCockpit .quickConfig{grid-column:1;max-width:none}.decisionCockpit .environmentStrip{margin:var(--space-3) 0;grid-column:2;grid-template-columns:1fr 1fr}.decisionCockpit .environmentStrip article:last-child{grid-column:1/-1}.recommendationList{grid-template-columns:repeat(3,minmax(0,1fr))}}@keyframes surface-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:where(button,[role=button],a){transition:color var(--motion-fast) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), opacity var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard)}:where(button,[role=button]):active:not(:disabled){transform:scale(.98)}:where(.feedbackSheet,.compareSheet,.mapToolsSheet,.navConfirmSheet){animation:sheet-enter var(--motion-slow) var(--ease-emphasized) both}:where(.plannerCard,.detailSection,.historyCard){animation:surface-enter var(--motion-standard) var(--ease-standard) both}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.personalSettings{width:min(100%,820px);padding:4px 0 calc(28px + env(safe-area-inset-bottom));color:var(--color-text);gap:16px;margin:0 auto;display:grid}.personalSettingsIntro{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:8px 2px;display:grid}.settingsStaticState{border:1px solid var(--color-line);background:var(--color-surface-soft);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:10px 12px;display:grid}.settingsStaticState span{gap:2px;display:grid}.settingsStaticState b{font-size:14px}.settingsStaticState small{color:var(--color-text-secondary);font-size:12px}.settingsStaticState strong{color:var(--color-brand);background:#fff;border-radius:999px;padding:5px 9px;font-size:12px}.personalSettingsIntro>span{background:color-mix(in srgb, var(--color-brand) 11%, #fff);width:48px;height:48px;color:var(--color-brand);border-radius:15px;place-items:center;display:grid}.personalSettingsIntro svg{width:23px;height:23px}.personalSettingsIntro h1{margin:0 0 3px;font-size:clamp(21px,5.8vw,27px);line-height:1.2}.personalSettingsIntro p{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.55}.settingsCard,.favoriteSpotList article,.legalDocument,.aboutBrand{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:none;padding:16px}.settingsCardHeading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.settingsCardHeading>div{min-width:0}.settingsCardHeading small{color:var(--color-text-secondary);font-size:12px;font-weight:700}.settingsCardHeading h2{margin:2px 0 0;font-size:17px}.settingsCardHeading>svg{width:21px;color:var(--color-brand)}.personalSettings button,.personalSettings select,.personalSettings input{font:inherit}.personalSettings button{cursor:pointer}.personalSettings button:focus-visible,.personalSettings select:focus-visible,.personalSettings input:focus-visible,.personalSettings a:focus-visible{outline:3px solid color-mix(in srgb, var(--color-action) 70%, #fff);outline-offset:2px}.personalSettingsEmpty{border:1px dashed var(--color-line-strong);border-radius:var(--radius-card);background:var(--color-surface);text-align:center;align-content:center;place-items:center;gap:8px;min-height:210px;padding:24px;display:grid}.personalSettingsEmpty svg{width:32px;height:32px;color:var(--color-brand)}.personalSettingsEmpty b{font-size:16px}.personalSettingsEmpty p{max-width:420px;color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.55}.personalSettingsError{border:1px solid color-mix(in srgb, var(--color-danger) 30%, transparent);background:color-mix(in srgb, var(--color-danger) 7%, #fff);min-height:44px;color:var(--color-danger);border-radius:12px;align-items:center;gap:9px;padding:9px 11px;font-size:13px;display:flex}.personalSettingsError svg{flex:none;width:19px}.favoriteSpotList{gap:10px;display:grid}.favoriteSpotList article{grid-template-columns:40px minmax(0,1fr) 44px;align-items:center;gap:11px;padding:13px;display:grid}.favoriteSpotMark{background:var(--color-surface-soft);width:40px;height:40px;color:var(--color-brand);border-radius:12px;place-items:center;display:grid}.favoriteSpotMark svg{width:20px}.favoriteSpotList h2{text-overflow:ellipsis;white-space:nowrap;margin:0 0 3px;font-size:15px;overflow:hidden}.favoriteSpotList p{color:var(--color-text-secondary);font:12px/1.5 var(--font-numeric);overflow-wrap:anywhere;margin:0}.favoriteSpotList small{color:var(--color-text-secondary);margin-top:3px;font-size:12px;display:block}.iconDangerButton{width:44px;height:44px;color:var(--color-danger);background:0 0;border:0;border-radius:12px;place-items:center;display:grid}.iconDangerButton:hover{background:color-mix(in srgb, var(--color-danger) 8%, #fff)}.iconDangerButton svg{width:19px}.compactButton{border:1px solid var(--color-line-strong);min-height:44px;color:var(--color-brand-deep);background:#fff;border-radius:12px;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:750;display:inline-flex}.compactButton svg{width:16px}.permissionRows{gap:8px;display:grid}.permissionRows article{border-top:1px solid var(--color-line);grid-template-columns:36px minmax(0,1fr) auto;grid-template-areas:"icon text status""icon text action";align-items:center;gap:3px 10px;padding:12px 0;display:grid}.permissionRows article:first-child{border-top:0}.permissionRows article>svg{width:21px;color:var(--color-brand);grid-area:icon}.permissionRows article>span{grid-area:text;gap:2px;display:grid}.permissionRows b{font-size:14px}.permissionRows small{color:var(--color-text-secondary);font-size:12px;line-height:1.4}.permissionRows strong{background:var(--color-surface-soft);color:var(--color-text-secondary);border-radius:999px;grid-area:status;justify-self:end;padding:4px 7px;font-size:11px}.permissionRows strong[data-state=granted]{background:color-mix(in srgb, var(--color-success) 11%, #fff);color:var(--color-success)}.permissionRows strong[data-state=denied],.permissionRows strong[data-state=error]{background:color-mix(in srgb, var(--color-danger) 9%, #fff);color:var(--color-danger)}.permissionRows article>button{min-height:44px;color:var(--color-action);background:0 0;border:0;grid-area:action;justify-self:end;padding:0 4px;font-size:12px;font-weight:750}.settingsFootnote,.settingsSavedAt{color:var(--color-text-secondary);margin:10px 0 0;font-size:12px;line-height:1.55}.settingsWarning{background:color-mix(in srgb, var(--color-warning) 8%, #fff);color:#714218;border-radius:10px;grid-template-columns:18px minmax(0,1fr);gap:7px;margin:12px 0 0;padding:10px;font-size:12px;line-height:1.5;display:grid}.settingsWarning svg{width:17px}.settingsSwitch{justify-content:space-between;align-items:center;gap:16px;min-height:54px;display:flex}.settingsSwitch>span{gap:3px;min-width:0;display:grid}.settingsSwitch b{font-size:14px}.settingsSwitch small{color:var(--color-text-secondary);font-size:12px;line-height:1.45}.settingsSwitch input{appearance:none;border:1px solid var(--color-line-strong);width:48px;height:28px;transition:background var(--motion-fast) var(--ease-standard);background:#cad4d7;border-radius:999px;flex:none}.settingsSwitch input:before{content:"";width:22px;height:22px;transition:transform var(--motion-fast) var(--ease-standard);background:#fff;border-radius:50%;margin:2px;display:block;box-shadow:0 1px 4px #10252b33}.settingsSwitch input:checked{border-color:var(--color-brand);background:var(--color-brand)}.settingsSwitch input:checked:before{transform:translate(20px)}.settingsForm{gap:18px;display:grid}.settingsForm fieldset{border:0;margin:0;padding:0}.settingsForm legend,.settingsForm label>span{color:var(--color-text);margin-bottom:8px;font-size:13px;font-weight:750;display:block}.segmentedSettings{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.segmentedSettings button{border:1px solid var(--color-line-strong);min-height:44px;color:var(--color-text);background:#fff;border-radius:12px;font-size:14px}.segmentedSettings button.active{border-color:var(--color-brand);background:var(--color-brand);color:#fff}.settingsForm label{display:grid}.settingsForm select{border:1px solid var(--color-line-strong);width:100%;min-height:48px;color:var(--color-text);background:#fff;border-radius:12px;padding:0 12px;font-size:16px}.settingsForm label>small{color:var(--color-text-secondary);margin-top:7px;font-size:12px;line-height:1.5}.settingsPrimaryButton{background:var(--color-brand);color:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:48px;padding:0 16px;font-weight:750;display:inline-flex}.settingsPrimaryButton svg{width:18px}.storageSummary>p{color:var(--color-text-secondary);font-size:13px}.storageNumbers{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.storageNumbers strong{font:760 26px/1.2 var(--font-numeric)}.storageNumbers span{color:var(--color-text-secondary);font-size:12px}.storageTrack{background:var(--color-surface-soft);border-radius:999px;height:7px;margin:11px 0;overflow:hidden}.storageTrack i{border-radius:inherit;background:var(--color-brand);height:100%;display:block}.storageSummary>small{color:var(--color-text-secondary);font-size:12px}.localStorageBreakdown>p{color:var(--color-text-secondary);margin:0 0 14px;font-size:13px;line-height:1.55}.localStorageBreakdown>small{color:var(--color-text-secondary);margin-top:12px;font-size:12px;line-height:1.55;display:block}.localStorageBreakdownGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.localStorageBreakdownGrid span{background:var(--color-surface-soft);border-radius:12px;gap:4px;min-width:0;padding:11px 9px;display:grid}.localStorageBreakdownGrid small{color:var(--color-text-secondary);font-size:12px;line-height:1.3}.localStorageBreakdownGrid b{overflow-wrap:anywhere;color:var(--color-text);font:750 14px/1.35 var(--font-numeric)}.storageActions>button{border:0;border-top:1px solid var(--color-line);width:100%;min-height:62px;color:var(--color-text);text-align:left;background:0 0;grid-template-columns:26px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:8px 0;display:grid}.storageActions>button>svg:first-child{width:21px;color:var(--color-brand)}.storageActions>button>svg:last-child{width:18px;color:var(--color-danger)}.storageActions>button span{gap:2px;display:grid}.storageActions>button b{font-size:14px}.storageActions>button small{color:var(--color-text-secondary);font-size:12px}.themeChoices{gap:8px;display:grid}.themeChoices button{border:1px solid var(--color-line);min-height:66px;color:var(--color-text);text-align:left;background:#fff;border-radius:13px;grid-template-columns:34px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:9px 11px;display:grid}.themeChoices button>svg:first-child{width:21px;color:var(--color-brand)}.themeChoices button>span{gap:2px;display:grid}.themeChoices button b{font-size:14px}.themeChoices button small{color:var(--color-text-secondary);font-size:12px}.themeChoices button.active{border-color:var(--color-brand);background:color-mix(in srgb, var(--color-brand) 6%, #fff)}.themeChoices .themeCheck{width:19px;color:var(--color-success)}.legalDocument{color:var(--color-text)}.legalDocument h2{margin:22px 0 7px;font-size:16px}.legalDocument h2:first-child{margin-top:0}.legalDocument p{color:#405159;margin:0;font-size:14px;line-height:1.8}.aboutBrand{grid-template-columns:62px minmax(0,1fr);align-items:center;gap:14px;display:grid}.aboutBrandMark{background:var(--color-brand-deep);color:#fff;border-radius:18px;place-items:center;width:62px;height:62px;display:grid}.aboutBrandMark svg{width:30px}.aboutBrand h2{margin:0 0 5px;font-size:21px}.aboutBrand p{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.55}.aboutBoundaries h2,.aboutSources h2{margin:0 0 11px;font-size:17px}.aboutBoundaries p{color:#405159;grid-template-columns:18px minmax(0,1fr);gap:8px;margin:8px 0;font-size:13px;line-height:1.55;display:grid}.aboutBoundaries p svg{width:17px;color:var(--color-success)}.aboutBoundaries p:nth-of-type(n+4) svg{color:var(--color-warning)}.aboutSources p{color:#405159;font-size:13px;line-height:1.65}.aboutSources a{min-height:44px;color:var(--color-action);align-items:center;gap:6px;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex}.aboutSources a svg{width:16px}}.globalTripBanner{z-index:90;margin:8px max(12px,env(safe-area-inset-left)) 0;border:1px solid color-mix(in srgb,var(--color-brand) 28%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid;position:sticky;top:0;box-shadow:0 8px 30px #10252b1a}.globalTripBanner.overdue{border-color:color-mix(in srgb,var(--color-danger) 35%,transparent);background:#fff8f6}.globalTripSummary{align-items:center;gap:10px;min-width:0;display:flex}.globalTripSummary>span{width:40px;height:40px;color:var(--color-brand);background:#eaf6f6;border-radius:12px;flex:none;place-items:center;display:grid}.globalTripBanner.overdue .globalTripSummary>span{color:var(--color-danger);background:#fff0ec}.globalTripSummary svg{width:21px}.globalTripSummary>div{gap:2px;min-width:0;display:grid}.globalTripSummary small{color:var(--color-text-secondary);font-size:12px}.globalTripSummary b{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);font-size:14px;overflow:hidden}.globalTripSummary p{color:var(--color-text-secondary);margin:0;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.globalTripActions{gap:6px;display:flex}.globalTripActions button{border:1px solid var(--color-line-strong);min-height:44px;color:var(--color-brand-deep);background:#fff;border-radius:12px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:700;display:flex}.globalTripActions button:first-child{border-color:var(--color-brand);background:var(--color-brand);color:#fff}.globalTripActions button.quietDanger{color:var(--color-danger)}.globalTripActions svg{width:17px}.recordsCenter{gap:14px;max-width:900px;margin:0 auto;display:grid}.recordsCenterHead{padding:22px 2px 4px}.recordsCenterHead small{color:var(--color-brand);font-size:12px;font-weight:700}.recordsCenterHead h1{margin:4px 0 6px;font-size:26px}.recordsCenterHead p{color:var(--color-text-secondary);margin:0;font-size:13px}.recordsCenterTabs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.recordsCenterTabs button{border:1px solid var(--color-line);min-height:48px;color:var(--color-text-secondary);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:7px;font-size:13px;display:flex}.recordsCenterTabs button.active{border-color:var(--color-brand);color:var(--color-brand-deep);background:#eaf6f6;font-weight:750}.recordsCenterTabs svg{width:18px}.recordsCenterTabs span{background:#102a330f;border-radius:999px;min-width:24px;padding:2px 6px;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.activeTripRecord,.mineActiveTrip{border:1px solid color-mix(in srgb,var(--color-brand) 25%,transparent);text-align:left;width:100%;min-height:72px;color:var(--color-text);background:#edf8f8;border-radius:16px;grid-template-columns:42px minmax(0,1fr) 24px;align-items:center;gap:12px;padding:12px;display:grid}.activeTripRecord>svg:first-child,.mineActiveTrip>svg:first-child{background:var(--color-brand);color:#fff;border-radius:12px;width:42px;height:42px;padding:10px}.activeTripRecord>div,.mineActiveTrip>div{gap:3px;min-width:0;display:grid}.activeTripRecord small,.mineActiveTrip small{color:var(--color-brand);font-size:12px;font-weight:700}.activeTripRecord b,.mineActiveTrip b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.activeTripRecord span,.mineActiveTrip span{color:var(--color-text-secondary);font-size:12px}.tripHistoryList{gap:8px;display:grid}.tripHistoryList article{border:1px solid var(--color-line);background:#fff;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:76px;padding:12px;display:grid}.tripHistoryStatus{color:var(--color-text-secondary);white-space:nowrap;background:#eef2f2;border-radius:999px;padding:5px 8px;font-size:12px}.tripHistoryStatus.completed{color:var(--color-success);background:#e8f7f1}.tripHistoryStatus.cancelled,.tripHistoryStatus.timed_out{color:var(--color-danger);background:#fff0ec}.tripHistoryList h3{margin:0;font-size:14px}.tripHistoryList p,.tripHistoryList small{color:var(--color-text-secondary);margin:4px 0 0;font-size:12px;line-height:1.45;display:block}.tripHistoryList button{background:#f2f5f5;border:0;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.catchFishIcon{color:var(--color-brand);border-radius:12px;place-items:center;background:#edf7f7!important;width:42px!important;height:42px!important;display:grid!important}.catchFishIcon svg{width:21px}.storageFailureBanner{z-index:400;left:50%;bottom:calc(78px + env(safe-area-inset-bottom));width:min(680px,100% - 24px);position:fixed;transform:translate(-50%);box-shadow:0 10px 36px #10252b2e;grid-template-columns:22px minmax(0,1fr) auto 44px!important}.storageFailureBanner>button:last-child{width:44px;color:var(--color-text-secondary);padding:0!important}.storageFailureBanner>div b{font-size:14px}.storageFailureBanner>div p{margin-top:3px!important}@media (width<=700px){.globalTripBanner{grid-template-columns:1fr;position:relative;top:auto}.globalTripActions{grid-template-columns:repeat(4,1fr);display:grid}.globalTripActions button{justify-content:center;padding:0 5px}.globalTripActions button span{display:none}.storageFailureBanner{grid-template-columns:20px minmax(0,1fr) 44px!important}.storageFailureBanner>button:nth-last-child(2){grid-column:2/3;width:max-content}.storageFailureBanner>button:last-child{grid-area:1/3/3}.recordsCenterHead{padding-top:10px}.tripHistoryList article{grid-template-columns:1fr}.tripHistoryStatus{width:max-content}.tripHistoryList article>button{position:absolute;right:16px}}@media (width>=1100px){.globalTripBanner{margin-left:calc(var(--desktop-nav-width,96px) + 24px);margin-right:24px}.recordsCenter{max-width:980px}.recordsCenterTabs{max-width:480px}}.fishCatalogPage{gap:16px;padding-bottom:32px;display:grid}.catalogProgress{border:1px solid var(--line);background:var(--surface,#fff);border-radius:16px;padding:18px}.catalogProgress>div:first-child{color:var(--brand,#278b94);align-items:center;gap:10px;display:flex}.catalogProgress svg{width:22px;height:22px}.catalogProgress span{align-items:baseline;gap:8px;display:flex}.catalogProgress b{color:var(--ink,#122126);font:700 24px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.catalogProgress p{color:var(--muted,#66757a);margin:10px 0;font-size:13px;line-height:1.55}.catalogProgressBar{background:#e6eceb;border-radius:999px;overflow:hidden;height:6px!important}.catalogProgressBar i{border-radius:inherit;background:var(--brand,#278b94);height:100%;display:block}.catalogSearch{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:0 14px;display:flex}.catalogSearch:focus-within{border-color:var(--action,#3478f6);box-shadow:0 0 0 3px color-mix(in srgb,var(--action,#3478f6) 16%,transparent)}.catalogSearch svg{width:20px;color:var(--muted)}.catalogSearch input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:16px}.catalogFilters{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.catalogFilters button{white-space:nowrap;min-height:44px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;font-size:13px}.catalogFilters button.active{border-color:var(--brand);color:var(--ink);font-weight:700}.fishCatalogPage .catalogGrid{grid-template-columns:1fr;gap:8px;display:grid}.fishCatalogPage .catalogGrid>button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:16px;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:12px;min-height:72px;padding:12px;display:grid}.fishCatalogPage .catalogGrid>button:focus-visible{outline:3px solid color-mix(in srgb,var(--action,#3478f6) 35%,transparent);outline-offset:2px}.catalogSpeciesIcon{width:44px;height:44px;color:var(--brand);background:#edf7f7;border-radius:13px;place-items:center;display:grid}.catalogSpeciesIcon svg{width:22px}.fishCatalogPage .catalogGrid>button>span:nth-child(2){gap:5px;min-width:0;display:grid}.fishCatalogPage .catalogGrid b{color:var(--ink);font-size:16px}.fishCatalogPage .catalogGrid small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px;overflow:hidden}.catalogCaught{color:#1f9d73;width:20px}.catalogDetailBackdrop{z-index:5400;background:#0b22357a;justify-content:center;align-items:flex-end;padding-top:48px;display:flex;position:fixed;inset:0}.catalogDetail{width:min(680px,100%);max-height:calc(100dvh - 48px);padding:20px 18px calc(24px + env(safe-area-inset-bottom));background:#fff;border-radius:24px 24px 0 0;overflow:auto;box-shadow:0 -8px 40px #0b223526}.catalogDetail header{justify-content:space-between;gap:16px;display:flex}.catalogDetail header small{color:var(--brand);font-size:12px;font-weight:700}.catalogDetail h2{margin:4px 0;font-size:24px}.catalogDetail header p{color:var(--muted);margin:0;font-size:13px}.catalogDetail header button{background:#f0f3f3;border:0;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.catalogFacts{gap:10px;margin-top:20px;display:grid}.catalogFacts article{background:#f5f7f6;border-radius:14px;gap:12px;padding:14px;display:flex}.catalogFacts article>svg{width:20px;color:var(--brand);flex:none}.catalogFacts b{font-size:14px}.catalogFacts p,.catalogPersonal p,.catalogDisclaimer{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.6}.catalogFacts .warning{background:#fff4ef}.catalogFacts .warning>svg{color:#d84a3a}.catalogPersonal{border:1px solid var(--line);border-radius:14px;margin-top:16px;padding:16px}.catalogPersonal h3{margin:0;font-size:16px}.catalogDisclaimer{border-top:1px solid var(--line);padding-top:14px}@media (width>=768px){.fishCatalogPage .catalogGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogDetailBackdrop{align-items:center;padding:24px}.catalogDetail{border-radius:24px;max-height:min(760px,100dvh - 48px)}}.app[data-theme=深海夜色]{--color-canvas:#0b171d;--color-surface:#12252d;--color-surface-soft:#19323b;--color-text:#f1f7f7;--color-text-secondary:#b8c8cc;--color-brand-deep:#071319;--color-brand:#4db4bd;--color-action:#75a9ff;--color-line:#ddf1f31f;--color-line-strong:#ddf1f33d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app[data-theme=深海夜色] .personalSettings :is(.settingsCard,.favoriteSpotList article,.legalDocument,.aboutBrand,.themeChoices button,.segmentedSettings button,.settingsForm select,.compactButton){background:var(--color-surface)}.app[data-theme=深海夜色] .personalSettings :is(.legalDocument p,.aboutBoundaries p,.aboutSources p){color:#cedbdd}.app[data-theme=高对比]{--color-canvas:#fff;--color-surface:#fff;--color-surface-soft:#f1f3f4;--color-text:#071015;--color-text-secondary:#394a51;--color-brand:#005665;--color-action:#004fc4;--color-line:#07101533;--color-line-strong:#0710156b}:root[data-reduced-motion=true] *,:root[data-reduced-motion=true] :before,:root[data-reduced-motion=true] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (width>=768px){@layer system{.personalSettings{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;padding:8px 12px 40px}.personalSettingsIntro,.personalSettingsEmpty,.favoriteSpotList,.legalDocument,.aboutBrand,.personalSettings[data-settings-page=fishing-defaults] .settingsCard,.personalSettings[data-settings-page=appearance] .settingsCard:first-of-type{grid-column:1/-1}.legalDocument{padding:24px}}}@media (width<=430px){@layer system{.personalSettings{gap:12px}.personalSettingsIntro{grid-template-columns:42px minmax(0,1fr)}.personalSettingsIntro>span{border-radius:13px;width:42px;height:42px}.settingsCard,.favoriteSpotList article,.legalDocument,.aboutBrand{padding:14px}.settingsCardHeading{align-items:flex-start}.permissionRows article{grid-template-columns:30px minmax(0,1fr);grid-template-areas:"icon text""status action"}.permissionRows strong{justify-self:start}.permissionRows article>button{justify-self:end}.storageNumbers{flex-direction:column;align-items:flex-start;gap:4px}.localStorageBreakdownGrid{grid-template-columns:1fr}}}@media (prefers-reduced-motion:reduce){.settingsSwitch input,.settingsSwitch input:before{transition:none}}