*{margin:0;padding:0;box-sizing:border-box} :root{--primary:#0277bd;--primary-light:#4fc3f7;--primary-bg:rgba(2,119,189,0.06);--accent:#ff8f00;--surface:#ffffff;--surface-alt:#f8fafb;--text:#1a2332;--text-secondary:#5f6b7a;--border:rgba(0,0,0,0.08);--shadow:0 1px 3px rgba(0,0,0,0.06),0 4px 12px rgba(0,0,0,0.04);--shadow-hover:0 4px 20px rgba(0,0,0,0.1);--radius:12px;--radius-sm:8px;--radius-lg:16px;--font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif} body{font-family:var(--font);color:var(--text);min-height:100vh;background:var(--surface-alt);position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased}.nav{background:var(--surface);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border);box-shadow:0 1px 3px rgba(0,0,0,0.04)} .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:6px;padding:8px 20px;flex-wrap:wrap} .nav-logo{font-size:1.3em;font-weight:800;color:var(--primary);white-space:nowrap;margin-right:12px;letter-spacing:-0.02em} .nav-logo span{color:var(--accent)} .nav-group{display:flex;align-items:center;gap:4px;flex-wrap:wrap} .nav-separator{width:1px;height:24px;background:var(--border);margin:0 4px} .nav-btn{padding:7px 14px;background:transparent;border:1px solid transparent;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:0.82em;font-weight:500;transition:all 0.2s;white-space:nowrap;font-family:var(--font)} .nav-btn:hover{background:var(--primary-bg);color:var(--primary);border-color:rgba(2,119,189,0.15)} .nav-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)} .nav-toggle{display:none;padding:8px 12px;background:var(--primary-bg);border:1px solid var(--border);color:var(--primary);border-radius:var(--radius-sm);cursor:pointer;font-size:1.1em}.container{max-width:1200px;margin:0 auto;padding:24px 20px 80px} .page{display:none}.page.active{display:block} h1{color:var(--primary);font-size:1.8em;font-weight:800;margin:16px 0 20px;letter-spacing:-0.02em;line-height:1.2} h2.ph{color:var(--primary);font-size:1.8em;font-weight:800;margin:16px 0 20px;letter-spacing:-0.02em;line-height:1.2} h2{color:var(--primary);font-size:1.3em;font-weight:700;margin:28px 0 16px;padding-bottom:10px;border-bottom:2px solid var(--border);letter-spacing:-0.01em} h3{color:var(--text);margin:16px 0 10px;font-size:1.1em;font-weight:600}.card{background:var(--surface);border-radius:var(--radius-lg);padding:24px;margin:14px 0;border:1px solid var(--border);transition:all 0.2s;box-shadow:var(--shadow)} .card:hover{box-shadow:var(--shadow-hover);border-color:rgba(2,119,189,0.2)} .card h3{margin-top:0;color:var(--primary)} .fish-card{display:grid;grid-template-columns:160px 1fr;gap:24px;align-items:start} .fish-img{width:160px;height:130px;object-fit:cover;border-radius:var(--radius);border:2px solid var(--border);cursor:zoom-in;transition:transform 0.2s} .fish-img:hover{transform:scale(1.02)} .method-img{width:100%;height:220px;object-fit:cover;border-radius:var(--radius);margin-bottom:14px;border:1px solid var(--border);display:block;cursor:zoom-in;transition:transform 0.2s} .method-img:hover{transform:scale(1.01)} .rig-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin:15px 0} .rig-card{background:var(--surface-alt);padding:10px;border-radius:var(--radius-sm);border:1px solid var(--border);text-align:center} .rig-img{width:100%;height:100px;object-fit:contain;border-radius:4px;background:#fff;margin-bottom:8px;cursor:zoom-in;border:1px solid var(--border)} .rig-card span{font-size:0.8em;font-weight:600;color:var(--primary)} .fish-meta{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0} .fish-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px 20px;margin-top:8px} .fish-grid>div{min-width:0;overflow-wrap:anywhere} .fish-img-wrap{min-width:0;line-height:0} .fish-info{min-width:0;overflow-wrap:anywhere;word-break:normal} .fish-card>div,.fish-card .fish-grid>div{min-width:0} .fish-latin{overflow-wrap:anywhere;word-break:break-word} @media (max-width:640px){.fish-grid{grid-template-columns:1fr}} .tag{display:inline-block;padding:4px 10px;border-radius:6px;font-size:0.78em;font-weight:500;background:var(--primary-bg);color:var(--primary);border:1px solid rgba(2,119,189,0.15)} .tag.green{background:rgba(2,119,189,0.1);color:var(--primary);border-color:rgba(2,119,189,0.2)} .tag.orange{background:rgba(255,152,0,0.1);color:#e65100;border-color:rgba(255,152,0,0.2)} .tag.red{background:rgba(244,67,54,0.1);color:#b71c1c;border-color:rgba(244,67,54,0.2)} .tag.purple{background:rgba(156,39,176,0.1);color:#7b1fa2;border-color:rgba(156,39,176,0.2)} table{width:100%;border-collapse:collapse;margin:15px 0} th,td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border);font-size:0.88em} th{background:var(--surface-alt);color:var(--primary);font-weight:600} tr:hover{background:rgba(2,119,189,0.03)} tr:nth-child(even){background:var(--surface-alt)} .season-bar{display:flex;border-radius:var(--radius-sm);overflow:hidden;height:28px;margin:5px 0;box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)} .season-bar div{display:flex;align-items:center;justify-content:center;font-size:0.72em;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.2)} .s-spring{background:linear-gradient(135deg,#81c784,#4caf50)}.s-summer{background:linear-gradient(135deg,#ffb74d,#fb8c00)}.s-autumn{background:linear-gradient(135deg,#ef5350,#d32f2f)}.s-winter{background:linear-gradient(135deg,#64b5f6,#1e88e5)} .depth-map{background:var(--surface-alt);border-radius:var(--radius);padding:20px;margin:15px 0;border:1px dashed rgba(2,119,189,0.3)} .depth-layer{display:flex;align-items:center;gap:10px;margin:8px 0;padding:8px 12px;border-radius:var(--radius-sm)} .depth-color{width:40px;height:20px;border-radius:4px;box-shadow:inset 0 0 3px rgba(0,0,0,0.15)} .pressure-chart{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:15px 0} .pressure-card{text-align:center;padding:20px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)} .pressure-card .value{font-size:2em;font-weight:700;color:var(--primary)} .wind-compass{width:200px;height:200px;border:2px solid var(--border);border-radius:50%;position:relative;margin:20px auto;background:var(--surface-alt)} .wind-dir{position:absolute;text-align:center;font-size:0.8em;color:var(--primary)} .search-box{width:100%;padding:12px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:0.95em;outline:none;margin:15px 0;box-shadow:var(--shadow);font-family:var(--font);transition:border-color 0.2s} .search-box:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px rgba(2,119,189,0.1)} .tab-group{display:flex;gap:6px;margin:15px 0;flex-wrap:wrap} .tab-btn{padding:8px 16px;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all 0.2s;font-weight:500;font-size:0.85em;font-family:var(--font)} .tab-btn:hover{background:var(--primary-bg);color:var(--primary);border-color:rgba(2,119,189,0.2)} .tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)} .legend{display:flex;gap:15px;flex-wrap:wrap;margin:10px 0} .legend-item{display:flex;align-items:center;gap:6px;font-size:0.85em;color:var(--text-secondary)} .legend-dot{width:12px;height:12px;border-radius:50%} .factors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px} .factor-card{background:var(--surface);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border);text-align:center;box-shadow:var(--shadow);transition:all 0.2s} .factor-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)} .factor-card .icon{font-size:2.2em;margin-bottom:10px} .river-map{background:var(--surface-alt);border-radius:var(--radius);padding:20px;margin:15px 0;border:1px dashed rgba(2,119,189,0.3)} .river-line{height:4px;border-radius:2px;margin:20px 0;position:relative;background:linear-gradient(90deg,var(--primary),var(--primary-light))} .river-line span{position:absolute;top:-20px;font-size:0.8em;color:var(--primary)}strong{color:var(--primary)} p{line-height:1.7;color:var(--text)} li{line-height:1.8}.lightbox{position:fixed;inset:0;background:rgba(10,25,40,0.88);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:1000;cursor:zoom-out;padding:40px} .lightbox.active{display:flex} .lightbox img{max-width:90vw;max-height:85vh;border-radius:var(--radius);box-shadow:0 10px 50px rgba(0,0,0,0.5);animation:zoomIn 0.2s ease} @keyframes zoomIn{from{transform:scale(0.9);opacity:0}to{transform:scale(1);opacity:1}} .lightbox .cap{position:fixed;bottom:24px;left:0;right:0;text-align:center;color:#fff;font-size:1.05em;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,0.6)}.back-top{position:fixed;bottom:24px;right:24px;width:46px;height:46px;border-radius:50%;background:var(--primary);color:#fff;border:none;font-size:1.3em;cursor:pointer;z-index:99;box-shadow:0 4px 16px rgba(0,0,0,0.2);opacity:0;transform:translateY(16px);transition:all 0.25s;display:flex;align-items:center;justify-content:center} .back-top.visible{opacity:1;transform:translateY(0)} .back-top:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.3)}body.dark{--text:#e0e0e0;--text-secondary:#9e9e9e;--surface:#1e1e1e;--surface-alt:#121212;--border:rgba(255,255,255,0.1);--primary:#4fc3f7;--primary-light:#81d4fa;--primary-bg:rgba(79,195,247,0.1);--accent:#ffb74d} body.dark .nav{border-bottom-color:rgba(255,255,255,0.06);box-shadow:0 1px 3px rgba(0,0,0,0.3)} body.dark .nav-btn{color:var(--text-secondary)} body.dark .nav-btn:hover{background:var(--primary-bg);color:var(--primary)} body.dark th{background:var(--surface-alt)} body.dark .factor-card{background:var(--surface)} body.dark .bait-recipe{background:var(--surface);border-color:var(--border)} .theme-toggle{position:fixed;bottom:24px;left:24px;width:46px;height:46px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:1.2em;cursor:pointer;z-index:99;box-shadow:0 4px 16px rgba(0,0,0,0.2);transition:all 0.25s;display:flex;align-items:center;justify-content:center} .theme-toggle:hover{transform:translateY(-2px)}.lunar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px;margin:15px 0} .lunar-day{text-align:center;padding:10px 4px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border)} .lunar-day .moon{font-size:1.6em} .lunar-day .date{font-size:0.78em;color:var(--text-secondary);margin-top:4px} .lunar-day .rating{font-size:0.72em;font-weight:600;margin-top:4px} .lunar-day.good{background:rgba(2,119,189,0.08);border-color:rgba(2,119,189,0.25)} .lunar-day.bad{background:rgba(244,67,54,0.06);border-color:rgba(244,67,54,0.2)}.calc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px} .calc-card{background:var(--surface);border-radius:var(--radius);padding:18px;border:1px solid var(--border)} .calc-card label{display:block;font-size:0.82em;color:var(--text-secondary);margin-bottom:5px;font-weight:500} .calc-card select,.calc-card input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:0.92em;background:var(--surface);color:var(--text);margin-bottom:10px;font-family:var(--font)} .calc-result{background:var(--primary-bg);padding:10px;border-radius:var(--radius-sm);font-weight:600;color:var(--primary);text-align:center;margin-top:8px}.forecast-card{text-align:center;padding:24px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary-bg),rgba(255,152,0,0.06));border:1px solid var(--border)} .forecast-value{font-size:3em;font-weight:800;color:var(--primary)} .home-live{display:grid;grid-template-columns:1fr;gap:16px;margin:18px 0 6px} .home-live .card{margin:0;display:flex;flex-direction:column} .hl-title{font-size:1.06em;margin:0 0 12px;color:var(--primary)} .hl-idx{display:flex;align-items:baseline;gap:6px;justify-content:center;margin:4px 0 2px} .hl-num{font-size:3.4em;font-weight:800;line-height:1;letter-spacing:-0.03em} .hl-of{font-size:1.1em;color:var(--text-secondary);font-weight:600} .hl-bar{text-align:center;font-size:1.05em;font-weight:700;letter-spacing:4px;line-height:1;margin:10px 0 8px} .hl-lab{text-align:center;font-size:0.9em;color:var(--text-secondary);margin-bottom:14px} .hl-fx{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px} .hl-fx>div{background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;padding:8px 6px;text-align:center} .hl-fx span{display:block;font-size:0.7em;color:var(--text-secondary);margin-bottom:3px} .hl-fx b{font-size:0.95em} #ymapHomeMap{width:100%;height:400px;border:1px solid var(--border);border-radius:12px;display:block;background:var(--surface-alt)} .hl-mapbtns{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px} .hl-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto} .hl-where{font-size:0.8em;color:var(--text-secondary);margin-top:10px} @media(max-width:900px){#ymapHomeMap{height:300px}} .forecast-idxbar{font-size:0.24em;font-weight:700;letter-spacing:3px;line-height:1;margin-top:8px;opacity:.85} .forecast-label strong{font-weight:700} .forecast-label{font-size:0.88em;color:var(--text-secondary);margin-top:5px}.hero{background:linear-gradient(135deg,#01579b 0%,#0277bd 50%,#0288d1 100%);color:#fff;border-radius:var(--radius-lg);padding:48px 40px;margin:0 0 24px;text-align:center;position:relative;overflow:hidden} .hero::before{content:none} .hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34px;background:var(--surface-alt);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 34' preserveAspectRatio='none'%3E%3Cpath d='M0 17 Q 150 34 300 17 T 600 17 T 900 17 T 1200 17 V34 H0 Z'/%3E%3C/svg%3E") bottom/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 34' preserveAspectRatio='none'%3E%3Cpath d='M0 17 Q 150 34 300 17 T 600 17 T 900 17 T 1200 17 V34 H0 Z'/%3E%3C/svg%3E") bottom/100% 100% no-repeat} .hero-badge{display:inline-block;position:relative;background:rgba(255,255,255,0.18);border:1px solid rgba(255,255,255,0.35);color:#fff;padding:6px 16px;border-radius:20px;font-size:0.8em;font-weight:600;margin-bottom:14px} .hero h1{color:#fff;font-size:2.4em;margin:0 0 8px;position:relativetext-shadow:0 2px 14px rgba(3,22,38,0.55)} .hero h2.ph{color:#fff;font-size:2.4em;margin:0 0 8px;position:relativetext-shadow:0 2px 14px rgba(3,22,38,0.55)} .hero .sub{color:rgba(255,255,255,0.85);font-size:1.05em;margin-bottom:20px;position:relative} .hero-stats{display:flex;justify-content:center;gap:40px;margin:24px 0;position:relative} .hero-stat{text-align:center} .hero-stat .num{font-size:2em;font-weight:800;display:block} .hero-stat .lbl{font-size:0.82em;opacity:0.8} .hero-actions{display:flex;justify-content:center;gap:10px;margin-top:20px;position:relative;flex-wrap:wrap} .hero-btn{padding:10px 24px;border-radius:var(--radius-sm);font-weight:600;font-size:0.9em;cursor:pointer;transition:all 0.2s;border:none;font-family:var(--font)} .hero-btn.primary{background:var(--surface);color:var(--primary)} .hero-btn.primary:hover{background:#e1f5fe;transform:translateY(-1px)} .hero-btn.secondary{background:rgba(255,255,255,0.15);color:#fff;border:1px solid rgba(255,255,255,0.3)} .hero-btn.secondary:hover{background:rgba(255,255,255,0.25)}.footer{background:var(--surface);border-top:1px solid var(--border);padding:40px 20px 24px;margin-top:40px} .footer-inner{max-width:1200px;margin:0 auto} .footer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:32px;margin-bottom:24px} .footer-col h3,.footer-col h4{color:var(--text);font-size:0.9em;font-weight:700;margin-bottom:12px;text-transform:uppercase;letter-spacing:0.05em} .footer-col a{display:block;color:var(--text-secondary);text-decoration:none;font-size:0.88em;padding:3px 0;transition:color 0.2s} .footer-col a:hover{color:var(--primary)} .footer-bottom{text-align:center;padding-top:20px;border-top:1px solid var(--border);color:var(--text-secondary);font-size:0.82em}@media(max-width:900px){.nav-inner{gap:4px;padding:8px 12px} .nav-group{display:none;position:absolute;top:100%;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 8px 24px rgba(0,0,0,0.1);padding:12px;flex-direction:column;z-index:99} .nav-group.open{display:flex} .nav-toggle{display:block} .nav-separator{display:none} .fish-card{grid-template-columns:100px 1fr;gap:16px} .fish-img{width:100px;height:85px} .hero{padding:32px 20px} .hero h1{font-size:1.6emtext-shadow:0 2px 14px rgba(3,22,38,0.55)} .hero h2.ph{font-size:1.6emtext-shadow:0 2px 14px rgba(3,22,38,0.55)} .hero-stats{gap:20px} .hero-stat .num{font-size:1.5em} h1{font-size:1.5em} h2.ph{font-size:1.5em} h2{font-size:1.15em} .container{padding:16px 12px 80px} .footer-grid{grid-template-columns:repeat(2,1fr);gap:20px}} @media(max-width:600px){.fish-card{grid-template-columns:1fr;text-align:center} .fish-img{width:100%;height:180px} .hero-stats{flex-direction:column;gap:12px} .hero-actions{flex-direction:column;align-items:center} .footer-grid{grid-template-columns:1fr} table{font-size:0.82em} th,td{padding:8px 10px}}.wlink{color:var(--primary);cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px} .wlink:hover{color:var(--accent)} #waterModal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.55);display:none;z-index:2000;align-items:center;justify-content:center;padding:16px} .wm-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:640px;width:100%;max-height:85vh;overflow-y:auto;padding:20px 22px} .wm-chip{display:inline-block;padding:3px 10px;border-radius:20px;background:rgba(30,136,229,0.12);color:var(--primary);font-size:0.85em;margin:2px 4px 2px 0;font-weight:600} html.dark .wm-chip{background:rgba(79,195,247,0.15);color:var(--primary)}.nav-item{position:relative} .nav-item .nav-btn{display:flex;align-items:center;gap:4px} .caret{font-size:0.65em;opacity:0.6;transition:transform .2s} .nav-item.open .caret{transform:rotate(180deg)} .nav-drop{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:225px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 12px 32px rgba(0,0,0,0.18);padding:6px;z-index:1500} .nav-item.open .nav-drop{display:block} @media(hover:hover){.nav-item:hover .nav-drop{display:block}.nav-item:hover .caret{transform:rotate(180deg)}} .nav-drop button{display:block;width:100%;text-align:left;padding:9px 14px;background:none;border:none;color:var(--text);font-size:0.86em;font-family:var(--font);border-radius:6px;cursor:pointer;white-space:nowrap} .nav-drop button:hover{background:var(--primary-bg);color:var(--primary)} .nav-search input{padding:8px 15px;border:1px solid var(--border);background:transparent;color:var(--text);border-radius:20px;font-size:0.82em;font-family:var(--font);width:100%;outline:none;transition:border .2s} .nav-search input:focus{border-color:var(--primary)} @media(max-width:900px){.nav-group.open{max-height:72vh;overflow-y:auto;-webkit-overflow-scrolling:touch} .nav-item{width:100%} .nav-drop{position:static;width:100%;box-shadow:none;border:none;background:transparent;padding:2px 0 2px 16px;min-width:0} .nav-drop button{color:var(--text-secondary)} .nav-search{flex:1 1 100%;width:100%;margin:6px 0} .nav-search input{width:100%}}.knot-img{width:100%;height:150px;object-fit:cover;border-radius:8px;margin-bottom:8px;cursor:pointer;background:var(--surface-alt,transparent)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:10px 0} .table-wrap table{margin:0;min-width:600px} html{scroll-behavior:smooth} .fish-card,.card{scroll-margin:110px} @media(max-width:900px){.nav-btn{padding:10px 16px;font-size:0.9em} .tab-btn{padding:10px 16px} .table-wrap table{min-width:540px}} @media print{.nav,footer,.theme-toggle,#langBtn,.back-top,.nav-search,.hero-actions,.hero-badge,.tab-btn,.search-box,#whereResult,#dChart,#achList{display:none!important} .page{display:none!important} .page.active{display:block!important} body{background:#fff;color:#000} .card{box-shadow:none;border:1px solid #bbb;break-inside:avoid} .table-wrap{overflow:visible} .table-wrap table{min-width:0}}.cond-sec{display:none} .cond-sec.active{display:block} .cond-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0;border-bottom:2px solid var(--border);padding-bottom:10px}#crumbs{max-width:1200px;margin:0 auto;padding:12px 20px 0;font-size:0.86em;color:var(--text-secondary)} .crumb{color:var(--primary);cursor:pointer;border-radius:4px} .crumb:hover{color:var(--accent);text-decoration:underline} .crumb-now{color:var(--text);font-weight:600} @media(max-width:900px){#crumbs{padding:10px 14px 0}}:root{color-scheme:light;--primary:#0c6da8;--primary-light:#2f9fd6;--primary-bg:rgba(12,109,168,0.08);--accent:#a8620a;--surface:#ffffff;--surface-alt:#f5f1ea;--text:#12283a;--text-secondary:#55708a;--border:rgba(12,109,168,0.16);--shadow:0 1px 3px rgba(6,40,66,.07),0 8px 24px rgba(6,40,66,.08);--shadow-hover:0 6px 28px rgba(6,40,66,.16)} body.dark{color-scheme:dark;--primary:#5ec6f0;--primary-light:#8ad6f7;--primary-bg:rgba(94,198,240,0.12);--accent:#f0a53e;--surface:#122130;--surface-alt:#0b1620;--text:#e6f0f5;--text-secondary:#93aec1;--border:rgba(140,195,220,0.16);--shadow:0 2px 12px rgba(0,0,0,.45);--shadow-hover:0 10px 34px rgba(0,0,0,.6)} body{background:var(--surface-alt)} h1,h2,h3,.nav-logo,.hero-btn,.hero-badge{font-family:'Play',var(--font)} h2.ph,h2,h3,.nav-logo,.hero-btn,.hero-badge{font-family:'Play',var(--font)} .nav-logo{font-weight:700;letter-spacing:0.3px}.nav{background:rgba(255,255,255,0.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(12,109,168,0.14);box-shadow:0 1px 0 rgba(12,109,168,.05)} body.dark .nav{background:rgba(11,22,32,0.84);border-bottom-color:rgba(140,195,220,.12)} .nav-btn.active{background:linear-gradient(135deg,#0c6da8,#2f9fd6);border-color:transparent;color:#fff;box-shadow:0 4px 16px rgba(12,109,168,.4)} body.dark .nav-btn.active{background:linear-gradient(135deg,#16688f,#5ec6f0);color:#06202e}.hero{background:rgba(5,40,68,0.35);border:1px solid rgba(255,255,255,0.18);box-shadow:0 10px 34px rgba(3,22,38,0.25);position:relative} .hero .hero-badge,.hero h1,.hero p{position:relative;z-index:2;text-shadow:0 2px 16px rgba(3,22,38,0.7),0 1px 4px rgba(0,0,0,0.4)} .hero .hero-badge,.hero h2.ph,.hero p{position:relative;z-index:2;text-shadow:0 2px 16px rgba(3,22,38,0.7),0 1px 4px rgba(0,0,0,0.4)} .hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:60px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath d='M0 34 Q150 8 300 34 T600 34 T900 34 T1200 34 V60 H0 Z' fill='%23ffffff' opacity='0.08'/%3E%3Cpath d='M0 44 Q150 20 300 44 T600 44 T900 44 T1200 44 V60 H0 Z' fill='%23ffffff' opacity='0.10'/%3E%3C/svg%3E") no-repeat center/100% 100%;pointer-events:none} body.dark .hero{background:rgba(3,22,38,0.50);border-color:rgba(255,255,255,0.10)} .hero-badge{background:rgba(255,255,255,0.16);border:1px solid rgba(255,255,255,0.35)} .hero-btn.primary{background:linear-gradient(135deg,#e08a1e,#f0a53e);box-shadow:0 8px 24px rgba(224,138,30,.45);border:none} .hero-btn.secondary{background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.4)}#dashBox{background:linear-gradient(160deg,#0e3a58 0%,#092c44 55%,#062033 100%);color:#eaf6ff;border:1px solid rgba(255,255,255,0.16);box-shadow:0 12px 30px rgba(3,22,38,0.45);--text-secondary:rgba(255,255,255,0.75)} #dashBox .tab-btn{background:linear-gradient(135deg,#e08a1e,#f0a53e);color:#fff;font-weight:700;border:none;box-shadow:0 4px 14px rgba(224,138,30,0.45)} #dashBox .tab-btn:hover{background:linear-gradient(135deg,#f0a53e,#f7bc6e);transform:translateY(-1px)}.card{border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease} .card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.table-wrap{border-radius:12px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.paid-table{min-width:940px;table-layout:fixed} .paid-table th,.paid-table td{vertical-align:top;padding:10px 12px;line-height:1.55} .paid-table th{white-space:nowrap} .paid-table td:first-child{font-weight:600} table th{background:linear-gradient(180deg,rgba(12,109,168,0.16),rgba(12,109,168,0.06))} body.dark table th{background:linear-gradient(180deg,rgba(94,198,240,0.18),rgba(94,198,240,0.06))} table tr:nth-child(even) td{background:rgba(12,109,168,0.035)} body.dark table tr:nth-child(even) td{background:rgba(94,198,240,0.05)}.tab-btn{border-radius:999px;border:1px solid var(--border);background:var(--surface)} .tab-btn:hover{border-color:var(--primary);color:var(--primary)} .tag{border-radius:999px}.page.active{animation:fadeUp .38s ease} @keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} @media (prefers-reduced-motion:reduce){.page.active{animation:none}.card{transition:none}}::selection{background:rgba(12,109,168,0.25)} body.dark ::selection{background:rgba(94,198,240,0.3)} ::-webkit-scrollbar{width:10px;height:10px} ::-webkit-scrollbar-track{background:transparent} ::-webkit-scrollbar-thumb{background:rgba(12,109,168,0.35);border-radius:8px} ::-webkit-scrollbar-thumb:hover{background:rgba(12,109,168,0.6)} body.dark ::-webkit-scrollbar-thumb{background:rgba(94,198,240,0.28)} .footer{background:linear-gradient(180deg,#0a2c44 0%,#062033 100%);border-top:3px solid var(--accent);position:relative;overflow:hidden} .footer-col h3,.footer-col h4{color:#8ad6f7;font-size:0.9em;font-weight:800;margin-bottom:12px;text-transform:uppercase;letter-spacing:0.06em;text-shadow:0 1px 4px rgba(0,0,0,0.4)} .footer-col a{display:block;color:#e6f0f5;text-decoration:none;font-size:0.92em;font-weight:600;padding:4px 10px;margin:2px -10px;border-radius:8px;transition:background 0.15s,color 0.15s} .footer-col a:hover{color:#ffd54f;background:rgba(255,255,255,0.08);text-shadow:0 1px 3px rgba(0,0,0,0.5)} .footer-bottom{color:#b0c4d4;font-size:0.84em;border-top:1px solid rgba(140,195,220,0.2);padding-top:18px}#crumbs{font-family:var(--font)}.wm-card{border:none;box-shadow:0 24px 80px rgba(4,25,40,.5)}.nav-drop::before{content:'';position:absolute;left:0;right:0;top:-14px;height:14px} .nav-drop{transition:opacity .12s ease}th,td{word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;vertical-align:top} .table-wrap table td:first-child,.table-wrap table th:first-child{white-space:nowrap} .table-wrap table{width:100%;border-collapse:separate;border-spacing:0;table-layout:auto} .table-wrap table tr:last-child td{border-bottom:none}.rp-toolbar{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px} .rp-new{background:linear-gradient(135deg,#0c6da8,#5ec6f0);color:#fff;border:none;border-radius:12px;padding:12px 18px;font-size:0.95em;font-weight:700;cursor:pointer;font-family:var(--font);min-height:46px;transition:transform .15s,box-shadow .2s} .rp-new:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(12,109,168,0.35)} .rp-new:active{transform:scale(.98)} .rp-lock{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:46px;height:46px;font-size:1.1em;cursor:pointer;color:var(--text);flex-shrink:0} .rp-lock.on{background:#7b1fa2;color:#fff;border-color:#7b1fa2} .rp-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px} .rp-tab{flex:1;min-width:100px;text-align:center;padding:9px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:0.86em;font-weight:600;cursor:pointer;font-family:var(--font);transition:all .15s;white-space:nowrap} .rp-tab:hover{border-color:var(--primary)} .rp-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)} .rp-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px} .rp-filters select,.rp-filters input{border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-family:var(--font);padding:10px 12px;font-size:15px;min-height:44px} .rp-filters #rpSearch{flex:1;min-width:150px} .rp-statchip{display:inline-block;background:var(--surface-alt);border:1px solid var(--border);border-radius:999px;padding:5px 14px;font-size:0.78em;color:var(--text-secondary);margin-bottom:12px} .rp-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:14px;box-shadow:0 2px 10px rgba(2,50,90,0.06);transition:transform .15s,box-shadow .2s;cursor:pointer} .rp-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(2,50,90,0.14)} .rp-card-header{display:flex;align-items:center;gap:10px;margin-bottom:10px} .rp-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#0c6da8,#5ec6f0);display:flex;align-items:center;justify-content:center;font-size:1.1em;font-weight:800;color:#fff;flex-shrink:0} .rp-card-author{font-weight:700;font-size:0.95em} .rp-card-date{font-size:0.78em;color:var(--text-secondary)} .rp-badge{margin-left:auto;font-size:0.74em;padding:4px 10px;border-radius:999px;font-weight:700;white-space:nowrap} .rp-pending{background:rgba(249,168,37,0.15);color:#b26a00} .rp-rejected{background:rgba(229,57,53,0.12);color:#c62828} .rp-card-title{font-size:1.12em;font-weight:800;margin-bottom:4px;line-height:1.3} .rp-card-fish{color:var(--accent);font-size:0.9em;margin-bottom:4px} .rp-card-text{color:var(--text-secondary);font-size:0.92em;line-height:1.5;margin:6px 0} .rp-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:10px 0} .rp-photos img{width:100%;height:150px;object-fit:cover;border-radius:10px;display:block;cursor:zoom-in} .rp-card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;font-size:0.85em;color:var(--text-secondary)} .rp-card-place{color:var(--text-secondary)} .rp-card-oblast{display:inline-block;background:var(--primary-bg);color:var(--primary);border-radius:6px;padding:2px 8px;font-size:0.9em;margin-left:6px} .rp-like-btn{cursor:pointer;padding:5px 12px;border:1px solid var(--border);border-radius:999px;font-size:0.85em;background:var(--surface);transition:all .15s;user-select:none} .rp-like-btn:hover{border-color:#e91e63;color:#e91e63} .rp-actions{display:flex;gap:6px;flex-wrap:wrap} .rp-actions .tab-btn{font-size:0.82em;padding:6px 12px} .rp-btn-approve{background:#2e7d32;color:#fff;border-color:#2e7d32} .rp-btn-reject{color:#c62828;border-color:#c62828} .rp-btn-primary{background:linear-gradient(135deg,#0c6da8,#5ec6f0)!important;color:#fff!important;border:none!important} .rp-form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px} .rp-form-head h3{margin:0;font-size:1.2em} .rp-form-close{background:var(--surface-alt);border:1px solid var(--border);border-radius:50%;width:38px;height:38px;font-size:1em;cursor:pointer;color:var(--text-secondary);transition:all .15s} .rp-form-close:hover{background:#e53935;color:#fff;border-color:#e53935} .rp-sec{margin-bottom:18px} .rp-sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px} .rp-lbl{display:inline-flex;gap:6px;align-items:center;font-size:0.82em;font-weight:700;color:var(--text-secondary);margin-bottom:7px} .rp-req{color:#e53935} .rp-hint{font-size:0.76em;color:var(--text-secondary);opacity:.85} .rp-field{margin-bottom:16px} .rp-input-wrap{display:flex;align-items:center;gap:8px;background:var(--surface-alt);border:1.5px solid transparent;border-radius:12px;padding:0 14px;min-height:52px;transition:border-color .18s,background .18s,box-shadow .18s} .rp-input-wrap:focus-within{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 4px rgba(12,109,168,0.14)} .rp-input-wrap .rp-ic{font-size:1.05em;opacity:.8;flex-shrink:0} .rp-input-wrap input,.rp-input-wrap textarea,.rp-input-wrap select{flex:1;min-width:0;border:0;background:transparent;color:var(--text);font-family:var(--font);font-size:16px;padding:14px 0;outline:none} .rp-input-wrap.rp-area{align-items:flex-start} .rp-input-wrap textarea{resize:vertical;min-height:150px;line-height:1.6;padding:12px 0} .rp-input-wrap input::placeholder,.rp-input-wrap textarea::placeholder{color:var(--text-secondary);opacity:.6} .rp-input-wrap.rp-select{position:relative;padding-right:40px} .rp-input-wrap.rp-select select{appearance:none;-webkit-appearance:none;cursor:pointer} .rp-chev{position:absolute;right:14px;color:var(--text-secondary);pointer-events:none} .rp-suffix{font-size:0.85em;color:var(--text-secondary);font-weight:600;flex-shrink:0;padding-left:4px} .rp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px} .rp-helper{display:flex;justify-content:space-between;gap:10px;margin-top:6px;font-size:0.78em;color:var(--text-secondary)} .rp-count{font-variant-numeric:tabular-nums;flex-shrink:0;transition:color .2s} .rp-count.warn{color:#ef6c00;font-weight:600} .rp-count.over{color:#e53935;font-weight:700} .rp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px} .rp-chip{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border:1.5px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-size:0.88em;font-weight:500;font-family:var(--font);cursor:pointer;transition:all .15s} .rp-chip:hover{border-color:var(--primary)} .rp-chip:active{transform:scale(.97)} .rp-chip.on{border-color:var(--primary);background:var(--primary-bg);color:var(--primary);font-weight:700} .rp-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .rp-thumb{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--surface-alt);animation:rpPop .22s} .rp-thumb img{width:100%;height:100%;object-fit:cover;display:block} .rp-thumb-badge{position:absolute;left:6px;bottom:6px;padding:2px 8px;border-radius:999px;background:var(--primary);color:#fff;font-size:0.68em;font-weight:700} .rp-thumb-rm{position:absolute;top:6px;right:6px;width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(15,23,42,.6);color:#fff;cursor:pointer;font-size:0.85em;line-height:1} .rp-thumb-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;aspect-ratio:1;border:1.5px dashed var(--border);border-radius:12px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:0.78em;font-weight:600;transition:all .15s} .rp-thumb-add:hover{border-color:var(--primary);background:var(--primary-bg);color:var(--primary)} .rp-thumb-add .ic{font-size:1.6em} .rp-thumb-add input{display:none} .rp-form-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px} .rp-btn{min-height:52px;border:0;border-radius:12px;font-size:1em;font-weight:700;font-family:var(--font);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .1s,box-shadow .2s,background .2s} .rp-btn-primary{background:linear-gradient(135deg,#0c6da8,#5ec6f0);color:#fff} .rp-btn-primary:hover{box-shadow:0 8px 22px rgba(12,109,168,0.35);transform:translateY(-1px)} .rp-btn-primary:active{transform:scale(.985)} .rp-btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)} .rp-btn-ghost:hover{border-color:var(--primary);color:var(--primary)} .rp-msg{margin-top:10px;color:#e74c3c;font-size:0.9em;text-align:center;min-height:18px} @keyframes rpPop{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}} .rp-detail-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin:12px 0} .rp-detail-photos img{width:100%;max-height:260px;object-fit:cover;border-radius:10px;cursor:zoom-in} .rp-comments{background:var(--surface-alt);border:1px solid var(--border);border-radius:12px;padding:14px;margin-top:14px} .rp-comment{padding:8px 0;border-bottom:1px solid var(--border);font-size:0.9em} .rp-comment:last-of-type{border-bottom:none} .rp-comment-header{display:flex;justify-content:space-between;gap:8px;margin-bottom:3px} .rp-comment-date{font-size:0.8em;color:var(--text-secondary)} .rp-pend-card{border:1px dashed var(--border);border-radius:12px;padding:12px;margin:8px 0;background:var(--surface-alt)} .rp-lightbox{display:none;position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,0.92);align-items:center;justify-content:center} .rp-lightbox.active{display:flex} .rp-lb-inner{position:relative;display:flex;align-items:center;justify-content:center;max-width:96vw} .rp-lb-close{position:fixed;top:14px;right:16px;background:rgba(255,255,255,0.15);border:none;color:#fff;font-size:1.4em;width:46px;height:46px;border-radius:50%;cursor:pointer} .rp-lb-prev,.rp-lb-next{position:fixed;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.15);border:none;color:#fff;font-size:2em;width:50px;height:50px;border-radius:50%;cursor:pointer;padding-bottom:6px} .rp-lb-prev{left:12px}.rp-lb-next{right:12px} .rp-empty{text-align:center;color:var(--text-secondary);padding:34px 16px;border:1px dashed var(--border);border-radius:14px;background:var(--surface-alt)} .rp-empty .ic{font-size:2.6em;display:block;margin-bottom:8px}.prof-card{background:linear-gradient(135deg,#053a5e,#0c6da8);border-radius:16px;color:#fff;padding:20px;margin-bottom:14px;position:relative;overflow:hidden} .prof-card::after{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(94,198,240,0.35),transparent 70%);border-radius:50%} .prof-card .lvl{display:inline-block;background:rgba(255,255,255,0.18);border:1px solid rgba(255,255,255,0.4);border-radius:999px;padding:4px 14px;font-size:0.82em;margin-top:8px} .prof-code{font-family:monospace;background:rgba(255,255,255,0.15);border-radius:8px;padding:4px 12px;cursor:pointer;transition:background .2s} .prof-code:hover{background:rgba(255,255,255,0.25)} .prof-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#0c6da8,#5ec6f0);display:flex;align-items:center;justify-content:center;font-size:1.8em;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 4px 14px rgba(0,0,0,0.25);border:2px solid rgba(255,255,255,0.35)} .prof-stat{text-align:center;flex:1;min-width:70px} .prof-stat b{display:block;font-size:1.35em;font-weight:800;color:var(--primary)} .prof-stat span{font-size:0.76em;color:var(--text-secondary)} .cab-progress{height:10px;background:rgba(255,255,255,0.2);border-radius:6px;overflow:hidden;margin-top:8px} .cab-progress-fill{height:100%;background:linear-gradient(90deg,#5ec6f0,#0c6da8);border-radius:6px;transition:width .5s} .cab-glass{background:rgba(255,255,255,0.7);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,0.5);border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(2,50,90,0.12);margin-bottom:16px} body.dark .cab-glass{background:rgba(20,32,44,0.72);border-color:rgba(255,255,255,0.1);box-shadow:0 10px 30px rgba(0,0,0,0.35)} .cab-glass h3{margin-top:0} .cab-soc{display:flex;flex-direction:column;gap:10px;margin:16px 0} .cab-soc-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:0.95em;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s,background .2s;font-family:var(--font);min-height:48px} .cab-soc-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(2,50,90,0.15)} .cab-soc-btn:active{transform:scale(.98)} .cab-soc-btn .ic{font-size:1.2em} .cab-soc-btn.ya:hover{background:#fc3f1d;color:#fff;border-color:#fc3f1d} .cab-soc-btn.gg:hover{background:#fff;color:#333;border-color:#4285f4} .cab-or{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:0.82em;margin:6px 0 2px} .cab-or::before,.cab-or::after{content:"";flex:1;height:1px;background:var(--border)} .cab-field{position:relative;margin-bottom:14px} .cab-field input{width:100%;padding:16px 14px 6px;border:1.5px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-size:16px;font-family:var(--font);transition:border-color .2s,box-shadow .2s} .cab-field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(12,109,168,0.13)} .cab-field label{position:absolute;left:14px;top:14px;font-size:0.95em;color:var(--text-secondary);pointer-events:none;transition:all .15s;background:transparent;padding:0 4px} .cab-field input:focus + label,.cab-field input:not(:placeholder-shown) + label,.cab-field.filled label{top:-9px;font-size:0.72em;color:var(--primary);background:var(--surface);font-weight:700} .cab-field .ok{position:absolute;right:14px;top:16px;color:#2e7d32;font-size:1em;opacity:0;transition:opacity .2s} .cab-field.valid .ok{opacity:1} .cab-err{color:#e74c3c;font-size:0.82em;margin-top:-8px;margin-bottom:10px;min-height:0} .cab-pw-bar{height:5px;border-radius:3px;background:var(--border);overflow:hidden;margin-top:-8px;margin-bottom:12px} .cab-pw-fill{height:100%;width:0;transition:width .3s,background .3s;border-radius:3px} .cab-btn{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(135deg,#0c6da8,#5ec6f0);color:#fff;font-size:1em;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .2s;font-family:var(--font);min-height:50px} .cab-btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(12,109,168,0.35)} .cab-btn:active{transform:scale(.98)} .cab-btn.ghost{background:var(--surface);color:var(--text);border:1px solid var(--border)} .cab-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px} .cab-tab{padding:9px 16px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:0.88em;font-weight:600;cursor:pointer;font-family:var(--font);transition:all .15s} .cab-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)} .promo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px} .promo-card{background:var(--surface-alt);border:1px solid var(--border);border-radius:12px;padding:14px 16px;position:relative;overflow:hidden} .promo-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent))} .promo-card h4{margin:4px 0 6px} .promo-code{font-family:monospace;font-size:0.9em;background:rgba(12,109,168,0.1);border:1px dashed var(--primary);color:var(--primary);border-radius:8px;padding:6px 12px;display:inline-block;margin-top:6px;cursor:pointer;transition:transform .15s} .promo-code:hover{transform:scale(1.03)} body.dark .promo-code{background:rgba(94,198,240,0.12)} .cab-in{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin:10px 0} .cab-in label{display:flex;flex-direction:column;gap:4px;font-size:0.82em;color:var(--text-secondary);font-weight:600} .cab-in input{padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-family:var(--font);min-width:170px} .cab-in input:focus{outline:none;border-color:var(--primary)} .raffle-bar{height:8px;background:var(--surface-alt);border-radius:4px;overflow:hidden;border:1px solid var(--border)} .raffle-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));width:0%} .cab-benefit{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--surface-alt);border:1px solid var(--border);font-size:0.88em} .cab-benefit .b-ic{font-size:1.4em;flex-shrink:0}.swim-fish{position:fixed;left:0;z-index:600;cursor:pointer;will-change:transform;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards;filter:drop-shadow(0 10px 9px rgba(2,40,60,0.35))} .fish-jig{position:relative;animation:fishBob 2.1s ease-in-out infinite} .swim-fish.trick .fish-jig{animation:fishBob 2.1s ease-in-out infinite,fishLoop 1.15s cubic-bezier(.4,.1,.6,1) 0.8s 1} .swim-fish.jump .fish-jig{animation:fishJump 0.6s ease-out 1!important} .fish-body{position:relative;width:74px;height:56px;animation:fishWig 0.55s ease-in-out infinite alternate;transform-origin:20% 50%} .fish-face{position:relative;width:74px;height:56px} .swim-fish.flip .fish-face{transform:scaleX(-1)} .fish-face img{width:74px;height:56px;border-radius:50% 46% 50% 46%;object-fit:cover;display:block;border:3px solid rgba(255,255,255,0.92);background:#dcecf4} .tail{position:absolute;top:11px;right:64px;width:0;height:0;border:15px solid transparent;border-right:21px solid var(--tailc,#9db8c9);transform-origin:100% 50%;animation:wag 0.5s ease-in-out infinite alternate;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15))} .fin{position:absolute;top:-8px;left:24px;width:0;height:0;border:8px solid transparent;border-bottom:14px solid var(--tailc,#9db8c9);transform-origin:50% 100%;animation:finFlop 0.7s ease-in-out infinite alternate} .eye{position:absolute;width:17px;height:17px;background:#fff;border-radius:50%;top:9px;box-shadow:inset 0 -2px 3px rgba(0,0,0,.08),0 0 0 1.5px rgba(30,60,80,.12);animation:blink 4.3s infinite} .eye.e1{right:26px}.eye.e2{right:12px;top:15px;width:15px;height:15px} .eye::after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#16232b;left:5px;top:5px;animation:dart 2.9s ease-in-out infinite} .mouth{position:absolute;right:5px;top:36px;width:15px;height:8px;border:2.5px solid #2c4757;border-top:none;border-radius:0 0 15px 15px;animation:smile 3.2s ease-in-out infinite} .swim-fish.shock .mouth{height:14px;width:12px;border:2.5px solid #2c4757;border-radius:50%;background:rgba(255,255,255,.85);animation:none} .swim-fish.shock .eye::after{width:9px;height:9px;left:4px;top:4px} .acc{position:absolute;font-size:21px;top:-18px;right:12px;transform-origin:bottom;animation:accWob 0.55s ease-in-out infinite alternate;pointer-events:none;text-shadow:0 2px 4px rgba(0,0,0,.25)} .speech{position:absolute;bottom:calc(100% + 8px);right:-14px;background:#fff;color:#16323f;border-radius:14px;padding:6px 11px;font-size:11.5px;font-weight:600;box-shadow:0 5px 16px rgba(0,0,0,.2);white-space:nowrap;opacity:0;transform:scale(0);animation:say 5s ease forwards;pointer-events:none;z-index:2} .speech::after{content:'';position:absolute;top:100%;left:22px;border:6px solid transparent;border-top-color:#fff} .swim-fish::before{content:'🫧';position:absolute;right:100%;top:55%;font-size:11px;opacity:0;animation:puff 1.4s linear infinite} .swim-fish::after{content:'💦';position:absolute;left:50%;top:-14px;font-size:16px;opacity:0} .swim-fish.jump::after{animation:splash 0.6s ease-out 1} .swim-fish:hover .fish-jig{animation-play-state:paused;filter:brightness(1.08)} .swim-fish:hover .fish-body{animation:fishWig 0.12s linear infinite alternate} @keyframes swimRight{from{transform:translateX(-170px)}to{transform:translateX(calc(100vw + 170px))}} @keyframes swimLeft{from{transform:translateX(calc(100vw + 170px))}to{transform:translateX(-170px)}} @keyframes fishBob{0%,100%{transform:translateY(0)}28%{transform:translateY(-15px)}55%{transform:translateY(5px)}78%{transform:translateY(-9px)}} @keyframes fishWig{from{transform:rotate(-6deg)}to{transform:rotate(6deg)}} @keyframes wag{from{transform:rotate(-14deg) scaleX(0.9)}to{transform:rotate(14deg) scaleX(1.05)}} @keyframes finFlop{from{transform:rotate(-10deg)}to{transform:rotate(10deg)}} @keyframes dart{0%,20%{transform:translate(0,0)}35%,50%{transform:translate(-3px,1px)}65%,85%{transform:translate(3px,-1px)}100%{transform:translate(0,0)}} @keyframes blink{0%,90%,100%{transform:scaleY(1)}93%{transform:scaleY(0.08)}} @keyframes smile{0%,100%{width:15px}40%{width:11px}60%{width:17px}} @keyframes accWob{from{transform:rotate(-9deg)}to{transform:rotate(9deg)}} @keyframes say{0%{opacity:0;transform:scale(0) translateY(6px)}10%{opacity:1;transform:scale(1.06) translateY(0)}15%{transform:scale(1)}82%{opacity:1}100%{opacity:0;transform:translateY(-5px)}} @keyframes puff{0%{opacity:0.6;transform:translate(0,0) scale(0.6)}70%{opacity:0.5;transform:translate(-16px,-8px) scale(1)}100%{opacity:0;transform:translate(-26px,-15px) scale(1.1)}} @keyframes fishLoop{from{transform:rotate(0)}to{transform:rotate(360deg)}} @keyframes fishJump{0%{transform:translateY(0) rotate(0)}40%{transform:translateY(-42px) rotate(-320deg)}70%{transform:translateY(-8px) rotate(-360deg)}100%{transform:translateY(0) rotate(-360deg)}} @keyframes splash{0%{opacity:0;transform:translate(-50%,6px) scale(0.4)}30%{opacity:1;transform:translate(-50%,-16px) scale(1.25)}100%{opacity:0;transform:translate(-50%,14px) scale(0.7)}} @media (prefers-reduced-motion:reduce){.swim-fish{display:none!important}} @media (max-width:600px){.fish-body,.fish-face{width:58px;height:44px}.fish-face img{width:58px;height:44px}.tail{right:50px;top:8px;border-width:12px;border-right-width:16px}.acc{font-size:16px}}body{background:#0d2438} body::before{content:'';position:fixed;inset:0;z-index:-3;pointer-events:none;background:url('img/site_bg.sm.webp') center/cover no-repeat}body::after{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,rgba(243,247,250,0.66) 0%,rgba(243,247,250,0.54) 45%,rgba(243,247,250,0.80) 100%)} body.dark::after{background:linear-gradient(180deg,rgba(7,18,28,0.84) 0%,rgba(7,18,28,0.74) 45%,rgba(7,18,28,0.88) 100%)} button,.btn{text-shadow:none} #dashBox,footer,.hero{text-shadow:none}@media (min-width:901px){ul.cols2{columns:2;column-gap:32px} ul.cols2 li{break-inside:avoid} #faq .card{columns:2;column-gap:28px} #faq .card h3{column-span:all;margin-top:0} #faq .card details{break-inside:avoid;margin-bottom:10px} #faq .card p{column-span:all}}.page.active{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px;box-shadow:var(--shadow)} body.dark .page.active{background:#161616} @media (max-width:600px){.page.active{padding:14px 12px;border-radius:12px}} .hero{background:linear-gradient(160deg,#0d4470 0%,#0a3457 60%,#082643 100%);border:1px solid rgba(255,255,255,0.16)} body.dark .hero{background:linear-gradient(160deg,#0b2c44 0%,#071e30 100%);border-color:rgba(255,255,255,0.08)}@media (max-width:900px){body{font-size:15.5px} .container{padding:14px 10px 90px} .hero{padding:26px 16px} .hero-badge{font-size:0.78em;padding:5px 12px} .hero .sub{font-size:0.95em} .card{padding:14px} .crumb,.crumb-now{font-size:0.85em} #dashBox{font-size:0.95em} .back-top{bottom:calc(18px + env(safe-area-inset-bottom,0px));right:14px} .theme-toggle{top:calc(12px + env(safe-area-inset-top,0px))} #langBtn{top:calc(12px + env(safe-area-inset-top,0px))}} @media (max-width:600px){body{font-size:16px} h1{font-size:1.35em;margin:12px 0 14px} h2.ph{font-size:1.35em;margin:12px 0 14px} h2{font-size:1.1em} h3{font-size:1.02em} .tab-btn{padding:11px 15px;font-size:0.9em;min-height:44px} .tab-btn:active{transform:scale(.97)} input,select,textarea{font-size:16px!important} .cab-in label{margin-bottom:10px} .cab-glass{padding:16px;border-radius:14px} .prof-card{padding:16px} .prof-avatar{width:54px;height:54px;font-size:1.5em} .cab-soc-btn{min-height:50px;font-size:0.92em} .cab-tab{flex:1;text-align:center} table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch} .table-wrap table{display:table;min-width:540px} .fish-img{height:200px} .hero{padding:22px 14px;border-radius:14px} .hero h1{font-size:1.45em} .hero h2.ph{font-size:1.45em} .hero-stat .num{font-size:1.4em} .footer-col a{display:block;padding:7px 0} #waterModal{padding:0} .wm-card{max-height:96vh;border-radius:14px 14px 0 0;position:absolute;bottom:0;left:0;right:0;max-width:100%;padding:16px 14px calc(16px + env(safe-area-inset-bottom,0px))} .wm-card h2{font-size:1.15em} .promo-card{padding:12px} .bait-recipe{padding:12px} .knot-img{height:130px} .rp-card{padding:14px!important} .rp-photos{grid-template-columns:1fr 1fr!important} .rp-photos img{height:120px!important} .rp-detail-photos{grid-template-columns:1fr 1fr!important} .rp-detail-photos img{max-height:200px!important} .rp-filters{flex-direction:column;align-items:stretch} .rp-filters select,.rp-filters input{width:100%} .rp-toolbar{gap:6px} .rp-new{flex:1} .rp-tab{min-width:0;font-size:0.8em;padding:9px 6px} .rp-form-row{grid-template-columns:1fr 1fr} .rp-comments{padding:10px!important} .modal-card{width:94%!important;padding:16px!important} .calc-grid{grid-template-columns:1fr!important}} body{-webkit-tap-highlight-color:rgba(2,119,189,0.15)} @media (max-width:600px){body::before{background-attachment:scroll} body::after{background-attachment:scroll}}.tabbar{display:none} @media (max-width:600px){body{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))} .container{padding:14px 10px calc(96px + env(safe-area-inset-bottom,0px))} .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:1500;background:var(--surface);border-top:1px solid var(--border);height:calc(62px + env(safe-area-inset-bottom,0px))} .tabbar .tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;color:var(--text-secondary);font-family:var(--font);font-size:0.6em;font-weight:600;cursor:pointer;min-height:48px;transition:color .15s} .tabbar .tab .t-ic{font-size:1.45em;line-height:1} .tabbar .tab.active{color:var(--primary)} .tabbar .tab:active{transform:scale(.94)} .nav-btn{min-height:48px} .nav-drop button{min-height:48px;white-space:normal} .tab-btn{min-height:48px} .rp-tab{min-height:48px} .rp-lock{min-height:48px;width:48px} .rp-filters select,.rp-filters input{min-height:48px} .nav-group.open{max-height:78vh} .nav-search input{min-height:44px;font-size:16px!important} .table-wrap{position:relative} .table-wrap td:first-child,.table-wrap th:first-child{position:sticky;left:0;background:var(--card-bg,var(--surface));z-index:2;border-right:1px solid var(--border);box-shadow:6px 0 8px -8px rgba(0,0,0,0.18)} .table-wrap::after{content:"";position:absolute;top:0;bottom:0;right:0;width:18px;pointer-events:none;background:linear-gradient(to left,var(--surface),transparent);opacity:.85} .card h3{font-size:1.02em} .back-top{bottom:calc(76px + env(safe-area-inset-bottom,0px))}}.msc{display:none;position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,0.45)} .msc.open{display:block} .msc-panel{position:absolute;top:0;right:0;bottom:0;width:min(86vw,340px);background:var(--surface);box-shadow:-12px 0 32px rgba(0,0,0,0.25);transform:translateX(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px)} .msc.open .msc-panel{transform:translateX(0)} .msc-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);font-weight:800;font-size:1.05em;flex-shrink:0} .msc-x{width:44px;height:44px;border:none;border-radius:10px;background:var(--surface-alt);color:var(--text);font-size:1.05em;cursor:pointer} .msc-search{padding:10px 14px;border-bottom:1px solid var(--border);flex-shrink:0} .msc-search input{width:100%;min-height:46px;padding:8px 14px;border:1.5px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-size:16px;font-family:var(--font);outline:none} .msc-search input:focus{border-color:var(--primary)} .msc-body{overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))} .msc-gr{border-bottom:1px solid var(--border)} .msc-gr-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:8px 16px;background:none;border:none;color:var(--text);font-family:var(--font);font-size:0.95em;font-weight:700;cursor:pointer;text-align:left} .msc-gr.open .msc-gr-btn .car{transform:rotate(180deg)} .msc-gr-btn .car{font-size:0.7em;opacity:.55;transition:transform .2s} .msc-gr-btn .cnt{font-size:0.75em;font-weight:600;color:var(--text-secondary);background:var(--surface-alt);border-radius:999px;padding:2px 10px} .msc-list{display:none;padding:0 0 6px} .msc-gr.open .msc-list{display:block} .msc-list button{display:block;width:100%;text-align:left;min-height:48px;padding:11px 18px;background:none;border:none;color:var(--text-secondary);font-family:var(--font);font-size:0.9em;cursor:pointer;border-radius:0} .msc-list button:active{background:var(--primary-bg);color:var(--primary)} @media(max-width:600px){.msc-panel .msc-top{padding:10px 14px 2px;display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0} [style*="repeat(auto-fill"]{grid-template-columns:1fr!important} .cab-benefit{width:100%} .rp-thumbs{grid-template-columns:1fr 1fr 1fr!important} .rp-photos{grid-template-columns:1fr 1fr!important} .rp-detail-photos{grid-template-columns:1fr 1fr!important} .rp-form-row{grid-template-columns:1fr!important} .promo-grid{grid-template-columns:1fr!important} .prof-stats{grid-template-columns:repeat(2,1fr)!important} .rp-tabs{flex-wrap:wrap} .rp-tab{flex:1 1 45%}}@media(max-width:600px){html,body{overflow-x:hidden;max-width:100%} .page.active{overflow-x:hidden} img,video{max-width:100%} .msc-flat{display:block;width:100%;text-align:left;min-height:52px;padding:12px 18px;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text);font-family:var(--font);font-size:0.95em;font-weight:600;cursor:pointer} .msc-flat:active{background:var(--primary-bg);color:var(--primary)} .msc-body .msc-gr:first-child .msc-gr-btn{border-top:1px solid var(--border)}}.msc-pop{padding:10px 12px 6px;display:grid;grid-template-columns:1fr 1fr;gap:8px;border-bottom:1px solid var(--border)} .msc-pop .lbl{grid-column:1/-1;font-size:0.7em;font-weight:800;color:var(--text-secondary);letter-spacing:.06em;padding:0 2px 2px} .msc-pop button{min-height:46px;padding:8px 8px;border:1px solid var(--border);border-radius:10px;background:var(--surface-alt);color:var(--text);font-family:var(--font);font-size:0.84em;font-weight:600;cursor:pointer} .msc-pop button:active{background:var(--primary-bg);color:var(--primary);border-color:var(--primary)} .msc-foot{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 14px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);flex-shrink:0} .msc-foot button{min-height:46px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-family:var(--font);font-size:0.86em;font-weight:600;cursor:pointer}h2.ph{color:var(--primary);font-size:1.8em;font-weight:800;margin:16px 0 20px;letter-spacing:-0.02em;line-height:1.2} .hero h2.ph{color:#fff;font-size:2.4em;margin:0 0 8px;position:relativetext-shadow:0 2px 14px rgba(3,22,38,0.55)} .hero h2.ph{font-size:1.6emtext-shadow:0 2px 14px rgba(3,22,38,0.55)} h2.ph{font-size:1.5em} h2.ph,h2,h3,.nav-logo,.hero-btn,.hero-badge{font-family:'Play',var(--font)} .hero .hero-badge,.hero h2.ph,.hero p{position:relative;z-index:2;text-shadow:0 2px 16px rgba(3,22,38,0.7),0 1px 4px rgba(0,0,0,0.4)} h2.ph{font-size:1.35em;margin:12px 0 14px} .hero h2.ph{font-size:1.45em}.hero-sec{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:18px 0 4px} .hero-sec a{display:flex;flex-direction:column;gap:3px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:.15s} .hero-sec a:hover{border-color:var(--primary);background:var(--primary-bg);transform:translateY(-2px)} .hero-sec a b{font-size:16px;color:var(--primary)} .hero-sec a span{font-size:12.5px;color:var(--text-secondary)} @media(max-width:600px){.hero-sec{grid-template-columns:1fr 1fr;gap:8px}} @media(max-width:380px){.hero-sec{grid-template-columns:1fr}} .secnav{background:var(--surface);border-bottom:1px solid var(--border);position:relative;z-index:60} .secnav-inner{max-width:1200px;margin:0 auto;display:flex;padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none} .secnav-inner::-webkit-scrollbar{display:none} .secnav a{flex:0 0 auto;padding:10px 16px;font-size:.84em;font-weight:600;color:var(--text-secondary);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap;transition:all .2s;font-family:var(--font)} .secnav a:hover{color:var(--primary);background:var(--primary-bg);border-bottom-color:var(--primary)} .hub-grid{margin:20px 0 0;padding:18px 20px;background:var(--surface);border:1px solid var(--border);border-radius:14px} .hub-grid h2{font-size:1.06em;margin:0 0 4px} .hub-sub{font-size:.78em;color:var(--text-secondary);margin:0 0 12px;line-height:1.5} .hub-links{display:flex;flex-wrap:wrap;gap:6px} .hub-links a{display:inline-block;padding:5px 12px;background:var(--primary-bg);color:var(--primary);border-radius:20px;font-size:.78em;font-weight:600;text-decoration:none;border:1px solid rgba(2,119,189,.15)} .hub-links a:hover{background:var(--primary);color:#fff;border-color:var(--primary)} .hub-mo{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)} .hub-more{display:inline-block;margin-top:10px;font-size:.8em;font-weight:600;color:var(--primary);text-decoration:none} .hub-more:hover{text-decoration:underline} @media(max-width:900px){.secnav-inner{padding:0 12px}} @media(max-width:600px){.secnav a{padding:9px 12px;font-size:.9em}} @media print{.secnav,.hub-grid{display:none!important}} .nav-search{position:relative;flex:0 0 270px;width:270px;margin-left:auto} .msc-search{position:relative} .gs-box{position:absolute;top:calc(100% + 6px);right:0;left:auto;width:max(100%,380px);max-width:calc(100vw - 24px);background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 14px 40px rgba(4,25,40,.25);z-index:4000;max-height:min(58vh,430px);overflow-y:auto;overscroll-behavior:contain;padding:6px;text-align:left} .gs-gr{font-size:0.68em;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);padding:7px 10px 3px;font-weight:800} .gs-it{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:9px;cursor:pointer;line-height:1.25} .gs-it:hover,.gs-it.sel{background:var(--primary-bg)} .gs-it b{font-size:0.9em;color:var(--text)} .gs-it>div{min-width:0;flex:1} .gs-it b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .gs-it small{color:var(--text-secondary);font-size:0.75em;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px} .gs-ic{font-size:1.15em;flex-shrink:0} .gs-empty{padding:12px;color:var(--text-secondary);font-size:0.85em} body.dark .gs-box{box-shadow:0 14px 40px rgba(0,0,0,.55)} details.seocat{margin:8px 0;border:1px solid var(--border);border-radius:10px;background:var(--bg-soft,#f7fafc)}details.seocat>summary{cursor:pointer;padding:10px 14px;font-weight:700;color:var(--primary);font-size:.95em}details.seocat[open]>summary{border-bottom:1px solid var(--border)}.seocat-g{display:flex;flex-wrap:wrap;gap:4px 6px;padding:10px 14px}.seocat-g a{font-size:.86em;text-decoration:none;color:var(--text-secondary);background:var(--bg,#fff);border:1px solid var(--border);border-radius:999px;padding:3px 10px}.seocat-g a:hover{color:#fff;background:var(--primary);border-color:var(--primary)}.seo-cat{margin:18px 0 4px;padding:0 2px}:root{--accent-ink:#9a4d00;--primary-ink:#01579b;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:80px;--measure:74ch;--focus-ring:0 0 0 3px var(--surface),0 0 0 5px var(--primary-ink)} body.dark{--accent-ink:#ffb74d;--primary-ink:#4fc3f7}.nav-logo span{color:var(--accent-ink)} .wlink:hover{color:var(--accent-ink)} .crumb:hover{color:var(--accent-ink)} .rp-card-fish{color:var(--accent-ink)}:focus{outline:none} :focus-visible{outline:2px solid var(--primary-ink);outline-offset:2px;border-radius:4px} .nav-btn:focus-visible,.tab-btn:focus-visible,.hero-btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--primary-ink);outline-offset:2px;box-shadow:var(--focus-ring)} .th:focus-visible{outline:2px solid var(--primary-ink)}.skip-link{position:fixed;top:-100px;left:var(--s4);z-index:99999;background:var(--primary);color:#fff;font-weight:700;padding:var(--s3) var(--s5);border-radius:0 0 10px 10px;text-decoration:none;box-shadow:0 6px 22px rgba(0,0,0,.3);transition:top .18s ease} .skip-link:focus{top:0;color:#fff;outline:3px solid var(--accent)} #content:focus{outline:none}.page p,.page li,.page td{max-width:var(--measure)} .page td,.page th{max-width:none} .page h2,.page h3,.page .card p{text-wrap:balance} .page p,.page li{text-wrap:pretty}.page h1{font-size:clamp(1.45rem,1.15rem + 1.4vw,1.95rem);line-height:1.22} .page h2{font-size:clamp(1.15rem,1.02rem + 0.6vw,1.4rem)} .page h3{font-size:clamp(1.02rem,0.97rem + 0.25vw,1.15rem)}.hero h1{font-size:clamp(1.75rem,1.1rem + 3.2vw,2.5rem)} .hero h2{font-size:clamp(1.05rem,0.95rem + 0.6vw,1.35rem)}.table-wrap{-webkit-overflow-scrolling:touch;scrollbar-width:thin} .table-wrap::-webkit-scrollbar{height:6px} .table-wrap::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px;opacity:.45}@media (prefers-reduced-motion:no-preference){.card,.nav-btn,.tab-btn,.hero-btn,.seocat-g a,.seocat a{transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease} .card:hover{transform:translateY(-2px)} .fish-card:hover{transform:translateY(-3px)} @media (hover:hover){.card:hover{box-shadow:var(--shadow-hover)} .seocat-g a:hover{transform:translateY(-1px)}}}.nav-btn.active,.tab.active{position:relative} .nav-btn.active::after,.tab.active::after{content:'';position:absolute;left:var(--s3);right:var(--s3);bottom:-1px;height:3px;background:var(--accent);border-radius:2px 2px 0 0} .tab.active::after{left:var(--s2);right:var(--s2);bottom:2px;height:2px}.crumb{font-size:.86em;line-height:1.9} .wlink{text-underline-offset:2px;text-decoration-thickness:1px} .nav-drop a,.nav-drop button{display:block;width:100%;text-align:left;padding:9px 14px;background:none;border:none;color:var(--text);font-size:0.86em;font-family:var(--font);border-radius:6px;cursor:pointer;white-space:nowrap;text-decoration:none;line-height:1.35}.nav-drop a:hover,.nav-drop button:hover{background:var(--primary-bg);color:var(--primary)}.nav-drop a[data-page].active{background:var(--primary);color:#fff;border-color:var(--primary)}a.nav-btn{text-decoration:none;display:inline-flex;align-items:center;gap:4px}a.nav-btn:hover{text-decoration:none}.msc-list a,.msc-list button{display:block;width:100%;text-align:left;min-height:48px;padding:11px 18px;background:none;border:none;color:var(--text-secondary);font-family:var(--font);font-size:0.9em;cursor:pointer;border-radius:0;text-decoration:none;line-height:1.35}.msc-list a:hover,.msc-list button:hover{background:var(--primary-bg);color:var(--primary)}.msc-pop a,.msc-pop button{min-height:46px;padding:8px 8px;border:1px solid var(--border);border-radius:10px;background:var(--surface-alt);color:var(--text);font-size:0.84em;font-weight:600;cursor:pointer;text-decoration:none;display:block;text-align:center}.msc-pop a:hover,.msc-pop button:hover{background:var(--primary);color:#fff}.msc-flat,.msc-btn{text-decoration:none}a.wlink{color:var(--primary);cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px;font:inherit}a.wlink:hover{color:var(--accent)}a.tab-btn{text-decoration:none;display:inline-block}a.tab-btn:hover{text-decoration:none}a.tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}a.crumb{color:var(--text-secondary);text-decoration:none;cursor:pointer}a.crumb:hover{color:var(--primary);text-decoration:underline}   .hero-scale{position:relative;z-index:2;margin:0 auto;max-width:660px;padding:14px 18px;border-radius:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);text-align:center} .hs-title{font-size:.76em;letter-spacing:.07em;text-transform:uppercase;font-weight:700;opacity:.92;margin-bottom:10px} .hs-row{display:flex;justify-content:center;gap:30px;flex-wrap:wrap} .hs-item{text-align:center} .hs-item .n{display:block;font-size:1.6em;font-weight:800;line-height:1.15} .hs-item .l{font-size:.8em;opacity:.82} .hs-note{font-size:.78em;opacity:.9;margin:12px 0 0;line-height:1.45} @media(max-width:600px){.hs-row{gap:18px}.hs-item .n{font-size:1.35em}.hs-note{font-size:.75em}}  @media (prefers-color-scheme:dark){:root:not(.light){color-scheme:dark;--primary:#5ec6f0;--primary-light:#8ad6f7;--primary-bg:rgba(94,198,240,0.12);--accent:#f0a53e;--surface:#122130;--surface-alt:#0b1620;--text:#e6f0f5;--text-secondary:#93aec1;--border:rgba(140,195,220,0.16);--shadow:0 2px 12px rgba(0,0,0,.45);--shadow-hover:0 10px 34px rgba(0,0,0,.6)}}  .footer-grid>.footer-bottom,.footer-grid>.footer-contacts{grid-column:1/-1} .footer-contacts{text-align:center;margin-top:-8px;color:#b0c4d4} .footer-contacts a{color:#ffd54f;text-decoration:none} .footer-contacts a:hover{text-decoration:underline}  input[type="checkbox"]{width:24px;height:24px;min-width:24px;min-height:24px;accent-color:var(--primary);cursor:pointer;vertical-align:middle;margin:0 8px 0 0}  :root{--idx-good:#1b5e20;--idx-fair:#2e7d32;--idx-mid:#e65100;--idx-bad:#bf360c;--idx-poor:#b71c1c} body.dark{--idx-good:#66bb6a;--idx-fair:#81c784;--idx-mid:#ffb74d;--idx-bad:#ff8a65;--idx-poor:#ef9a9a}  body.dark .tab-btn.active,body.dark .btn{color:#06202e !important}  :root {color-scheme:light;--surface:#fffefb;--surface-alt:#f2f0ea;--surface-raised:#ffffff;--text:#1f2429;--text-secondary:#5c6670;--primary:#01579b;--primary-light:#4fc3f7;--primary-hover:#01497f;--primary-bg:rgba(1,87,155,.07);--primary-ink:#01579b;--accent:#9c5b09;--accent-bg:rgba(156,91,9,.10);--border:rgba(31,36,41,.10);--border-strong:rgba(31,36,41,.18);--shadow:0 1px 2px rgba(31,36,41,.05),0 4px 12px rgba(31,36,41,.05);--shadow-hover:0 4px 20px rgba(31,36,41,.10);--idx-excellent:#1b5e20;--idx-good:#2e7d32;--idx-fair:#ef6c00;--idx-weak:#d84315;--idx-bad:#b71c1c;--radius:12px;--radius-sm:8px;--radius-lg:16px;--font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-ac:'Play',var(--font);--measure:74ch}  @media (prefers-color-scheme:dark) {:root:not(.light) {color-scheme:dark;--surface:#122130;--surface-alt:#0b1620;--surface-raised:#16242f;--text:#e6f0f5;--text-secondary:#93aec1;--primary:#5ec6f0;--primary-light:#8ad6f7;--primary-hover:#8ad6f7;--primary-bg:rgba(94,198,240,.12);--primary-ink:#5ec6f0;--accent:#f0a53e;--accent-bg:rgba(240,165,62,.14);--border:rgba(140,195,220,.16);--border-strong:rgba(140,195,220,.30);--shadow:0 2px 12px rgba(0,0,0,.45);--shadow-hover:0 10px 34px rgba(0,0,0,.6);--idx-excellent:#66bb6a;--idx-good:#a5d6a7;--idx-fair:#ffb74d;--idx-weak:#ff8a65;--idx-bad:#ef9a9a}}  body.dark {color-scheme:dark;--surface:#122130;--surface-alt:#0b1620;--surface-raised:#16242f;--text:#e6f0f5;--text-secondary:#93aec1;--primary:#5ec6f0;--primary-light:#8ad6f7;--primary-hover:#8ad6f7;--primary-bg:rgba(94,198,240,.12);--primary-ink:#5ec6f0;--accent:#f0a53e;--accent-bg:rgba(240,165,62,.14);--border:rgba(140,195,220,.16);--border-strong:rgba(140,195,220,.30);--shadow:0 2px 12px rgba(0,0,0,.45);--shadow-hover:0 10px 34px rgba(0,0,0,.6);--idx-excellent:#66bb6a;--idx-good:#a5d6a7;--idx-fair:#ffb74d;--idx-weak:#ff8a65;--idx-bad:#ef9a9a}  .site-head{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:60} .site-head-in{max-width:1200px;margin:0 auto;padding:10px 16px;display:flex;gap:14px;align-items:center;flex-wrap:wrap} .site-head a{color:var(--text);text-decoration:none;font-size:14px;font-weight:500} .site-head a:hover{color:var(--primary)} .site-head .site-logo{font-weight:800;font-size:17px;color:var(--primary);white-space:nowrap} .site-nav{display:flex;gap:14px;flex-wrap:wrap;flex:1 1 auto}  .site-nav a{padding:4px 0} .site-nav a.is-current{color:var(--primary);font-weight:700} .site-cta{background:var(--primary-bg);color:var(--primary-ink);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 12px;font-weight:600;white-space:nowrap} .site-cta:hover{background:var(--primary);color:var(--surface);border-color:var(--primary)} .site-theme{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:15px;line-height:1;padding:6px 8px;cursor:pointer;color:var(--text)} .site-theme:hover{border-color:var(--primary)} .site-foot{background:var(--surface);border-top:1px solid var(--border);padding:40px 20px 24px;margin-top:40px} .site-foot .footer-inner{max-width:1200px;margin:0 auto} .site-foot .footer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:32px;margin-bottom:24px} .site-foot .footer-col h3{color:var(--text);font-size:0.9em;font-weight:700;margin-bottom:12px;text-transform:uppercase;letter-spacing:0.05em} .site-foot .footer-col a{display:block;color:var(--text-secondary);text-decoration:none;font-size:0.9em;line-height:1.9} .site-foot .footer-col a:hover{color:var(--primary)} .site-foot .footer-bottom,.site-foot .footer-contacts{grid-column:1/-1;text-align:center} .site-foot .footer-bottom{padding-top:20px;border-top:1px solid var(--border);color:var(--text-secondary);font-size:0.82em} .site-foot .footer-contacts{color:var(--text-secondary);font-size:0.82em;margin-top:8px} .site-foot .footer-contacts a{color:var(--primary)} @media (max-width:900px){.site-nav{order:3;width:100%} .site-foot .footer-grid{grid-template-columns:repeat(2,1fr);gap:20px}} @media (max-width:600px){.site-foot .footer-grid{grid-template-columns:1fr}}  @media (max-width:900px){.site-head-in{gap:8px;padding:8px 14px} .site-nav{gap:6px;flex-wrap:nowrap} .site-nav a{flex:1 1 0;min-width:0;justify-content:center;white-space:nowrap;display:inline-flex;align-items:center;min-height:44px;padding:10px 2px;font-size:13px;box-sizing:border-box} .site-head .site-logo{display:inline-flex;align-items:center;min-height:44px;padding:6px 0;box-sizing:border-box;font-size:15px;white-space:nowrap} .site-cta{display:inline-flex;align-items:center;min-height:44px;padding:8px 10px;font-size:13px;box-sizing:border-box;white-space:nowrap} .site-theme,.nav-toggle{min-width:44px;min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}  .site-foot .footer-col a{display:flex;align-items:center;min-height:44px;padding:8px 0;line-height:1.3;box-sizing:border-box}  summary{min-height:44px;padding:9px 0;box-sizing:border-box}  .chips a span{padding:14px 14px} .chips a{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box}  .grid a{display:flex;align-items:center;min-height:44px;padding:12px;box-sizing:border-box}  button{min-height:44px} .sp-sbtn{min-height:44px;padding:12px 14px;box-sizing:border-box} .fav-btn{min-height:44px}  select,input,textarea{min-height:44px;box-sizing:border-box}  .fish-grid a{display:flex;align-items:center;min-height:44px;padding:10px 12px;box-sizing:border-box}  .sp-rel a{display:inline-flex;align-items:center;min-height:44px;padding:11px 14px;box-sizing:border-box}  .sp-crumbs a{display:inline-flex;align-items:center;min-height:44px;padding:8px 4px;box-sizing:border-box}  .sec-nav-in a{display:inline-flex;align-items:center;min-height:44px;padding:8px;box-sizing:border-box}  .footer-contacts a{display:inline-flex;align-items:center;min-height:44px;padding:0 2px;vertical-align:middle;box-sizing:border-box}}  .back-top{position:fixed;bottom:24px;right:24px;width:46px;height:46px;border-radius:50%;background:var(--primary);color:#fff;border:none;font-size:1.3em;cursor:pointer;z-index:99;box-shadow:0 4px 16px rgba(0,0,0,0.2);opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .25s,transform .25s,box-shadow .25s;display:flex;align-items:center;justify-content:center} .back-top.visible{opacity:1;transform:translateY(0);pointer-events:auto} .back-top:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.3)} @media(max-width:600px){.back-top{bottom:calc(18px + env(safe-area-inset-bottom,0px));right:14px}}  html,body{overflow-x:hidden} .nav{background:var(--surface);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border);box-shadow:0 1px 3px rgba(0,0,0,0.04)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:6px;padding:8px 20px;flex-wrap:wrap}.nav-logo{font-size:1.3em;font-weight:800;color:var(--primary);white-space:nowrap;margin-right:12px;letter-spacing:-0.02em}.nav-logo span{color:var(--accent)}.nav-group{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.nav-separator{width:1px;height:24px;background:var(--border);margin:0 4px}.nav-btn{padding:7px 14px;background:transparent;border:1px solid transparent;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:0.82em;font-weight:500;transition:all 0.2s;white-space:nowrap;font-family:var(--font)}.nav-btn:hover{background:var(--primary-bg);color:var(--primary);border-color:rgba(2,119,189,0.15)}.nav-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.nav-toggle{display:none;padding:8px 12px;background:var(--primary-bg);border:1px solid var(--border);color:var(--primary);border-radius:var(--radius-sm);cursor:pointer;font-size:1.1em}body.dark .nav{border-bottom-color:rgba(255,255,255,0.06);box-shadow:0 1px 3px rgba(0,0,0,0.3)}body.dark .nav-btn{color:var(--text-secondary)}body.dark .nav-btn:hover{background:var(--primary-bg);color:var(--primary)}.nav-item{position:relative}.nav-item .nav-btn{display:flex;align-items:center;gap:4px}.nav-item.open .caret{transform:rotate(180deg)}.nav-drop{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:225px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 12px 32px rgba(0,0,0,0.18);padding:6px;z-index:1500}.nav-item.open .nav-drop{display:block}.nav-drop button{display:block;width:100%;text-align:left;padding:9px 14px;background:none;border:none;color:var(--text);font-size:0.86em;font-family:var(--font);border-radius:6px;cursor:pointer;white-space:nowrap}.nav-drop button:hover{background:var(--primary-bg);color:var(--primary)}.nav-search input{padding:8px 15px;border:1px solid var(--border);background:transparent;color:var(--text);border-radius:20px;font-size:0.82em;font-family:var(--font);width:100%;outline:none;transition:border .2s}.nav-search input:focus{border-color:var(--primary)}h1,h2,h3,.nav-logo,.hero-btn,.hero-badge{font-family:'Play',var(--font)}h2.ph,h2,h3,.nav-logo,.hero-btn,.hero-badge{font-family:'Play',var(--font)}.nav-logo{font-weight:700;letter-spacing:0.3px}.nav{background:rgba(255,255,255,0.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(12,109,168,0.14);box-shadow:0 1px 0 rgba(12,109,168,.05)}body.dark .nav{background:rgba(11,22,32,0.84);border-bottom-color:rgba(140,195,220,.12)}.nav-btn.active{background:linear-gradient(135deg,#0c6da8,#2f9fd6);border-color:transparent;color:#fff;box-shadow:0 4px 16px rgba(12,109,168,.4)}body.dark .nav-btn.active{background:linear-gradient(135deg,#16688f,#5ec6f0);color:#06202e}.nav-drop::before{content:'';position:absolute;left:0;right:0;top:-14px;height:14px}.nav-drop{transition:opacity .12s ease}.msc{display:none;position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,0.45)}.msc.open{display:block}.msc-panel{position:absolute;top:0;right:0;bottom:0;width:min(86vw,340px);background:var(--surface);box-shadow:-12px 0 32px rgba(0,0,0,0.25);transform:translateX(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px)}.msc.open .msc-panel{transform:translateX(0)}.msc-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);font-weight:800;font-size:1.05em;flex-shrink:0}.msc-x{width:44px;height:44px;border:none;border-radius:10px;background:var(--surface-alt);color:var(--text);font-size:1.05em;cursor:pointer}.msc-search{padding:10px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.msc-search input{width:100%;min-height:46px;padding:8px 14px;border:1.5px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-size:16px;font-family:var(--font);outline:none}.msc-search input:focus{border-color:var(--primary)}.msc-body{overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.msc-gr{border-bottom:1px solid var(--border)}.msc-gr-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:8px 16px;background:none;border:none;color:var(--text);font-family:var(--font);font-size:0.95em;font-weight:700;cursor:pointer;text-align:left}.msc-gr.open .msc-gr-btn .car{transform:rotate(180deg)}.msc-gr-btn .car{font-size:0.7em;opacity:.55;transition:transform .2s}.msc-gr-btn .cnt{font-size:0.75em;font-weight:600;color:var(--text-secondary);background:var(--surface-alt);border-radius:999px;padding:2px 10px}.msc-list{display:none;padding:0 0 6px}.msc-gr.open .msc-list{display:block}.msc-list button{display:block;width:100%;text-align:left;min-height:48px;padding:11px 18px;background:none;border:none;color:var(--text-secondary);font-family:var(--font);font-size:0.9em;cursor:pointer;border-radius:0}.msc-list button:active{background:var(--primary-bg);color:var(--primary)}.msc-pop{padding:10px 12px 6px;display:grid;grid-template-columns:1fr 1fr;gap:8px;border-bottom:1px solid var(--border)}.msc-pop .lbl{grid-column:1/-1;font-size:0.7em;font-weight:800;color:var(--text-secondary);letter-spacing:.06em;padding:0 2px 2px}.msc-pop button{min-height:46px;padding:8px 8px;border:1px solid var(--border);border-radius:10px;background:var(--surface-alt);color:var(--text);font-family:var(--font);font-size:0.84em;font-weight:600;cursor:pointer}.msc-pop button:active{background:var(--primary-bg);color:var(--primary);border-color:var(--primary)}.msc-foot{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 14px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);flex-shrink:0}.msc-foot button{min-height:46px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-family:var(--font);font-size:0.86em;font-weight:600;cursor:pointer}h2.ph,h2,h3,.nav-logo,.hero-btn,.hero-badge{font-family:'Play',var(--font)}.nav-search{position:relative;flex:0 0 270px;width:270px;margin-left:auto}.msc-search{position:relative}.nav-logo span{color:var(--accent-ink)}.nav-btn:focus-visible,.tab-btn:focus-visible,.hero-btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--primary-ink);outline-offset:2px;box-shadow:var(--focus-ring)}.nav-btn.active,.tab.active{position:relative}.nav-btn.active::after,.tab.active::after{content:'';position:absolute;left:var(--s3);right:var(--s3);bottom:-1px;height:3px;background:var(--accent);border-radius:2px 2px 0 0}.nav-drop a,.nav-drop button{display:block;width:100%;text-align:left;padding:9px 14px;background:none;border:none;color:var(--text);font-size:0.86em;font-family:var(--font);border-radius:6px;cursor:pointer;white-space:nowrap;text-decoration:none;line-height:1.35}.nav-drop a:hover,.nav-drop button:hover{background:var(--primary-bg);color:var(--primary)}.nav-drop a[data-page].active{background:var(--primary);color:#fff;border-color:var(--primary)}.msc-list a,.msc-list button{display:block;width:100%;text-align:left;min-height:48px;padding:11px 18px;background:none;border:none;color:var(--text-secondary);font-family:var(--font);font-size:0.9em;cursor:pointer;border-radius:0;text-decoration:none;line-height:1.35}.msc-list a:hover,.msc-list button:hover{background:var(--primary-bg);color:var(--primary)}.msc-pop a,.msc-pop button{min-height:46px;padding:8px 8px;border:1px solid var(--border);border-radius:10px;background:var(--surface-alt);color:var(--text);font-size:0.84em;font-weight:600;cursor:pointer;text-decoration:none;display:block;text-align:center}.msc-pop a:hover,.msc-pop button:hover{background:var(--primary);color:#fff}.msc-flat,.msc-btn{text-decoration:none} @media(max-width:900px){.nav-inner{gap:4px;padding:8px 12px}.nav-group{display:none;position:absolute;top:100%;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 8px 24px rgba(0,0,0,0.1);padding:12px;flex-direction:column;z-index:99}.nav-group.open{display:flex}.nav-toggle{display:block}.nav-separator{display:none}} @media(max-width:600px){.msc-flat{display:block;width:100%;text-align:left;min-height:52px;padding:12px 18px;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text);font-family:var(--font);font-size:0.95em;font-weight:600;cursor:pointer}.msc-flat:active{background:var(--primary-bg);color:var(--primary)}.msc-body .msc-gr:first-child .msc-gr-btn{border-top:1px solid var(--border)}} @media (prefers-reduced-motion:no-preference){.card,.nav-btn,.tab-btn,.hero-btn,.seocat-g a,.seocat a{transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease}}    @font-face {font-family:'Inter';font-style:normal;font-weight:400;font-display:optional;src:url(/fonts/inter-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}  @font-face {font-family:'Inter';font-style:normal;font-weight:400;font-display:optional;src:url(/fonts/inter-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}  @font-face {font-family:'Inter';font-style:normal;font-weight:400;font-display:optional;src:url(/fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}  @font-face {font-family:'Inter';font-style:normal;font-weight:400;font-display:optional;src:url(/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}  @font-face {font-family:'Inter';font-style:normal;font-weight:500;font-display:optional;src:url(/fonts/inter-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}  @font-face {font-family:'Inter';font-style:normal;font-weight:500;font-display:optional;src:url(/fonts/inter-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}  @font-face {font-family:'Inter';font-style:normal;font-weight:500;font-display:optional;src:url(/fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}  @font-face {font-family:'Inter';font-style:normal;font-weight:500;font-display:optional;src:url(/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}  @font-face {font-family:'Inter';font-style:normal;font-weight:600;font-display:optional;src:url(/fonts/inter-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}  @font-face {font-family:'Inter';font-style:normal;font-weight:600;font-display:optional;src:url(/fonts/inter-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}  @font-face {font-family:'Inter';font-style:normal;font-weight:600;font-display:optional;src:url(/fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}  @font-face {font-family:'Inter';font-style:normal;font-weight:600;font-display:optional;src:url(/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}  @font-face {font-family:'Inter';font-style:normal;font-weight:700;font-display:optional;src:url(/fonts/inter-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}  @font-face {font-family:'Inter';font-style:normal;font-weight:700;font-display:optional;src:url(/fonts/inter-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}  @font-face {font-family:'Inter';font-style:normal;font-weight:700;font-display:optional;src:url(/fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}  @font-face {font-family:'Inter';font-style:normal;font-weight:700;font-display:optional;src:url(/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}  @font-face {font-family:'Inter';font-style:normal;font-weight:800;font-display:optional;src:url(/fonts/inter-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}  @font-face {font-family:'Inter';font-style:normal;font-weight:800;font-display:optional;src:url(/fonts/inter-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}  @font-face {font-family:'Inter';font-style:normal;font-weight:800;font-display:optional;src:url(/fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}  @font-face {font-family:'Inter';font-style:normal;font-weight:800;font-display:optional;src:url(/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}  @font-face {font-family:'Play';font-style:normal;font-weight:700;font-display:optional;src:url(/fonts/play-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}  @font-face {font-family:'Play';font-style:normal;font-weight:700;font-display:optional;src:url(/fonts/play-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}  @font-face {font-family:'Play';font-style:normal;font-weight:700;font-display:optional;src:url(/fonts/play-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}  @font-face {font-family:'Play';font-style:normal;font-weight:700;font-display:optional;src:url(/fonts/play-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}