:root{color-scheme:dark;--ink:#061118;--panel:rgba(8,26,35,.97);--panel-solid:#0a202a;--panel-soft:#102d38;--line:rgba(174,222,230,.18);--line-strong:rgba(174,222,230,.34);--text:#f1fbfc;--muted:#9bb5bd;--cyan:#26c6da;--cyan-soft:#a2eef6;--mint:#5bd6a5;--amber:#f6bb4a;--danger:#ff7e85;--shadow:0 20px 62px rgba(0,0,0,.42);--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body,html{width:100%;min-height:100%;margin:0;overflow:hidden;background:var(--ink);color:var(--text)}body{font-family:inherit;font-size:15px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a,button,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}:focus-visible{outline:3px solid var(--cyan-soft);outline-offset:2px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.product-shell{position:relative;width:100%;height:100svh;min-height:100dvh;overflow:hidden;background:var(--ink)}.map-canvas,.map-stage{position:absolute;inset:0}.map-canvas.maplibregl-map{position:absolute;inset:0;width:100%;height:100%}.map-deferred{background:radial-gradient(ellipse at 72% 32%,rgba(61,151,155,.42) 0 8%,transparent 9%),radial-gradient(ellipse at 55% 54%,rgba(35,112,127,.5) 0 16%,transparent 17%),radial-gradient(ellipse at 20% 73%,rgba(44,128,139,.35) 0 10%,transparent 11%),linear-gradient(145deg,#163943,#0b202a 52%,#102d35)}.map-canvas:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,11,16,.48),transparent 26%,transparent 66%,rgba(2,11,16,.46))}.map-state{position:absolute;z-index:5;top:50%;left:50%;width:min(340px,calc(100vw - 32px));min-height:64px;padding:14px 18px;border:1px solid var(--line);border-radius:16px;display:grid;place-items:center;transform:translate(-50%,-50%);text-align:center;color:var(--text);background:rgba(6,17,24,.94);box-shadow:var(--shadow)}.map-state-error{color:#ffd0d3;border-color:rgba(255,126,133,.42)}.map-state-deferred{top:26%;min-height:46px;padding:10px 14px;color:var(--muted);font-size:12px}.atlas-progress{position:absolute;z-index:7;top:0;left:0;width:38%;height:3px;background:var(--cyan);box-shadow:0 0 14px var(--cyan);animation:atlas-progress 1.1s ease-in-out infinite alternate}@keyframes atlas-progress{to{transform:translateX(165%)}}.maplibregl-ctrl-top-right{top:calc(var(--safe-top) + 84px);right:calc(var(--safe-right) + 8px)}.maplibregl-ctrl-group{border-radius:14px!important;overflow:hidden;box-shadow:var(--shadow)!important}.maplibregl-ctrl-group button{width:44px!important;height:44px!important}.maplibregl-ctrl-attrib{color:#15343e;font-size:10px}.app-header{position:absolute;z-index:12;top:calc(var(--safe-top) + 10px);left:calc(var(--safe-left) + 12px);right:calc(var(--safe-right) + 12px);display:grid;grid-template-columns:auto minmax(220px,620px) 48px;gap:9px;align-items:center;pointer-events:none}.app-header>*{pointer-events:auto}.brand-mark{height:48px;padding:0 16px 0 12px;border:1px solid var(--line);border-radius:15px;display:inline-flex;align-items:center;gap:9px;color:var(--text);font-weight:750;letter-spacing:-.02em;text-decoration:none;background:rgba(6,17,24,.94);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-mark svg{color:var(--cyan-soft)}.unified-search{height:48px;min-width:0;padding-left:14px;border:1px solid var(--line);border-radius:15px;display:flex;align-items:center;gap:9px;background:rgba(6,17,24,.94);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.unified-search>svg{flex:none;color:var(--cyan-soft)}.unified-search input{min-width:0;flex:1 1;height:44px;border:0;outline:0;color:var(--text);background:transparent}.unified-search input::placeholder{color:#84a4ad}.icon-button,.unified-search button{width:48px;height:48px;min-width:48px;padding:0;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;color:var(--text);background:rgba(8,26,35,.98)}.unified-search button{width:44px;height:44px;min-width:44px;border:0;border-radius:12px;color:var(--cyan-soft);background:transparent}.icon-button,.search-popover{box-shadow:var(--shadow)}.search-popover{position:absolute;z-index:17;top:calc(var(--safe-top) + 66px);left:max(calc(var(--safe-left) + 140px),12vw);width:min(620px,calc(100vw - 240px));max-height:min(56svh,520px);padding:7px;overflow:auto;border:1px solid var(--line);border-radius:16px;background:rgba(6,17,24,.985)}.search-popover button{width:100%;min-height:58px;padding:8px 10px;border:0;border-radius:11px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:9px;align-items:center;color:var(--text);text-align:left;background:transparent}.search-popover button:hover{background:rgba(38,198,218,.1)}.search-popover svg{color:var(--cyan)}.search-popover b,.search-popover small{display:block;overflow:hidden;text-overflow:ellipsis}.search-popover small{margin-top:2px;color:var(--muted)}.search-popover em{padding:3px 7px;border-radius:999px;color:var(--cyan-soft);font-size:11px;font-style:normal;background:rgba(38,198,218,.1)}.offline-banner{z-index:16;top:calc(var(--safe-top) + 67px);width:max-content;max-width:calc(100vw - 32px);min-height:38px;padding:8px 13px;border:1px solid rgba(246,187,74,.35);border-radius:12px;color:#ffe0a3;background:rgba(58,39,7,.94);box-shadow:var(--shadow)}.offline-banner,.status-toast{position:absolute;left:50%;display:flex;align-items:center;gap:8px;transform:translateX(-50%)}.status-toast{z-index:9;top:calc(var(--safe-top) + 68px);max-width:min(610px,calc(100vw - 180px));min-height:32px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;color:#d9edf1;font-size:12px;background:rgba(6,17,24,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.spinner{width:13px;height:13px;flex:none;border:2px solid rgba(162,238,246,.25);border-top:2px solid var(--cyan-soft);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.map-actions{position:absolute;z-index:11;top:calc(var(--safe-top) + 190px);left:calc(var(--safe-left) + 10px);display:grid;gap:8px}.map-actions button{width:46px;height:46px;padding:0;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;color:var(--text);background:rgba(6,17,24,.94);box-shadow:var(--shadow)}.map-actions button.active{color:#041c22;border-color:var(--cyan-soft);background:var(--cyan-soft)}.layers-panel{position:absolute;z-index:13;top:calc(var(--safe-top) + 190px);left:calc(var(--safe-left) + 66px);width:min(260px,calc(100vw - 84px));padding:14px;border:1px solid var(--line);border-radius:15px;background:rgba(6,17,24,.98);box-shadow:var(--shadow)}.layers-panel>b{display:block;margin-bottom:6px}.layers-panel label{min-height:44px;display:flex;align-items:center;gap:10px;color:#dcecef}.layers-panel input{width:20px;height:20px;accent-color:var(--cyan)}.fish-map-legend{position:absolute;z-index:11;right:calc(var(--safe-right) + 66px);bottom:calc(var(--safe-bottom) + 98px);width:min(260px,calc(100vw - 84px));padding:11px 12px;border:1px solid rgba(246,187,74,.34);border-radius:14px;color:#f3fbfc;background:rgba(6,17,24,.94);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.fish-map-legend b{display:flex;align-items:center;gap:7px;color:#ffd98c;font-size:12px}.fish-map-legend small,.fish-map-legend span{display:block;margin-top:5px;color:#c9dce0;font-size:10px;line-height:1.35}.fish-map-legend span i{display:inline-block;width:18px;height:8px;margin-right:4px;border-radius:50%;vertical-align:1px;background:rgba(255,124,114,.6);filter:blur(2px)}.fish-map-legend small{color:#ffe0a3}.bottom-sheet{position:absolute;z-index:14;left:calc(var(--safe-left) + 16px);bottom:calc(var(--safe-bottom) + 16px);width:min(540px,calc(100vw - var(--safe-left) - var(--safe-right) - 32px));border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:height .26s ease}.bottom-sheet[data-state=collapsed]{height:112px}.bottom-sheet[data-state=half]{height:min(58svh,610px)}.bottom-sheet[data-state=full]{height:calc(100svh - var(--safe-top) - var(--safe-bottom) - 28px)}.sheet-handle{width:100%;height:28px;min-height:28px;padding:0;border:0;display:grid;place-items:center;background:transparent;touch-action:pan-y}.sheet-handle>span:first-child{width:46px;height:4px;border-radius:99px;background:#52727b}.sheet-title{min-height:66px;padding:2px 17px 10px;display:grid;grid-template-columns:minmax(0,1fr) auto 44px;gap:9px;align-items:center}.sheet-title small{color:var(--cyan-soft);font-size:10px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.sheet-title h1{margin:3px 0 0;overflow:hidden;color:var(--text);font-size:clamp(20px,2.2vw,27px);line-height:1.07;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}.coverage-badge{min-width:34px;min-height:34px;padding:6px 9px;border:1px solid rgba(91,214,165,.35);border-radius:999px;display:grid;place-items:center;color:#9bf3cf;font-weight:800;background:rgba(91,214,165,.1)}.sheet-chevron{width:44px;height:44px;padding:0;border:0;border-radius:12px;display:grid;place-items:center;color:var(--muted);background:rgba(255,255,255,.035)}.sheet-scroll{height:calc(100% - 94px);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#41616a transparent}.bottom-sheet[data-state=collapsed] .sheet-scroll{display:none}.panel-content{padding:5px 18px calc(26px + var(--safe-bottom))}.panel-intro{margin-bottom:14px;padding:13px;border:1px solid var(--line);border-radius:15px;display:flex;gap:11px;color:var(--cyan-soft);background:rgba(38,198,218,.07)}.panel-intro>div{min-width:0}.panel-intro b,.panel-intro span{display:block}.panel-intro b{color:var(--text)}.panel-intro span{margin-top:3px;color:var(--muted);line-height:1.35}.radar-form{display:grid;gap:13px}.radar-form fieldset,.radar-form>label,.session-actions label{margin:0;padding:0;border:0;display:grid;gap:6px;color:var(--muted);font-size:12px}.radar-form input[type=date],.radar-form input[type=time],.radar-form select,.session-actions input{width:100%;height:46px;min-width:0;padding:0 12px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:var(--panel-soft)}.radar-form option{color:#10242b;background:#fff}.radar-form legend{margin-bottom:6px;color:var(--muted);font-size:12px}.segmented{min-height:46px;padding:3px;border:1px solid var(--line);border-radius:13px;display:grid;grid-template-columns:1fr 1fr;background:rgba(255,255,255,.025)}.segmented button{min-height:40px;border:0;border-radius:10px;color:var(--muted);background:transparent}.segmented button.active{color:#062027;font-weight:750;background:var(--cyan-soft)}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-pair label{display:grid;gap:6px;color:var(--muted);font-size:12px}.range-field{display:grid!important;gap:8px!important}.range-field>span{display:flex;justify-content:space-between;gap:10px;color:var(--text);font-size:13px}.range-field output{color:var(--cyan-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.range-field input[type=range]{width:100%;height:30px;margin:0;accent-color:var(--cyan);cursor:ew-resize}.origin-row{min-height:64px;padding:10px 9px 10px 12px;border:1px solid var(--line);border-radius:13px;display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:9px;align-items:center;background:rgba(255,255,255,.025)}.origin-row>svg{color:var(--cyan)}.origin-row b,.origin-row small{display:block}.origin-row small{margin-top:3px;color:var(--muted);line-height:1.25}.origin-row button{min-width:56px;min-height:44px;border:1px solid var(--line-strong);border-radius:11px;color:var(--cyan-soft);background:transparent}.origin-actions{display:flex;gap:6px}@media (max-width:359px){.origin-row{grid-template-columns:20px minmax(0,1fr)}.origin-actions{grid-column:2}.origin-actions button{flex:1 1}}.position-actions button,.primary-action,.quiet-danger,.secondary-action,.session-actions button{min-height:48px;padding:0 15px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750}.primary-action{border:0;color:#042027;background:linear-gradient(135deg,var(--cyan-soft),var(--cyan))}.position-actions button,.secondary-action,.session-actions button{border:1px solid var(--line-strong);color:var(--text);background:var(--panel-soft)}.quiet-danger{width:100%;margin-top:9px;border:0;color:#ffc0c4;background:transparent}.radar-results{margin-top:24px;display:grid;gap:11px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading small{color:var(--cyan-soft);font-size:10px;font-weight:750;letter-spacing:.1em}.section-heading h2{margin:3px 0 0;font-size:19px;letter-spacing:-.025em}.section-heading>span{min-width:30px;height:30px;padding:0 9px;border-radius:999px;display:grid;place-items:center;color:var(--cyan-soft);background:rgba(38,198,218,.1)}.radar-card{position:relative;padding:16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(21,51,62,.82),rgba(9,27,36,.9))}.rank{position:absolute;top:13px;left:13px;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#042027;font-weight:850;background:var(--cyan-soft)}.radar-card-title{min-height:33px;padding-left:38px;display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.radar-card h3,.radar-card p{margin:0}.radar-card h3{font-size:17px;line-height:1.2}.radar-card-title p{margin-top:3px;color:var(--muted);font-size:12px}.radar-card-title strong{color:var(--cyan-soft);white-space:nowrap}.target-line{margin:13px 0!important;color:#d9edf1}.radar-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.radar-metrics span{min-height:55px;padding:9px;border-radius:11px;background:rgba(255,255,255,.035)}.radar-metrics b,.radar-metrics small{display:block}.radar-metrics small{color:var(--muted);font-size:10px;text-transform:uppercase}.radar-metrics b{margin-top:3px;font-size:13px}.why{margin:12px 0;padding:11px;border-left:3px solid var(--amber);border-radius:0 10px 10px 0;background:rgba(246,187,74,.06)}.why b{color:#ffd98c;font-size:11px;text-transform:uppercase}.why p{margin:3px 0 9px;color:#d6e7ea;line-height:1.35}.why p:last-child{margin-bottom:0}.card-meta{margin-bottom:12px;display:flex;flex-wrap:wrap;gap:6px}.card-meta span{padding:5px 7px;border-radius:7px;color:var(--muted);font-size:11px;background:rgba(255,255,255,.04)}.radar-card .secondary-action{width:100%}.mode-switch{margin-bottom:14px;min-height:44px;padding:3px;border:1px solid var(--line);border-radius:13px;display:grid;grid-template-columns:repeat(3,1fr)}.mode-switch button{min-height:40px;border:0;border-radius:10px;color:var(--muted);background:transparent}.mode-switch button.active{color:#061b22;font-weight:750;background:var(--cyan-soft)}.twin-summary{margin-bottom:14px;padding:15px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.eyebrow{color:var(--cyan-soft);font-size:10px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.twin-summary h2{margin:5px 0 4px;font-size:20px}.twin-summary p{margin:0;color:var(--muted)}.confidence-pill{display:inline-flex;min-height:28px;margin-top:10px;padding:5px 9px;border:1px solid rgba(246,187,74,.3);border-radius:999px;color:#ffe0a3;font-size:12px;background:rgba(246,187,74,.08)}.time-model{margin-bottom:14px;padding:15px;border:1px solid rgba(38,198,218,.22);border-radius:16px;background:linear-gradient(145deg,rgba(38,198,218,.09),rgba(255,255,255,.02))}.time-model>label{display:flex;justify-content:space-between;align-items:end;gap:10px}.time-model label b,.time-model label span{display:block}.time-model label span{color:var(--muted);font-size:11px}.time-model output{color:var(--cyan-soft);font-size:24px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.time-model input{width:100%;height:34px;margin:7px 0 0;accent-color:var(--cyan)}.time-scale{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.forecast-grid{margin:12px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.forecast-grid span{min-height:56px;padding:9px;border-radius:11px;background:rgba(255,255,255,.04)}.forecast-grid b,.forecast-grid small{display:block}.forecast-grid small{color:var(--muted);font-size:10px}.forecast-grid b{margin-top:4px;font-size:13px}.weather-state{min-height:44px;padding:8px 10px;border:1px solid rgba(246,187,74,.25);border-radius:11px;display:flex;align-items:center;gap:8px;color:#ffe0a3;font-size:12px}.fish-toggle{min-height:66px;margin:12px 0;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:start}.fish-toggle input{width:22px;height:22px;margin:3px;accent-color:var(--cyan)}.fish-toggle b,.fish-toggle small{display:block}.fish-toggle small{margin-top:4px;color:var(--muted);line-height:1.35}.fish-toggle small:before{content:"◖◗ ";color:var(--amber)}.zone-list{margin:16px 0;display:grid;gap:8px}.zone-list article{padding:10px;border:1px dashed rgba(246,187,74,.42);border-radius:13px;display:grid;grid-template-columns:28px 1fr;gap:9px;background:rgba(246,187,74,.055)}.zone-list article>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;color:#2b1a00;font-weight:800;background:var(--amber)}.zone-list p{margin:4px 0;color:#d7e7ea;line-height:1.35}.zone-list small{color:var(--muted)}.factor-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.expert-card,.factor-grid article,.legal-card{padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.expert-card p,.factor-grid p,.legal-card p{margin:7px 0;color:var(--muted);line-height:1.4}.expert-card,.legal-card{margin-top:12px;display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px}.expert-card>svg,.legal-card>svg{color:var(--mint)}.inline-loading{min-height:76px;display:grid;place-items:center;color:var(--muted)}.cast-builder{margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.position-actions{margin:12px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.position-actions button{min-height:52px;padding:7px 10px;font-size:13px}.gps-state{min-height:42px;margin-bottom:11px;padding:8px 10px;border-radius:11px;display:flex;align-items:center;color:var(--muted);font-size:12px;background:rgba(255,255,255,.035)}.status-dot{width:8px;height:8px;margin-right:8px;border-radius:50%;flex:none;background:#718990}.status-dot.ready{background:var(--mint);box-shadow:0 0 0 5px rgba(91,214,165,.11)}.status-dot.requesting{background:var(--amber);animation:pulse 1s infinite alternate}.status-dot.denied,.status-dot.error{background:var(--danger)}@keyframes pulse{to{opacity:.35}}.cast-builder>.primary-action{width:100%;margin-top:8px}.cast-results{margin-top:15px;display:grid;gap:9px}.data-level{padding:12px;border:1px solid rgba(91,214,165,.25);border-radius:13px;background:rgba(91,214,165,.07)}.data-level b,.data-level small,.data-level span{display:block}.data-level span{margin-top:3px;color:#c9ebe0}.data-level small{margin-top:3px;color:var(--muted)}.cast-results article{padding:13px;border:1px solid var(--line);border-radius:15px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;background:rgba(255,255,255,.025)}.cast-results article>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#042027;font-weight:850;background:var(--cyan-soft)}.cast-results h3,.cast-results p{margin:0}.cast-results dl{margin:9px 0;display:grid;gap:5px}.cast-results dl>div{display:grid;grid-template-columns:minmax(98px,auto) minmax(0,1fr);column-gap:12px}.cast-results dt{color:var(--muted)}.cast-results dd{margin:0;color:var(--text)}.cast-results article small{display:block;margin-top:6px;color:var(--muted)}.disclaimer{min-height:44px;padding:9px;border:1px dashed var(--line-strong);border-radius:11px;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.legal-card small{display:block;margin-top:4px;color:var(--muted)}.empty-panel{min-height:250px;padding:24px 9px;display:grid;justify-items:center;align-content:center;text-align:center}.empty-panel.compact{min-height:190px}.empty-panel>svg{color:var(--cyan)}.empty-panel h2{margin:10px 0 5px;font-size:20px}.empty-panel p{max-width:410px;margin:0 0 15px;color:var(--muted);line-height:1.45}.live-session{padding:14px;border:1px solid rgba(91,214,165,.26);border-radius:16px;display:grid;grid-template-columns:12px 1fr;gap:10px;background:rgba(91,214,165,.07)}.live-pulse{width:9px;height:9px;margin-top:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 6px rgba(91,214,165,.11)}.live-session small{color:#9bf3cf;font-weight:750;letter-spacing:.08em}.live-session h2{margin:4px 0}.live-session p{margin:0;color:var(--muted)}.session-actions{margin:13px 0;display:grid;grid-template-columns:1fr 120px;gap:9px;align-items:end}.session-stats{margin:10px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.session-stats span{min-height:78px;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;align-content:center;background:rgba(255,255,255,.025)}.session-stats b{color:var(--cyan-soft);font-size:27px}.session-stats small{color:var(--muted)}.fishing-panel>.secondary-action{width:100%}.journal-list{display:grid;gap:8px}.journal-list article{min-height:72px;padding:10px;border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;background:rgba(255,255,255,.025)}.journal-list article>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:850}.journal-list .caught{color:#073124;background:var(--mint)}.journal-list .zero{color:#ffe0a3;background:rgba(246,187,74,.12)}.journal-list h3,.journal-list p{margin:0}.journal-list p,.journal-list small{color:var(--muted)}.journal-list p{margin:3px 0}.main-navigation{position:absolute;z-index:15;right:calc(var(--safe-right) + 16px);bottom:calc(var(--safe-bottom) + 16px);width:min(430px,calc(100vw - 590px));min-width:360px;height:66px;padding:5px;border:1px solid var(--line);border-radius:19px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(6,17,24,.97);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.main-navigation button{position:relative;min-width:64px;min-height:54px;padding:4px;border:0;border-radius:14px;display:grid;justify-items:center;align-content:center;gap:2px;color:var(--muted);background:transparent}.main-navigation button.active{color:var(--cyan-soft);background:rgba(38,198,218,.11)}.main-navigation button span{font-size:11px}.main-navigation button i{position:absolute;top:7px;right:20%;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(91,214,165,.1)}@media (max-width:820px){.app-header{top:calc(var(--safe-top) + 7px);left:calc(var(--safe-left) + 8px);right:calc(var(--safe-right) + 8px);grid-template-columns:minmax(0,1fr) 48px}.brand-mark{display:none}.search-popover{left:calc(var(--safe-left) + 8px);width:calc(100vw - var(--safe-left) - var(--safe-right) - 64px)}.search-popover,.status-toast{top:calc(var(--safe-top) + 62px)}.status-toast{max-width:calc(100vw - var(--safe-left) - var(--safe-right) - 24px)}.offline-banner{top:calc(var(--safe-top) + 62px);font-size:12px}.maplibregl-ctrl-top-right{top:calc(var(--safe-top) + 104px);right:calc(var(--safe-right) + 3px)}.map-actions{left:calc(var(--safe-left) + 7px)}.layers-panel,.map-actions{top:calc(var(--safe-top) + 116px)}.layers-panel{left:calc(var(--safe-left) + 61px)}.fish-map-legend{right:calc(var(--safe-right) + 7px);bottom:calc(174px + var(--safe-bottom))}.bottom-sheet{left:var(--safe-left);bottom:calc(64px + var(--safe-bottom));width:calc(100vw - var(--safe-left) - var(--safe-right));border-width:1px 0 0;border-radius:23px 23px 0 0}.bottom-sheet[data-state=collapsed]{height:104px}.bottom-sheet[data-state=half]{height:min(52svh,520px)}.bottom-sheet[data-state=full]{height:calc(100svh - var(--safe-top) - var(--safe-bottom) - 68px)}.main-navigation{left:var(--safe-left);right:var(--safe-right);bottom:0;width:auto;min-width:0;height:calc(64px + var(--safe-bottom));padding:4px 4px var(--safe-bottom);border-width:1px 0 0;border-radius:0}.main-navigation button{min-width:44px;min-height:56px}.panel-content{padding-left:14px;padding-right:14px}}@media (max-width:360px){.app-header{grid-template-columns:minmax(0,1fr) 44px;gap:6px}.icon-button,.unified-search{height:44px}.icon-button{width:44px;min-width:44px}.status-toast{font-size:11px}.factor-grid,.form-pair,.position-actions,.radar-metrics{grid-template-columns:1fr}.forecast-grid{grid-template-columns:1fr 1fr}.fish-map-legend{left:calc(var(--safe-left) + 7px);right:auto;width:min(230px,calc(100vw - 74px))}.sheet-title{padding-left:13px;padding-right:10px}.panel-content{padding-left:12px;padding-right:12px}.main-navigation button span{font-size:10px}}@media (orientation:landscape) and (max-height:620px) and (max-width:1000px){.main-navigation{top:var(--safe-top);bottom:var(--safe-bottom);left:var(--safe-left);right:auto;width:calc(70px + var(--safe-left));height:auto;padding:6px 5px 6px var(--safe-left);border-width:0 1px 0 0;grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}.main-navigation button{min-height:44px}.app-header,.search-popover{left:calc(var(--safe-left) + 78px)}.search-popover{width:min(520px,calc(100vw - var(--safe-left) - var(--safe-right) - 142px))}.bottom-sheet{top:calc(var(--safe-top) + 63px);right:var(--safe-right);bottom:var(--safe-bottom);left:auto;width:min(48vw,470px);height:auto!important;border-width:1px 0 0 1px;border-radius:22px 0 0 0}.bottom-sheet[data-state=collapsed]{top:auto;height:104px!important}.maplibregl-ctrl-top-right{top:calc(var(--safe-top) + 62px)}.map-actions{left:calc(var(--safe-left) + 82px)}.layers-panel,.map-actions{top:calc(var(--safe-top) + 74px)}.layers-panel{left:calc(var(--safe-left) + 136px)}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (forced-colors:active){.app-header>*,.bottom-sheet,.main-navigation,.radar-card{-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid CanvasText}}