:root{--bg: #f3f6f7;--surface: #ffffff;--surface-2: #eef3f4;--ink: #18232f;--ink-prose: #2f3d49;--ink-soft: #56636e;--ink-faint: #8995a0;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;--font-serif: "Newsreader", Georgia, "Times New Roman", serif;--line: #e6ecee;--line-soft: #eef2f3;--brand: #0ca5a0;--brand-deep: #0f766e;--brand-wash: #e6f6f5;--easy: #15803d;--easy-bg: #e3f3e9;--medium: #b45309;--medium-bg: #fbf1da;--hard: #b91c1c;--hard-bg: #fbe6e4;--ok: #15803d;--ok-bg: #e9f5ed;--ok-line: #c6e6d1;--warn: #b45309;--warn-bg: #fbf3e2;--warn-line: #f0dcaf;--bad: #b91c1c;--bad-bg: #fbe9e7;--bad-line: #f1ccc8;--radius: 13px;--radius-sm: 9px;--radius-lg: 18px;--maxw: 856px;--shadow: 0 1px 2px rgba(18, 32, 46, .035), 0 4px 14px rgba(18, 32, 46, .045);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 36px;--s7: 56px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}a{color:var(--brand-deep);text-underline-offset:2px}h1,h2,h3{color:var(--ink)}h1{font-family:var(--font-serif);font-weight:600;line-height:1.08;font-size:clamp(2rem,5.4vw,2.7rem);letter-spacing:-.021em;margin:.2em 0}h1 em{font-style:italic;font-weight:400;color:var(--ink-soft)}h2{font-size:1.35rem;line-height:1.22;margin:2rem 0 .6rem;padding-top:.4rem}.site-header{background:var(--surface);border-bottom:1px solid var(--line)}.site-header{position:sticky;top:0;z-index:40}.site-header .wrap{display:flex;align-items:center;gap:10px;height:60px}.site-header .logo{font-weight:700;font-size:1.05rem;color:var(--brand-deep);text-decoration:none;letter-spacing:-.015em}.site-header .logo span{color:var(--ink-soft);font-weight:500;letter-spacing:0}.site-footer{margin-top:56px;border-top:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:.85rem}.site-footer .wrap{padding:26px 20px}.footer-nav{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:16px}.footer-nav a{color:var(--ink);text-decoration:none;font-size:.9rem;font-weight:600}.footer-nav a:hover{color:var(--brand-deep);text-decoration:underline}.footer-meta{margin:0;padding-top:14px;border-top:1px solid var(--line)}article.fish{padding:26px 0 10px}.breadcrumbs{font-size:.82rem;color:var(--ink-soft);margin:8px 0 14px}.breadcrumbs a{color:var(--ink-soft);text-decoration:none}.breadcrumbs a:hover{color:var(--brand-deep);text-decoration:underline}.breadcrumbs .sep{margin:0 7px;opacity:.5}.hero-hook{font-family:var(--font-serif);font-size:1.2rem;line-height:1.5;color:var(--ink-soft);margin:.3em 0 1em}.byline{font-size:.82rem;color:var(--ink-faint);display:flex;gap:10px;flex-wrap:wrap;align-items:center}.byline .dot{opacity:.4}.fish-hero{display:grid;gap:18px 22px;margin:6px 0 4px}@media(min-width:720px){.fish-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center}}.fish-hero-media img,.fish-hero-ph{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;border-radius:var(--radius-lg);background:var(--surface-2)}.fish-hero-ph{display:grid;place-items:center;color:var(--brand-deep);background:linear-gradient(120deg,var(--brand-wash),#d8eef0 60%,#cbe7ea)}.fish-hero-credit{font-size:.72rem;color:var(--ink-faint);margin:6px 2px 0;text-align:right}picture{display:contents}.carousel{position:relative}.carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:var(--radius-lg);scrollbar-width:none;-webkit-overflow-scrolling:touch}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{flex:0 0 100%;scroll-snap-align:center}.carousel-slide img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;background:var(--surface-2);cursor:zoom-in}.carousel-arrow{position:absolute;top:calc(50% - 12px);transform:translateY(-50%);width:34px;height:34px;border-radius:999px;border:none;cursor:pointer;background:#ffffffd1;color:var(--ink);font-size:1.4rem;line-height:1;display:grid;place-items:center;box-shadow:var(--shadow);padding:0}.carousel-arrow.prev{left:8px}.carousel-arrow.next{right:8px}.carousel-arrow:hover{background:#fff}.carousel-dots{position:absolute;bottom:34px;left:0;right:0;display:flex;gap:6px;justify-content:center;pointer-events:none}.carousel-dot{width:7px;height:7px;padding:0;border-radius:999px;border:none;cursor:pointer;background:#fff9;box-shadow:0 0 3px #0000004d;pointer-events:auto;transition:width .2s}.carousel-dot.on{background:#fff;width:18px}.carousel-credit{font-size:.72rem;color:var(--ink-faint);margin:6px 2px 0;text-align:right}.lightbox{position:fixed;inset:0;z-index:100;padding:24px;background:#000000e6;display:grid;place-items:center}.lightbox-fig{margin:0;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.lightbox-fig img{max-width:100%;max-height:84vh;object-fit:contain;border-radius:6px;box-shadow:0 8px 40px #00000080}.lightbox-fig figcaption{color:#ffffffa8;font-size:.74rem;text-align:center;max-width:680px}.lightbox-close{position:absolute;top:14px;right:18px;width:40px;height:40px;padding:0;background:#ffffff26;color:#fff;border:none;border-radius:999px;font-size:1.7rem;line-height:1;cursor:pointer;display:grid;place-items:center}.lightbox-close:hover{background:#ffffff4d}.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);padding:0;width:46px;height:46px;border-radius:999px;border:none;cursor:pointer;background:#ffffff26;color:#fff;font-size:1.9rem;line-height:1;display:grid;place-items:center}.lightbox-arrow:hover{background:#ffffff4d}.lightbox-arrow.prev{left:16px}.lightbox-arrow.next{right:16px}.fish-hero-info h1{margin:0 0 2px}.fish-hero-info .hero-hook{margin:.25em 0 .9em}.keychips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.keychip{display:flex;flex-direction:column;gap:4px;background:var(--surface-2);border-radius:var(--radius-sm);padding:7px 11px}.keychip-k{font-size:.66rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint)}.keychip-v{font-weight:700;font-size:.9rem}.keychip .badge{align-self:flex-start}.jump{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 4px}.jump a{font-size:.82rem;font-weight:600;color:var(--brand-deep);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:5px 12px;text-decoration:none}.jump a:hover{background:var(--brand-wash);border-color:var(--brand)}.group-head{margin:4px 0 20px}.group-blurb{font-family:var(--font-serif);font-size:1.25rem;line-height:1.5;color:var(--ink-soft);margin:.35em 0 0;max-width:56ch}.group-foot{font-size:.86rem;color:var(--ink-faint);margin:24px 0 0;max-width:72ch}.hero-img,.hero-placeholder{width:100%;border-radius:var(--radius);margin:16px 0 4px;aspect-ratio:16 / 7;object-fit:cover;display:block}.hero-placeholder{background:linear-gradient(120deg,var(--brand-wash),#d8eef0 60%,#cbe7ea);display:grid;place-items:center;color:var(--brand-deep)}.hero-fig{margin:16px 0 4px}.hero-fig .hero-img{margin:0}.hero-credit{font-size:.74rem;color:var(--ink-faint);margin-top:5px;text-align:right}.prose{font-family:var(--font-serif);font-size:1.19rem;line-height:1.78;color:var(--ink-prose);max-width:63ch}.prose p{margin:0 0 1.1em}.prose ul{padding-left:1.15em;margin:1em 0}.prose li{margin:.4em 0;padding-left:.15em}.prose strong{color:var(--ink);font-weight:600}.prose em{color:inherit}.prose h2+p{font-size:1.3rem;line-height:1.58;color:var(--ink);margin-bottom:1.15em}.prose h2{font-family:var(--font-serif);font-size:1.62rem;font-weight:600;letter-spacing:-.015em;color:var(--ink);line-height:1.18;margin:2.1em 0 .55em;padding-top:1.05em;border-top:1px solid var(--line);scroll-margin-top:76px}.prose h2:first-child{margin-top:.2em;padding-top:0;border-top:none}.prose h3{font-family:var(--font-serif);font-size:1.24rem;font-weight:600;margin:1.5em 0 .4em}.prose blockquote{margin:1.5em 0;padding:.2em 0 .2em 1.2em;border-left:2px solid var(--brand);background:none;border-radius:0;color:var(--ink-soft);font-size:1.16rem;font-style:italic}.prose h2 a.anchor{color:var(--brand-deep)}.badge{display:inline-block;padding:1px 9px;border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap}.badge.easy{background:var(--easy-bg);color:var(--easy)}.badge.medium{background:var(--medium-bg);color:var(--medium)}.badge.hard,.badge.very-hard{background:var(--hard-bg);color:var(--hard)}.badge.reef-yes{background:var(--ok-bg);color:var(--ok)}.badge.reef-caution{background:var(--warn-bg);color:var(--warn)}.badge.reef-no{background:var(--bad-bg);color:var(--bad)}.section-tag{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-deep);margin-bottom:9px}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.related-card{display:block;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;box-shadow:var(--shadow);transition:transform .12s ease,border-color .12s ease}.related-card:hover{transform:translateY(-2px);border-color:var(--brand)}.related-card .rc-name{font-weight:700}.related-card .rc-sci{font-style:italic;color:var(--ink-faint);font-size:.8rem}.related-card .rc-meta{font-size:.78rem;color:var(--ink-soft);margin-top:6px}.ad-slot{margin:22px 0;padding:18px;border:1px dashed var(--line);border-radius:var(--radius-sm);text-align:center;color:var(--ink-faint);font-size:.78rem;background:var(--surface-2)}.gear-card{margin:22px 0;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow)}.gear-card h3{margin:0 0 4px;font-size:1rem}.gear-card p{margin:0 0 10px;font-size:.9rem;color:var(--ink-soft)}.gear-card .gear-btn{display:inline-block;background:var(--brand-deep);color:#fff;text-decoration:none;padding:7px 14px;border-radius:8px;font-size:.85rem;font-weight:600}.gear-shop{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}.gear-card .gear-link{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--brand);color:var(--brand-deep);text-decoration:none;font-size:.84rem;font-weight:600}.gear-card .gear-link:after{content:"↗";opacity:.55;margin-left:3px}.gear-card .gear-link:hover{background:var(--brand-wash)}.gear-card .gear-disclosure{margin:0;font-size:.73rem;color:var(--ink-faint)}.faq details{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:4px 16px;margin:10px 0;box-shadow:var(--shadow)}.faq summary{font-weight:650;cursor:pointer;padding:10px 0;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"＋";color:var(--brand);font-weight:800;margin-right:8px}.faq details[open] summary:before{content:"－"}.faq details p{margin:0 0 12px;color:var(--ink-soft)}.tmc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px 20px;margin:22px 0}.tmc-title{margin:2px 0 6px;font-size:1.25rem}.tmc-sub{margin:0 0 14px;color:var(--ink-soft);font-size:.92rem}.tmc-controls{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--surface-2);border-radius:var(--radius-sm);margin-bottom:14px}.tmc-tank{display:flex;flex-direction:column;gap:6px;font-size:.86rem;min-width:220px;flex:1}.tmc-tank input[type=range]{accent-color:var(--brand-deep);width:100%}.tmc-filters{display:flex;gap:6px;flex-wrap:wrap}.tmc-filters button{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);border-radius:999px;padding:5px 12px;font-size:.82rem;font-weight:700;cursor:pointer}.tmc-filters button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.tmc-filters button.compatible.on{background:var(--ok);border-color:var(--ok)}.tmc-filters button.caution.on{background:var(--warn);border-color:var(--warn)}.tmc-filters button.incompatible.on{background:var(--bad);border-color:var(--bad)}.tmc-filters button:disabled{opacity:.4;cursor:not-allowed}.tmc-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.tmc-card{border:1px solid var(--line);border-left-width:5px;border-radius:var(--radius-sm);padding:12px 14px;background:var(--surface)}.tmc-card.compatible{border-left-color:var(--ok);background:var(--ok-bg)}.tmc-card.caution{border-left-color:var(--warn);background:var(--warn-bg)}.tmc-card.incompatible{border-left-color:var(--bad);background:var(--bad-bg)}.tmc-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.tmc-name{font-weight:800;font-size:1.02rem;text-decoration:none;color:var(--ink)}.tmc-name:hover{color:var(--brand-deep);text-decoration:underline}.tmc-verdict{font-size:.78rem;font-weight:800;white-space:nowrap}.tmc-verdict.compatible{color:var(--ok)}.tmc-verdict.caution{color:var(--warn)}.tmc-verdict.incompatible{color:var(--bad)}.tmc-mini{font-size:.8rem;color:var(--ink-soft);margin:2px 0 6px}.tmc-reasons{margin:0;padding-left:1.1em;font-size:.88rem;color:var(--ink-soft)}.tmc-reasons li{margin:2px 0}.tmc-foot{font-size:.78rem;color:var(--ink-faint);margin:14px 0 0}.tankmates-cta{display:block;margin:14px 0;padding:13px 16px;border-radius:var(--radius-sm);background:var(--brand-wash);border:1px solid var(--brand);color:var(--brand-deep);font-weight:700;text-decoration:none;font-size:.95rem}.tankmates-cta:hover{background:#d8eef0}.tm-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}.tm-row{border:1px solid var(--line);border-left-width:5px;border-radius:var(--radius-sm);padding:10px 14px;background:var(--surface)}.tm-row.compatible{border-left-color:var(--ok);background:var(--ok-bg)}.tm-row.caution{border-left-color:var(--warn);background:var(--warn-bg)}.tm-row.incompatible{border-left-color:var(--bad);background:var(--bad-bg)}.tm-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.tm-name{font-weight:800;font-size:1.02rem;text-decoration:none;color:var(--ink)}.tm-name:hover{color:var(--brand-deep);text-decoration:underline}.tm-badge{font-size:.74rem;font-weight:800;white-space:nowrap}.tm-badge.ok{color:var(--ok)}.tm-badge.warn{color:var(--warn)}.tm-badge.bad{color:var(--bad)}.tm-spec{font-size:.8rem;color:var(--ink-soft);margin:2px 0 4px}.tm-why{font-size:.9rem;color:var(--ink)}.tm-empty{background:var(--surface-2);border-radius:var(--radius-sm);padding:14px 16px;color:var(--ink-soft)}.tm-more{font-size:.86rem;color:var(--ink-soft);margin:8px 0 0;font-style:italic}.back-link{margin-top:26px;font-weight:600}.hc{margin:6px 0 8px}.hc-box{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 14px}.hc-search{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.hc-chip{display:inline-flex;align-items:center;gap:6px;border:none;cursor:pointer;background:var(--brand-wash);color:var(--brand-deep);font-weight:700;font-size:.95rem;padding:7px 12px;border-radius:999px}.hc-chip span{opacity:.6;font-weight:800}.hc-chip:hover span{opacity:1}.hc-input{flex:1;min-width:170px;border:none;outline:none;font:inherit;font-size:1.05rem;padding:8px 4px;background:transparent;color:var(--ink)}.hc-input::placeholder{color:var(--ink-faint)}.hc-drop{position:absolute;left:10px;right:10px;top:calc(100% + 4px);z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:0 10px 30px #0f1f2e24;list-style:none;margin:6px 0 0;padding:4px;max-height:330px;overflow-y:auto}.hc-drop li button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:none;background:none;cursor:pointer;padding:8px 10px;border-radius:8px;font:inherit}.hc-drop li button:hover{background:var(--surface-2)}.hc-drop-name{font-weight:700}.hc-drop em{color:var(--ink-faint);font-size:.82rem;margin-left:auto;white-space:nowrap}.hc-tankline{text-align:center;margin-top:10px}.hc-tanktoggle{border:none;background:none;cursor:pointer;font:inherit;font-size:.8rem;color:var(--ink-faint);text-decoration:underline dotted;text-underline-offset:3px;padding:2px 6px}.hc-tanktoggle:hover{color:var(--brand-deep)}.hc-tankslider{accent-color:var(--brand-deep);width:min(100%,360px);display:block;margin:8px auto 0}.hc-thumb{width:40px;height:40px;border-radius:10px;object-fit:cover;flex:none;background:var(--surface-2)}.hc-thumb-ph{display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:var(--brand-deep);background:var(--brand-wash);border:1px solid var(--brand)}.hc-popular{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}@media(min-width:640px){.hc-popular{grid-template-columns:repeat(8,1fr)}}.hc-pop{cursor:pointer;font:inherit;padding:0;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow);transition:transform .12s ease,border-color .12s ease}.hc-pop:hover{transform:translateY(-2px);border-color:var(--brand)}.hc-pop img,.hc-pop-ph{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block}.hc-pop-ph{display:grid;place-items:center;font-weight:800;font-size:1.3rem;color:var(--brand-deep);background:var(--brand-wash)}.hc-pop-name{display:block;font-size:.78rem;font-weight:700;color:var(--ink);padding:6px 4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc-conflict{margin-top:12px;border-radius:var(--radius-sm);padding:10px 14px;font-size:.9rem;border:1px solid var(--warn-line);background:var(--warn-bg);color:var(--ink)}.hc-conflict.incompatible{border-color:var(--bad-line);background:var(--bad-bg)}.hc-conflict-row{margin-top:4px;color:var(--ink-soft)}.hc-conflict-row b{color:var(--ink)}.hc-counts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}@media(min-width:560px){.hc-counts{grid-template-columns:repeat(4,1fr)}}.hc-count{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);padding:8px 6px;cursor:pointer;font:inherit;text-align:center}.hc-count-n{display:block;font-size:1.3rem;font-weight:800}.hc-count-l{display:block;font-size:.74rem;color:var(--ink-soft);margin-top:1px}.hc-count.compatible .hc-count-n{color:var(--ok)}.hc-count.caution .hc-count-n{color:var(--warn)}.hc-count.incompatible .hc-count-n{color:var(--bad)}.hc-count.on{outline:2px solid var(--brand-deep);outline-offset:-1px}.hc-count.compatible.on{outline-color:var(--ok);background:var(--ok-bg)}.hc-count.caution.on{outline-color:var(--warn);background:var(--warn-bg)}.hc-count.incompatible.on{outline-color:var(--bad);background:var(--bad-bg)}.hc-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}.hc-row{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-left-width:5px;border-radius:var(--radius-sm);padding:10px 12px;background:var(--surface)}.hc-row.compatible{border-left-color:var(--ok)}.hc-row.caution{border-left-color:var(--warn)}.hc-row.incompatible{border-left-color:var(--bad)}.hc-row-main{min-width:0;flex:1}.hc-row-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.hc-row-top a{font-weight:800;color:var(--ink);text-decoration:none;font-size:1rem}.hc-row-top a:hover{color:var(--brand-deep);text-decoration:underline}.hc-badge{font-size:.74rem;font-weight:800;white-space:nowrap}.hc-badge.compatible{color:var(--ok)}.hc-badge.caution{color:var(--warn)}.hc-badge.incompatible{color:var(--bad)}.hc-row-spec{font-size:.78rem;color:var(--ink-faint);margin:1px 0 3px}.hc-row-why{font-size:.86rem;color:var(--ink-soft)}.hc-row-why b{color:var(--ink);font-weight:700}.hc-more{display:block;width:100%;margin-top:10px;padding:10px;font:inherit;font-weight:700;color:var(--brand-deep);background:var(--brand-wash);border:1px solid var(--brand);border-radius:var(--radius-sm);cursor:pointer}.hc-more:hover{background:#d8eef0}.hc-none{text-align:center;color:var(--ink-soft);margin:16px 0}.hc-foot{font-size:.78rem;color:var(--ink-faint);margin:14px 0 0;text-align:center}.water-switch{display:inline-flex;gap:2px;margin:0 auto 18px;padding:3px;background:var(--surface-2);border:1px solid var(--line);border-radius:999px}.water-switch a{text-decoration:none;font-size:.86rem;font-weight:700;color:var(--ink-soft);padding:6px 18px;border-radius:999px;transition:background .12s,color .12s}.water-switch a:hover{color:var(--ink)}.water-switch a.on{background:var(--brand-deep);color:#fff}.ss{position:relative;flex:1 1 auto;max-width:400px;display:flex;align-items:center}.ss-ico{position:absolute;left:12px;color:var(--ink-faint);display:flex;pointer-events:none}.ss-input{width:100%;height:38px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);padding:0 14px 0 35px;font:inherit;font-size:.92rem;color:var(--ink);outline:none;transition:border-color .12s,background .12s,box-shadow .12s}.ss-input::placeholder{color:var(--ink-faint)}.ss-input:focus{border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 3px var(--brand-wash)}.ss-drop{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:50;min-width:270px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:0 14px 36px #12202e2b;list-style:none;margin:0;padding:4px;max-height:72vh;overflow-y:auto}.ss-drop a{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;text-decoration:none;color:var(--ink)}.ss-drop a.on{background:var(--surface-2)}.ss-drop img,.ss-ph{width:28px;height:28px;border-radius:7px;object-fit:cover;flex:none;background:var(--surface-2)}.ss-ph{display:grid;place-items:center;font-weight:800;font-size:.8rem;color:var(--brand-deep);background:var(--brand-wash)}.ss-name{font-weight:700;font-size:.92rem;white-space:nowrap}.ss-sci{color:var(--ink-faint);font-size:.77rem;margin-left:auto;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-tag.salt{font-size:.64rem;font-weight:700;color:var(--brand-deep);background:var(--brand-wash);padding:1px 7px;border-radius:999px;white-space:nowrap}@media(max-width:640px){.ss{max-width:none}.ss-drop{position:fixed;left:8px;right:8px;top:56px}}.tank-btn{margin-left:auto;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;background:var(--brand-deep);color:#fff;text-decoration:none;font-size:.85rem;font-weight:700;padding:6px 12px;border-radius:999px}@media(max-width:460px){.site-header .logo span{display:none}}.tank-btn:hover{background:#0c5f58}.tank-btn svg{opacity:.9}.tank-btn-n{background:#ffffff40;border-radius:999px;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;font-size:.74rem}.add-tank{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font:inherit;font-size:.92rem;font-weight:700;color:#fff;background:var(--brand-deep);border:1px solid var(--brand-deep);border-radius:var(--radius-sm);padding:9px 16px;margin:0 0 14px;transition:background .12s ease}.add-tank span{font-size:1.1em;line-height:1}.add-tank:hover{background:#0c5f58}.add-tank.on{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-line)}.add-tank.on:hover{background:#d7f0de}.hc-saverow{margin-top:14px;text-align:center}.hc-save{cursor:pointer;font:inherit;font-size:.92rem;font-weight:700;color:var(--brand-deep);background:var(--brand-wash);border:1px solid var(--brand);border-radius:var(--radius-sm);padding:9px 18px}.hc-save span{font-size:1.1em}.hc-save:hover{background:#d8eef0}.hc-saved{display:inline-block;font-weight:700;color:var(--ok);text-decoration:none;padding:9px 4px}.hc-saved:hover{text-decoration:underline}.mt-loading{min-height:240px}.mt-empty{text-align:center;padding:30px 10px 40px;color:var(--brand-deep)}.mt-empty p{color:var(--ink);font-size:1.1rem;margin:14px 0 0}.mt-empty-sub{color:var(--ink-soft)!important;font-size:.95rem!important;max-width:42ch;margin:8px auto 0!important}.mt-cta{display:inline-block;margin-top:20px;background:var(--brand-deep);color:#fff;text-decoration:none;font-weight:700;padding:11px 22px;border-radius:var(--radius-sm)}.mt-cta:hover{background:#0c5f58}.mt-status{display:flex;align-items:center;gap:14px;border-radius:var(--radius);padding:14px 18px;margin:8px 0 18px;border:1px solid var(--line)}.mt-status.compatible{background:var(--ok-bg);border-color:var(--ok-line)}.mt-status.caution{background:var(--warn-bg);border-color:var(--warn-line)}.mt-status.incompatible{background:var(--bad-bg);border-color:var(--bad-line)}.mt-status-ico{font-size:1.6rem;line-height:1}.mt-status strong{display:block;font-size:1.15rem}.mt-status.compatible strong{color:var(--ok)}.mt-status.caution strong{color:var(--warn)}.mt-status.incompatible strong{color:var(--bad)}.mt-status-sub{display:block;font-size:.86rem;color:var(--ink-soft);margin-top:2px}.mt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:560px){.mt-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:760px){.mt-grid{grid-template-columns:repeat(4,1fr)}}.mt-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow)}.mt-card-img{display:block}.mt-card-img img,.mt-ph{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block;background:var(--surface-2)}.mt-ph{display:grid;place-items:center;font-weight:800;font-size:1.5rem;color:var(--brand-deep);background:linear-gradient(120deg,var(--brand-wash),#d8eef0 70%)}.mt-card-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 10px}.mt-card-name{font-weight:700;font-size:.88rem;text-decoration:none;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mt-card-name:hover{color:var(--brand-deep)}.mt-remove{flex:none;cursor:pointer;border:none;background:none;color:var(--ink-faint);font-size:.95rem;line-height:1;padding:2px 4px;border-radius:6px}.mt-remove:hover{color:var(--bad);background:var(--bad-bg)}.mt-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px dashed var(--brand);border-radius:var(--radius-sm);color:var(--brand-deep);text-decoration:none;font-weight:700;font-size:.9rem;min-height:120px;background:var(--surface)}.mt-add:hover{background:var(--brand-wash)}.mt-add-plus{font-size:1.6rem;line-height:1}.mt-issues{margin-top:18px;display:grid;gap:8px}.mt-issue{display:flex;gap:11px;align-items:flex-start;border:1px solid var(--line);border-left-width:5px;border-radius:var(--radius-sm);padding:10px 13px;background:var(--surface)}.mt-issue.caution{border-left-color:var(--warn)}.mt-issue.incompatible{border-left-color:var(--bad)}.mt-issue-ico{line-height:1.3}.mt-issue b{display:block;font-size:.95rem}.mt-issue-why{font-size:.86rem;color:var(--ink-soft)}.mt-foot{font-size:.78rem;color:var(--ink-faint);margin:20px 0 0;text-align:center}.pg{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:560px){.pg{grid-template-columns:repeat(3,1fr)}}@media(min-width:760px){.pg{grid-template-columns:repeat(4,1fr)}}.pg-card{display:block;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow);transition:transform .12s ease,border-color .12s ease}.pg-card:hover{transform:translateY(-2px);border-color:var(--brand)}.pg-img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block;background:var(--surface-2)}.pg-ph{display:grid;place-items:center;color:var(--brand-deep);background:linear-gradient(120deg,var(--brand-wash),#d8eef0 70%)}.pg-name{display:block;font-weight:700;font-size:.9rem;padding:8px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.author-box{display:flex;gap:14px;align-items:flex-start;margin:28px 0 8px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.author-box .ab-avatar{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:1.4rem;background:var(--brand-wash);border:1px solid var(--brand)}.author-box .ab-name{font-weight:800;font-size:.98rem}.author-box .ab-bio{margin:3px 0 6px;font-size:.9rem;color:var(--ink-soft)}.author-box .ab-meta{font-size:.78rem;color:var(--ink-faint)}