:root{--bg:#0a1a29;--bg-raised:#0d2133;--surface:#10263a;--surface-hover:#143049;--border:#a0c8e11f;--border-strong:#a0c8e13d;--fg:#e4eef5;--fg-dim:#9bb2c4;--fg-faint:#6d879b;--accent:#5ec6dd;--accent-soft:#5ec6dd24;--accent-ink:#04202b;--error:#ff9a9a;--accent-hover:#7ad3e6;--header-bg:#0a1a29d9;--on-water-dim:#b9cddb;--water:linear-gradient(180deg, #14425c 0%, #0f324a 55%, #0b2539 100%);--water-light:#b4e6f529;--sand:linear-gradient(180deg, #1c3a4a, #213f4c);--sand-edge:#c8dcd214;--radius:14px;--container:1120px;--header-h:60px;color-scheme:dark}:root[data-theme=light]{--bg:#f2f7fa;--bg-raised:#e7f0f5;--surface:#fff;--surface-hover:#f3f9fc;--border:#143c5a1f;--border-strong:#143c5a38;--fg:#0f2536;--fg-dim:#46606f;--fg-faint:#6a8292;--accent:#0b7890;--accent-soft:#0b78901a;--accent-ink:#fff;--accent-hover:#09677c;--error:#b3261e;--header-bg:#f2f7fad9;--on-water-dim:#3f5b6b;--water:linear-gradient(180deg, #dff2f8 0%, #c6e6f0 55%, #afd8e6 100%);--water-light:#ffffff8c;--sand:linear-gradient(180deg, #e9dfc6, #dfd2b3);--sand-edge:#78643c1f;color-scheme:light}@media (prefers-color-scheme:light){:root:not([data-theme]){--bg:#f2f7fa;--bg-raised:#e7f0f5;--surface:#fff;--surface-hover:#f3f9fc;--border:#143c5a1f;--border-strong:#143c5a38;--fg:#0f2536;--fg-dim:#46606f;--fg-faint:#6a8292;--accent:#0b7890;--accent-soft:#0b78901a;--accent-ink:#fff;--accent-hover:#09677c;--error:#b3261e;--header-bg:#f2f7fad9;--on-water-dim:#3f5b6b;--water:linear-gradient(180deg, #dff2f8 0%, #c6e6f0 55%, #afd8e6 100%);--water-light:#ffffff8c;--sand:linear-gradient(180deg, #e9dfc6, #dfd2b3);--sand-edge:#78643c1f;color-scheme:light}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}body{color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;font-size:16px;line-height:1.7}a{color:var(--accent)}h1,h2,h3{letter-spacing:-.01em;line-height:1.3}.container{width:min(var(--container), 100% - 32px);margin:0 auto}.narrow{width:min(760px,100% - 32px)}.button{color:var(--fg);background:var(--surface);border:1px solid var(--border-strong);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:15px;font-weight:600;line-height:1.4;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.button:not(:disabled):hover{background:var(--surface-hover);border-color:var(--accent)}.button.primary{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.button.primary:not(:disabled):hover{background:var(--accent-hover);border-color:var(--accent-hover)}.button:disabled{color:var(--fg-dim);border-color:var(--border);cursor:default;background:0 0}.button.small{padding:6px 14px;font-size:14px}.button.block{width:100%}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-size:13px;font-weight:600}.chip{color:var(--accent);background:var(--accent-soft);border-radius:999px;margin:0;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.message{color:var(--fg-dim);margin:0 0 12px;font-size:14px}.message:empty{display:none}.message.is-error{color:var(--error)}.hint{color:var(--fg-faint);font-size:13px}.site-header{z-index:10;background:var(--header-bg);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header-inner{height:var(--header-h);align-items:center;gap:32px;display:flex}.brand{color:var(--fg);align-items:center;gap:10px;font-weight:700;text-decoration:none;display:inline-flex}.site-nav{gap:24px;display:flex}.site-nav a,.lang-link{color:var(--fg-dim);font-size:14px;text-decoration:none}.site-nav a:hover,.lang-link:hover{color:var(--fg)}.site-header-actions{align-items:center;gap:16px;margin-left:auto;display:flex}.hero{padding:72px 0 80px}.hero-grid{grid-template-columns:1fr 1.1fr;align-items:center;gap:56px;display:grid}.hero h1{margin:0 0 16px;font-size:clamp(32px,4.6vw,48px)}.lead{color:var(--fg-dim);margin:0 0 28px}.actions{flex-wrap:wrap;gap:12px;display:flex}.status{color:var(--fg-dim);margin:16px 0 0;font-size:14px}.stats{border-top:1px solid var(--border);gap:32px;margin:36px 0 0;padding-top:24px;display:flex}.stats dt{font-size:22px;font-weight:700}.stats dd{color:var(--fg-faint);margin:0;font-size:13px}.tank{aspect-ratio:4/3;background:var(--water);border:1px solid var(--border);border-radius:20px;position:relative;overflow:hidden}.tank-light{background:radial-gradient(ellipse 70% 40% at 50% 0%, var(--water-light), transparent 70%);pointer-events:none;position:absolute;inset:0}.tank-canvas{z-index:1;width:100%;height:100%;position:absolute;inset:0}.tank.is-live .tank-fish{display:none}.tank-sand{background:var(--sand);border-top:1px solid var(--sand-edge);height:12%;position:absolute;inset:auto 0 0}.tank-fish{z-index:1;top:var(--top);width:var(--w);animation:swim var(--dur) linear var(--delay) infinite;position:absolute;left:0}.tank-fish img{width:100%;height:auto;animation:2.6s ease-in-out infinite alternate bob;display:block}.tank-fish.reverse{animation-direction:reverse}.tank-fish.reverse img{scale:-1 1}@keyframes swim{0%{left:-25%}to{left:105%}}@keyframes bob{0%{translate:0 -3px}to{translate:0 3px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tank-fish{left:var(--rest);animation:none}.tank-fish img{animation:none}}.section{border-top:1px solid var(--border);padding:72px 0}.section-head{margin-bottom:28px}.section h2{margin:0 0 8px;font-size:clamp(24px,3vw,30px)}.section-lead{max-width:640px;color:var(--fg-dim);margin:0}.filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.filters-label{min-width:5em;color:var(--fg-faint);font-size:13px}.group-link{margin:4px 0 0;font-size:14px}.group-link a{color:var(--accent)}#packList{margin-top:24px}.pill{color:var(--fg-dim);border:1px solid var(--border-strong);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:6px 14px;font-size:14px}.pill:hover{color:var(--fg)}.pill[aria-pressed=true]{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:border-color .15s;display:flex;position:relative;overflow:hidden}.card:hover{border-color:var(--accent)}.card[hidden]{display:none}.card-preview{background:var(--water);justify-content:center;align-items:center;height:140px;display:flex}.card-preview img{width:120px;height:auto;image-rendering:pixelated}.card-body{flex-direction:column;flex:1;align-items:flex-start;gap:8px;padding:16px;display:flex}.card-title{margin:0;font-size:17px}.card-text{color:var(--fg-dim);flex:1;margin:0;font-size:14px;line-height:1.6}.card-actions{z-index:1;width:100%;margin-top:8px;position:relative}.card-actions .button{font-size:14px}.card-title a{color:inherit;text-decoration:none}.card-title a:after{content:"";position:absolute;inset:0}.card:has(.card-title a:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.card-title a:focus-visible{outline:none}.fish-page{padding-top:32px}.breadcrumb{color:var(--fg-dim);margin-bottom:24px;font-size:14px}.breadcrumb ol{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.breadcrumb li+li:before{content:"›";color:var(--fg-faint);margin-right:4px}.breadcrumb a{color:var(--fg-dim);text-decoration:none}.breadcrumb a:hover{color:var(--fg)}.fish-hero{grid-template-columns:1.1fr 1fr;align-items:start;gap:48px;display:grid}.fish-stage{aspect-ratio:4/3;background:var(--water);border:1px solid var(--border);border-radius:20px;place-items:center;display:grid}.fish-stage img{width:min(288px,60%);height:auto;image-rendering:pixelated}.fish-intro h1{margin:12px 0 4px;font-size:clamp(28px,4vw,40px)}.scientific-name{color:var(--fg-faint);margin:0 0 16px;font-style:italic}.fish-intro .lead{margin-bottom:24px}.facts{border-top:1px solid var(--border);gap:12px;margin:32px 0 0;padding-top:24px;display:grid}.facts div{grid-template-columns:7em 1fr;gap:12px;display:grid}.facts dt{color:var(--fg-faint);font-size:14px}.facts dd{margin:0;font-size:15px}.fish-article{max-width:760px;padding:24px 0 8px}.more-fish{margin-top:48px}.group-hero{max-width:760px}.group-hero h1{margin:12px 0;font-size:clamp(28px,4vw,40px)}.group-hero .lead{margin:0}.group-nav{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.group-nav .pill{text-decoration:none;display:inline-block}.more-fish h2{margin-bottom:24px}.steps{grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.step-number{width:32px;height:32px;color:var(--accent);background:var(--accent-soft);border-radius:50%;place-items:center;font-weight:700;display:inline-grid}.step h3{margin:16px 0 6px;font-size:17px}.step p{color:var(--fg-dim);margin:0;font-size:14px}.cta{background:var(--water);border:1px solid var(--border);border-radius:20px;justify-content:space-between;align-items:center;gap:24px;padding:40px;display:flex}.cta .section-lead{color:var(--on-water-dim)}.support-band{justify-content:space-between;align-items:center;gap:24px;display:flex}.support-band .hint{margin:8px 0 0}.page-head{padding:56px 0 8px}.page-head h1{margin:0 0 8px;font-size:clamp(28px,4vw,38px)}.page-head .lead{margin:0}.prose{padding-bottom:72px}.prose p,.prose li{color:var(--fg-dim)}.prose strong{color:var(--fg)}.prose ul{padding-left:20px}.prose code{background:var(--surface);border-radius:4px;padding:1px 5px;font-size:.9em}.prose h2{border-top:1px solid var(--border);margin:40px 0 8px;padding-top:32px;font-size:20px}.prose h3{margin:24px 0 4px;font-size:16px}.note{color:var(--fg-faint);font-size:13px}.site-footer{background:var(--bg-raised);border-top:1px solid var(--border);padding:56px 0 32px;font-size:14px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:32px;display:grid}.footer-brand p{max-width:360px;color:var(--fg-faint);margin:12px 0 0}.footer-support{margin-top:16px}.footer-title{margin:0 0 8px;font-weight:600}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li{margin:4px 0}.site-footer li a{color:var(--fg-dim);text-decoration:none}.site-footer li a:hover{color:var(--fg)}.site-footer [aria-current]{color:var(--fg-faint)}.copyright{border-top:1px solid var(--border);color:var(--fg-faint);margin-top:40px;padding-top:20px;font-size:13px}@media (width<=860px){.hero{padding:48px 0 56px}.hero-grid{grid-template-columns:1fr;gap:40px}.steps{grid-template-columns:1fr}.fish-hero{grid-template-columns:1fr;gap:32px}.cta,.support-band{flex-direction:column;align-items:flex-start}.cta{padding:28px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (width<=640px){.site-nav{display:none}.stats{gap:20px}.section{padding:56px 0}}.theme-toggle{width:34px;height:34px;color:var(--fg-dim);border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:10px;place-items:center;padding:0;display:inline-grid}.theme-toggle:hover{color:var(--fg);border-color:var(--accent)}.theme-toggle svg{width:18px;height:18px}.theme-toggle .icon-moon,:root[data-theme=light] .theme-toggle .icon-sun{display:none}:root[data-theme=light] .theme-toggle .icon-moon{display:block}