:root{--bg:#050e16;--panel:#08131c;--panel-2:#0d1d26;--text-strong:#eef5fb;--text:#b6c5cf;--muted:#728795;--lime:#d8f04b;--lime-deep:#9bb714;--gold:#f4cc59;--border:#dbe8f124;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--heading:"Arial Narrow", "Roboto Condensed", Impact, ui-sans-serif, system-ui, sans-serif;font-family:var(--sans);color:var(--text);background:radial-gradient(circle at 82% 8%, #d8f04b14, transparent 28rem), linear-gradient(180deg, #06121c 0%, var(--bg) 42%, #031017 100%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{min-width:320px;min-height:100svh;margin:0}body:before{content:"";z-index:-1;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}h1,h2,h3,h4{font-family:var(--heading);letter-spacing:0}img{max-width:100%}button,input{font-family:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:2px}::selection{color:#07121a;background:var(--lime)}.pwa-stage{place-items:center;width:100%;min-height:100svh;padding:18px;display:grid;overflow-x:hidden}.phone-grid{grid-template-columns:repeat(3,minmax(330px,1fr));align-items:start;gap:28px;width:min(1510px,100%);display:grid}.phone-frame{background:linear-gradient(#071520d1,#050e16f0),radial-gradient(circle at 50% -10%,#d8f04b1f,#0000 28%),#06131d;border:2px solid #bed1df42;border-radius:26px;height:min(94svh,900px);min-height:780px;position:relative;overflow:hidden;box-shadow:0 32px 90px #00000075}.home-screen,.catalog-screen,.detail-screen{scrollbar-width:none;overflow-y:auto}.home-screen::-webkit-scrollbar{display:none}.catalog-screen::-webkit-scrollbar{display:none}.detail-screen::-webkit-scrollbar{display:none}.catalog-list::-webkit-scrollbar{display:none}.detail-body::-webkit-scrollbar{display:none}.phone-frame:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#040d1400 0 68%,#06131d 100%),radial-gradient(at 50% 0,#3a7ea747,#0000 38%),linear-gradient(#ffffff09 1px,#0000 1px) 0 0/36px 36px,linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/36px 36px;position:absolute;inset:0}.phone-frame>*{z-index:1;position:relative}button,input{font:inherit}button{cursor:pointer;border:0}.round-button{width:46px;height:46px;color:var(--text-strong);background:#0d1c27c7;border:1px solid #dbe8f12e;border-radius:999px;place-items:center;display:inline-grid}.home-header,.catalog-header,.detail-top{align-items:center;display:flex}.home-header{justify-content:space-between;padding:2px 28px 8px}.home-header img,.catalog-header img{object-fit:contain;object-position:left center;filter:drop-shadow(0 16px 18px #00000080)drop-shadow(0 0 16px #d8f04b21);width:148px;height:86px}.home-hero{grid-template-columns:1fr auto;align-items:end;gap:16px;padding:0 28px 18px;display:grid}.home-hero h1{color:var(--text-strong);letter-spacing:0;margin:0;font-size:28px;line-height:1.06}.home-hero h1 span{color:var(--lime);display:block}.outline-action{border:1px solid var(--lime);min-height:42px;color:var(--lime);white-space:nowrap;background:#d8f04b14;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.metric-duo{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 28px 22px;display:grid}.metric-duo div,.metric-duo button{text-align:left;background:#10202bc2;border:1px solid #dbe8f133;border-radius:8px;min-height:112px;padding:18px}.metric-duo svg{color:var(--lime)}.metric-duo strong{color:var(--lime);margin-top:8px;font-size:44px;line-height:.84;display:block}.metric-duo span{color:var(--text-strong);margin-top:6px;font-size:14px;line-height:1.2;display:block}.section-block{padding:0 28px 22px}.home-screen .section-block:last-of-type{padding-bottom:118px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-heading h2,.catalog-title h2{color:var(--text-strong);margin:0;font-size:20px}.section-heading button{color:var(--lime);background:0 0;font-size:12px;font-weight:900}.region-cards{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.region-cards button{min-height:92px;color:var(--text-strong);background:#091822b8;border:1px solid #dbe8f138;border-radius:8px;padding:8px;font-size:11px;line-height:1.15}.region-cards button.selected{border-color:var(--lime);color:var(--lime)}.region-cards span{color:var(--lime);margin-bottom:8px;font-size:25px;display:block}.hero-fish-card{width:100%;min-height:156px;color:var(--text-strong);text-align:left;background:#0c1c28bd;border:1px solid #dbe8f13d;border-radius:8px;grid-template-columns:48% 1fr 20px;align-items:center;gap:12px;padding:10px 12px 10px 0;display:grid;position:relative;overflow:hidden}.hero-fish-card img{object-fit:cover;object-position:center 68%;width:100%;height:138px}.hero-fish-card strong,.catalog-card strong{color:var(--text-strong);font-size:20px;line-height:1.1;display:block}.hero-fish-card em,.catalog-card em,.detail-body em{color:var(--text-strong);opacity:.86;font-size:13px;display:block}.hero-fish-card span,.catalog-card small{width:fit-content;color:var(--text-strong);border:1px solid #dbe8f133;border-radius:999px;margin-top:8px;padding:4px 8px;font-size:11px;display:inline-flex}.hero-fish-card small,.bait-label{color:var(--muted);margin-top:12px;font-size:12px;display:block}.hero-fish-card b,.bait-label b{color:var(--lime);font-size:16px;line-height:1.05;display:block}.pager-dots{justify-content:center;gap:10px;margin-top:14px;display:flex}.pager-dots span{background:#dbe8f140;border-radius:999px;width:10px;height:10px}.pager-dots span:first-child{background:var(--lime)}.bottom-nav{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#081620eb;border:1px solid #dbe8f133;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px;display:grid;position:absolute;bottom:20px;left:18px;right:18px}.bottom-nav button{min-width:0;color:var(--text);background:0 0;border-radius:8px;justify-items:center;gap:4px;padding:8px 2px;font-size:11px;font-weight:800;display:grid}.bottom-nav button.active{color:var(--lime);background:#d8f04b1a}.catalog-header{justify-content:center;padding:4px 24px 10px}.catalog-header img{width:168px}.search-line{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:0 24px 14px;display:grid}.search-line label,.search-line button{min-height:50px;color:var(--text);background:#0b1a26d6;border:1px solid #dbe8f138;border-radius:8px}.search-line label{align-items:center;gap:10px;padding:0 13px;display:flex}.search-line button{color:var(--lime)}.clear-filter-button{justify-content:center;align-items:center;gap:6px;min-width:86px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.search-line input{width:100%;min-width:0;color:var(--text-strong);background:0 0;border:0;outline:0;font-size:14px}.chip-row{overscroll-behavior-x:contain;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:9px;width:100%;max-width:100%;padding:0 24px 16px;display:flex;overflow:auto hidden}.chip-row::-webkit-scrollbar{display:none}.chip-row button{min-height:36px;color:var(--text-strong);background:#091822b8;border:1px solid #dbe8f133;border-radius:999px;flex:none;padding:0 15px;font-size:13px}.chip-row button.selected{border-color:var(--lime);color:var(--lime)}.catalog-title{padding:0 24px 12px}.catalog-title span{color:var(--muted);font-weight:500}.catalog-list{scrollbar-width:none;height:calc(100% - 250px);padding:0 18px 112px;overflow:auto}.summary-list{scrollbar-width:none;height:calc(100% - 250px);padding:0 20px 112px;overflow:auto}.summary-list::-webkit-scrollbar{display:none}.summary-row{width:100%;min-height:37px;color:var(--text-strong);text-align:left;background:0 0;border:0;border-radius:0;grid-template-columns:42px minmax(0,auto) minmax(20px,1fr) 32px;align-items:center;gap:9px;display:grid}.summary-row:active,.summary-row:hover{color:var(--lime)}.summary-number,.summary-page{color:var(--gold);font-family:var(--heading);font-size:19px;font-weight:900;line-height:1}.summary-page{justify-self:end;font-size:16px}.summary-name{min-width:0;color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:17px;line-height:1.1;overflow:hidden}.summary-dots{border-bottom:1px dotted #7497b07a;align-self:end;min-width:18px;height:1px;margin-bottom:10px}.page-title{padding-top:8px}.page-title p{max-width:360px;color:var(--text);margin:8px 0 0;font-size:13px;line-height:1.4}.page-list{scrollbar-width:none;height:calc(100% - 182px);padding:0 18px 112px;overflow:auto}.page-list::-webkit-scrollbar{display:none}.region-page-card,.bait-page-card,.favorite-card{background:#0c1c28cc;border:1px solid #dbe8f133;border-radius:8px;margin-bottom:10px}.region-page-card,.bait-page-card{width:100%;color:var(--text);text-align:left;grid-template-columns:58px minmax(0,1fr) 22px;align-items:center;gap:12px;padding:14px;display:grid}.region-icon{width:50px;height:50px;color:var(--lime);background:#d8f04b14;border:1px solid #d8f04b6b;border-radius:8px;place-items:center;font-size:25px;display:grid}.region-page-card strong,.bait-page-card strong,.favorite-card strong{color:var(--text-strong);font-size:17px;line-height:1.15;display:block}.region-page-card small,.bait-page-card small,.favorite-card small{color:var(--lime);margin-top:4px;font-size:12px;font-weight:800;display:block}.region-page-card em,.bait-page-card em{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:12px;line-height:1.25;display:-webkit-box;overflow:hidden}.bait-page-card i{width:fit-content;color:var(--text-strong);border:1px solid #d8f04b47;border-radius:999px;margin-top:8px;padding:4px 8px;font-size:10px;font-style:normal;font-weight:900;line-height:1;display:inline-flex}.bait-page-card{grid-template-columns:86px minmax(0,1fr) 22px;padding:0 12px 0 0;overflow:hidden}.bait-page-card img,.favorite-card img{object-fit:cover;object-position:center;width:100%;height:94px}.favorite-card{grid-template-columns:minmax(0,1fr) 48px;align-items:center;display:grid;overflow:hidden}.favorite-card>button:first-child{min-width:0;color:var(--text);text-align:left;background:0 0;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px;display:grid}.heart-action{width:42px;height:42px;color:var(--lime);background:#d8f04b14;border-radius:999px;place-items:center;display:grid}.empty-state{color:var(--text);text-align:center;justify-items:center;gap:10px;padding:48px 28px;display:grid}.empty-state svg{color:var(--lime)}.empty-state h3{color:var(--text-strong);margin:0;font-size:20px}.empty-state p{margin:0;font-size:14px;line-height:1.4}.primary-action{background:var(--lime);color:#051016;border-radius:8px;min-height:42px;padding:0 16px;font-weight:900}.catalog-card{width:100%;min-height:104px;color:var(--text);text-align:left;background:#0c1c28cc;border:1px solid #dbe8f133;border-radius:8px;grid-template-columns:30% minmax(0,1fr) 72px 16px;align-items:center;gap:10px;margin-bottom:9px;padding:0 12px 0 0;display:grid;overflow:hidden}.catalog-card.active{border-color:#d8f04bad;box-shadow:inset 0 0 0 1px #d8f04b29}.catalog-card img{object-fit:cover;object-position:center 62%;width:100%;height:104px}.catalog-copy{min-width:0}.fish-number{width:fit-content;color:var(--lime);border:1px solid #d8f04b80;border-radius:999px;margin-bottom:5px;padding:3px 7px;font-size:10px;font-weight:900;line-height:1;display:inline-flex}.catalog-card strong,.catalog-card em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.catalog-card strong{font-size:18px}.bait-label{margin:0;font-size:10px}.bait-label b{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;line-height:1.08;display:-webkit-box;overflow:hidden}.detail-top{color:var(--text-strong);justify-content:space-between;padding:2px 24px 0}.detail-top>strong{font-size:16px}.detail-top span{align-items:center;gap:12px;display:flex}.detail-top span button{color:var(--lime);background:0 0}.detail-hero{height:292px;position:relative;overflow:hidden}.detail-hero:after{content:"";background:linear-gradient(#050e1600,#06131d);height:42%;position:absolute;inset:auto 0 0}.detail-hero img{object-fit:cover;object-position:center 68%;width:100%;height:100%}.detail-body{scrollbar-width:none;height:calc(100% - 330px);padding:0 24px 112px;overflow:auto}.detail-body h2{color:var(--text-strong);margin:-34px 0 2px;font-size:30px;line-height:1}.detail-chips{flex-wrap:wrap;gap:8px;margin:12px 0 14px;display:flex}.detail-chips span{border:1px solid var(--lime);color:var(--lime);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800}.detail-body p{color:var(--text);margin:0;font-size:14px;line-height:1.45}.info-strip{background:#dbe8f11a;border:1px solid #dbe8f129;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:1px;margin:16px 0;display:grid;overflow:hidden}.info-strip span{background:#10202bd6;min-height:86px;padding:14px}.info-strip small{color:var(--muted);font-size:12px;display:block}.info-strip strong{color:var(--text-strong);margin-top:4px;font-size:13px;line-height:1.25;display:block}.detail-tabs{border-bottom:1px solid #dbe8f133;grid-template-columns:repeat(3,1fr);margin-bottom:14px;display:grid}.detail-tabs button{min-height:42px;color:var(--text);background:0 0;border-bottom:2px solid #0000;font-weight:800}.detail-tabs button.selected{border-color:var(--lime);color:var(--text-strong)}.recipe-panel h3{color:var(--text-strong);margin:0 0 6px;font-size:22px;line-height:1.05}.recipe-panel h4{color:var(--text-strong);margin:18px 0 10px;font-size:14px}.ingredient-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;display:grid}.ingredient-grid span{color:var(--text);align-items:flex-start;gap:8px;font-size:13px;line-height:1.25;display:flex}.ingredient-grid svg{color:var(--lime);flex:none}.step-list p{grid-template-columns:26px minmax(0,1fr);gap:8px;margin-bottom:10px;display:grid}.step-list b{background:var(--lime);color:#051016;border-radius:999px;place-items:center;width:22px;height:22px;font-size:12px;display:inline-grid}.pro-card{background:#d8f04b12;border:1px solid #d8f04b33;border-radius:8px;grid-template-columns:24px 1fr;gap:8px;margin-top:18px;padding:14px;display:grid}.pro-card svg{color:var(--gold)}.offline-note{background:#d8f04b14;border:1px solid #d8f04b38;border-radius:8px;margin-top:14px;padding:12px;font-weight:800;color:var(--lime)!important}.credit-link{color:var(--muted);margin-top:16px;font-size:11px;text-decoration:none;display:block}@media (width<=1180px){.phone-grid{grid-template-columns:minmax(330px,430px);justify-content:center}.phone-frame:not(.mobile-active){display:none}.phone-frame{height:94svh;min-height:760px}}@media (width<=640px){.pwa-stage{width:100vw;padding:0}.phone-grid{width:100vw;min-width:0;max-width:100vw;display:block;overflow:hidden}.phone-frame{border:0;border-radius:0;width:100vw;max-width:100vw;height:100svh;min-height:100svh}.chip-row{width:calc(100vw + 24px);max-width:calc(100vw + 24px);margin-right:-24px;padding-right:36px}.catalog-list{height:auto;padding-bottom:124px;overflow:visible}.summary-list{height:auto;padding:0 18px 124px;overflow:visible}.summary-row{grid-template-columns:38px minmax(0,auto) minmax(18px,1fr) 28px;gap:7px;min-height:40px}.summary-name{font-size:16px}.summary-number{font-size:18px}.page-list{height:auto;padding-bottom:124px;overflow:visible}.bottom-nav{position:fixed;bottom:18px;left:18px;right:18px}.catalog-card{grid-template-columns:28% minmax(0,1fr) 66px 16px;min-height:112px}.catalog-card img{height:112px}.bait-label{font-size:10px}.bait-label b{font-size:12px}}