@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&family=Noto+Sans+KR:wght@400;500;700;900&display=swap";:root{font-family:Noto Sans KR,Manrope,sans-serif;color:#dbeeea;background:#071b20;line-height:1.6;font-synthesis:none;--ink:#dbeeea;--muted:#8ca9a7;--line:#1e4145;--panel:#0d292e;--accent:#78d7c4;--warm:#e8ba76}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,#16444a 0,transparent 38rem),#071b20}a{color:inherit;text-decoration:none}.container{max-width:1120px;margin:0 auto;padding:0 24px}.site-header{border-bottom:1px solid var(--line);background:#071b20e8;position:sticky;top:0;z-index:3;backdrop-filter:blur(10px)}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:11px;align-items:center;font-weight:900;letter-spacing:.03em;font-size:18px}.brand small{display:block;font:500 9px DM Mono;letter-spacing:.18em;color:var(--accent)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--accent);border-radius:50%;color:var(--accent);font-size:22px}nav{display:flex;gap:25px;color:var(--muted);font-size:14px}nav a:hover,.site-footer a:hover{color:var(--accent)}main{min-height:calc(100vh - 180px)}.eyebrow{font:500 12px DM Mono;letter-spacing:.13em;color:var(--accent);text-transform:uppercase}.hero{padding:105px 0 92px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}.hero h1{font-size:clamp(42px,7vw,78px);line-height:1.08;letter-spacing:-.07em;margin:20px 0}.hero h1 em{color:var(--accent);font-style:normal}.lead{max-width:580px;color:var(--muted);font-size:17px}.button{display:inline-flex;border:1px solid var(--accent);padding:11px 17px;border-radius:5px;color:var(--accent);font-weight:700;margin-top:22px}.button:hover{background:var(--accent);color:#071b20}.tank-diagram{aspect-ratio:1/1;border:1px solid var(--line);border-radius:50%;position:relative;background:linear-gradient(145deg,#10343a,#071b20 62%);display:grid;place-items:center}.tank-diagram:before{content:"";width:45%;height:45%;border:1px solid #78d7c477;border-radius:44% 56% 55% 45%;transform:rotate(30deg)}.tank-diagram:after{content:"FIELD\aGUIDE";white-space:pre;text-align:center;position:absolute;font:500 12px/1.8 DM Mono;letter-spacing:.18em;color:var(--muted)}.section{padding:78px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section h2{font-size:32px;line-height:1.2;letter-spacing:-.05em;margin:8px 0}.text-link{color:var(--accent);font:500 12px DM Mono}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:22px;min-height:220px}.card:hover{border-color:#4c8983}.card-top{display:flex;justify-content:space-between;color:var(--muted);font:500 11px DM Mono}.card h3{font-size:24px;margin:40px 0 2px}.latin{color:var(--muted);font-style:italic;font-size:13px}.metrics{display:flex;gap:10px;border-top:1px solid var(--line);margin-top:20px;padding-top:13px}.metric{font:500 11px DM Mono;color:var(--muted)}.metric strong{display:block;color:var(--ink);font-size:13px}.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.feature{padding:28px;background:#0b252a;border:1px solid var(--line);border-radius:8px}.feature h3{margin:8px 0;font-size:23px}.feature p{color:var(--muted)}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool{border:1px dashed #356166;padding:20px;border-radius:8px}.tool span{font:500 11px DM Mono;color:var(--warm)}.tool h3{margin:20px 0 5px}.tool p{color:var(--muted);font-size:14px}.category-list{display:flex;flex-wrap:wrap;gap:10px}.category-list a{border:1px solid var(--line);padding:10px 14px;border-radius:3px;color:var(--muted);font-size:14px}.category-list a:hover{border-color:var(--accent);color:var(--accent)}.page-intro{padding:72px 0 40px}.page-intro h1{font-size:clamp(38px,6vw,60px);letter-spacing:-.06em;margin:10px 0}.page-intro p{color:var(--muted);max-width:650px}.site-footer{border-top:1px solid var(--line);color:var(--muted);font-size:13px}.footer-inner{padding:35px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner p:first-child{color:var(--ink);font-weight:700}.footer-inner div{display:flex;gap:15px}.prose{max-width:700px;padding-bottom:80px}.prose h2{margin-top:40px;color:var(--accent)}.prose p,.prose li{color:var(--muted)}@media(max-width:720px){.header-inner{height:auto;padding-top:15px;padding-bottom:15px;align-items:flex-start}.header-inner nav{gap:12px;flex-wrap:wrap;justify-content:flex-end;font-size:12px}.hero{padding:65px 0}.hero-grid,.split{grid-template-columns:1fr;gap:35px}.tank-diagram{max-width:280px;margin:auto}.cards,.tool-grid{grid-template-columns:1fr}.section{padding:55px 0}.section-head{align-items:start;gap:12px}.section h2{font-size:27px}.footer-inner{display:block}.footer-inner div{margin-top:18px;flex-wrap:wrap}}.back-link{display:block;color:var(--muted);font:500 12px DM Mono;margin-bottom:30px}.profile-section{padding-top:20px}.fact-grid{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden}.fact{padding:20px 15px;background:var(--panel);border-right:1px solid var(--line)}.fact:last-child{border-right:0}.fact span,.rating-row span{display:block;color:var(--muted);font:500 10px DM Mono;letter-spacing:.08em}.fact strong{display:block;color:var(--accent);font-size:18px;margin-top:9px;white-space:nowrap}.profile-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-block{border-top:1px solid var(--accent);padding:22px 0}.profile-block h2,.sources-section h2{font-size:25px;margin:8px 0 20px}.profile-block p,.profile-block dd{color:var(--muted)}dl{display:grid;grid-template-columns:110px 1fr;gap:15px 20px;margin:0}dt{color:var(--ink);font-weight:700}dd{margin:0}.rating-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0}.rating-row strong{color:var(--accent)}.sources-section{border-top:1px solid var(--line);padding-top:55px}.sources{list-style:none;margin:20px 0 40px;padding:0;max-width:700px}.sources li{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.sources a{color:var(--accent);font-size:14px}.sources small{color:var(--muted);white-space:nowrap}.page-actions{display:flex;gap:10px;flex-wrap:wrap}.page-actions a{border:1px solid var(--line);padding:10px 13px;color:var(--muted);font-size:13px}.page-actions a:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:720px){.profile-columns{grid-template-columns:1fr}.fact-grid{grid-template-columns:repeat(2,1fr)}.fact{border-bottom:1px solid var(--line)}.sources li{display:block}.sources small{display:block;margin-top:5px}}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.guide-card{min-height:260px;padding:26px;background:var(--panel);border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column}.guide-card:hover{border-color:var(--accent)}.guide-card h2{font-size:30px;margin:22px 0 8px;letter-spacing:-.05em}.guide-card p{color:var(--muted);max-width:470px}.guide-card .text-link{margin-top:auto}.updated{display:block;color:var(--muted);font:500 11px DM Mono;margin-top:20px}.manual-layout{display:grid;grid-template-columns:260px minmax(0,700px);gap:70px;padding-bottom:90px}.quick-answer{align-self:start;position:sticky;top:110px;padding:22px;background:#102f34;border-left:2px solid var(--accent);border-radius:0 6px 6px 0}.quick-answer p{font-size:15px;margin-bottom:0}.manual-content section{margin:0 0 58px}.manual-content h2{font-size:30px;letter-spacing:-.05em;margin:10px 0 18px}.manual-content p,.manual-content li{color:var(--muted)}.principles{list-style:none;padding:0;display:grid;gap:10px}.principles li{border-bottom:1px solid var(--line);padding:12px 0}.principles li:before{content:"+";color:var(--accent);font:500 14px DM Mono;margin-right:12px}.step-list{list-style:none;padding:0;display:grid;gap:14px}.step-list li{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:7px}.step-number{color:var(--accent);font:500 20px DM Mono}.step-list h3{margin:0 0 6px;font-size:18px;color:var(--ink)}.step-list p{margin:0}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.caution-box{padding:22px;background:#2a2419;border:1px solid #70552e;border-radius:7px}.caution-box h2{font-size:22px}.caution-box strong{color:var(--warm)}.related-links{display:grid;gap:8px;margin:18px 0}.related-links h3{font-size:15px;margin:5px 0;color:var(--ink)}.related-links a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0;color:var(--accent)}.related-links span{color:var(--muted);font:500 11px DM Mono}@media(max-width:720px){.guide-grid,.reference-grid{grid-template-columns:1fr}.manual-layout{grid-template-columns:1fr;gap:10px}.quick-answer{position:static}.manual-content h2{font-size:27px}.fact-grid{grid-template-columns:repeat(2,1fr)}.fact{border-bottom:1px solid var(--line)}.sources li{display:block}.sources small{display:block;margin-top:5px}}.tool-ready{cursor:pointer}.calculator-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.calculator-panel,.results-panel{padding:26px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.calculator-panel fieldset{border:0;border-top:1px solid var(--line);padding:22px 0 0;margin:0 0 25px}.calculator-panel legend{font-size:18px;font-weight:700;padding:0}.calculator-panel legend output{color:var(--accent);font:500 13px DM Mono;margin-left:12px}.input-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.input-grid label{color:var(--muted);font-size:13px}.input-grid label>span{float:right;font:500 10px DM Mono;color:var(--accent)}input[type=number]{display:block;width:100%;margin-top:7px;padding:12px 10px;background:#071b20;color:var(--ink);border:1px solid var(--line);border-radius:4px;font:500 16px DM Mono}input:focus{outline:2px solid var(--accent);outline-offset:2px}input[type=range]{width:100%;accent-color:var(--accent);margin-top:10px}.field-help{color:var(--muted);font-size:12px;margin:5px 0}.form-error{color:var(--warm);font-size:13px}.results-panel{background:#102f34}.result-card{padding:22px 0;border-bottom:1px solid var(--line)}.result-card:last-child{border:0}.result-card span,.result-card small{display:block;color:var(--muted);font-size:13px}.result-card strong{display:block;color:var(--ink);font:700 clamp(30px,4vw,44px) "DM Mono";margin:8px 0}.result-card-accent strong{color:var(--accent)}.result-card small{font:400 11px DM Mono}.calculator-notes{border-top:1px solid var(--line)}.note-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}.note-grid h2,.related-tools h2{font-size:28px;margin:10px 0}.note-grid p{color:var(--muted);max-width:680px}.example-box{padding:23px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.example-box strong{color:var(--accent)}@media(max-width:720px){.calculator-layout,.note-grid,.input-grid{grid-template-columns:1fr}.calculator-panel,.results-panel{padding:20px}}.checklist-progress-section{padding-top:20px}.checklist-progress{padding:24px;background:#102f34;border:1px solid var(--line);border-radius:8px}.checklist-progress h2{margin:8px 0;font-size:28px}.progress-wrap{display:flex;align-items:center;gap:15px}.progress-track{height:8px;background:#071b20;border-radius:10px;overflow:hidden;flex:1}.progress-fill{height:100%;width:0;background:var(--accent);transition:width .15s ease}.progress-wrap strong{font:500 15px DM Mono;color:var(--accent);min-width:42px}.checklist-progress p{color:var(--muted);font-size:13px;margin:15px 0 0}.checklist-body{padding-top:25px}.checklist-step{padding:34px 0;border-bottom:1px solid var(--line)}.step-heading{display:grid;grid-template-columns:65px 1fr;gap:18px}.step-heading .step-number{font:500 25px DM Mono;color:var(--accent)}.step-heading h2{margin:5px 0;font-size:28px}.step-heading p{color:var(--muted);margin:0;max-width:680px}.check-items{display:grid;gap:8px;margin:23px 0 0 83px}.check-item{display:flex;align-items:flex-start;gap:12px;padding:14px 15px;border:1px solid var(--line);border-radius:6px;color:var(--ink);cursor:pointer;min-height:48px}.check-item:hover{border-color:#4c8983}.check-item input{position:absolute;opacity:0}.checkmark{width:19px;height:19px;border:1px solid var(--muted);border-radius:3px;flex:0 0 auto;margin-top:2px;position:relative}.check-item input:focus-visible+.checkmark{outline:2px solid var(--accent);outline-offset:3px}.check-item input:checked+.checkmark{background:var(--accent);border-color:var(--accent)}.check-item input:checked+.checkmark:after{content:"✓";position:absolute;color:#071b20;font-weight:900;left:3px;top:-3px}.check-item input:checked~span:last-child{color:var(--muted);text-decoration:line-through}.check-links{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0 83px}.check-links a{color:var(--accent);font:500 12px DM Mono;padding:8px 0}.checklist-complete{margin:40px 0;padding:25px;border:1px solid var(--accent);border-radius:7px;background:#102f34}.checklist-complete h2{margin:8px 0}.checklist-complete p{color:var(--muted)}.checklist-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:35px}.reset-button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:11px 15px;border-radius:4px;cursor:pointer;font:inherit}.reset-button:hover{border-color:var(--warm);color:var(--warm)}.checklist-actions p{color:var(--muted);font-size:12px;margin:0}@media(max-width:720px){.step-heading{grid-template-columns:45px 1fr;gap:10px}.step-heading h2{font-size:25px}.check-items,.check-links{margin-left:0}.checklist-actions{display:block}.checklist-actions p{margin-top:12px}.check-item{padding:15px 12px}}.tool-ready strong{display:block;color:var(--accent);margin-top:25px;font:500 12px DM Mono}.compatibility-section{padding-top:20px}.compatibility-form{display:grid;grid-template-columns:1fr 45px 1fr;gap:14px;align-items:end;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.compatibility-form label{color:var(--muted);font-size:13px}.compatibility-form select{display:block;width:100%;margin-top:8px;padding:13px 12px;background:#071b20;color:var(--ink);border:1px solid var(--line);border-radius:4px;font:inherit}.compatibility-form select:focus{outline:2px solid var(--accent);outline-offset:2px}.plus-sign{color:var(--accent);font:500 24px DM Mono;text-align:center;padding-bottom:10px}.compatibility-result{margin-top:20px;padding:28px;background:#102f34;border:1px solid var(--line);border-radius:8px}.result-heading{display:flex;justify-content:space-between;gap:20px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:20px}.result-heading h2,.same-result h2{font-size:30px;margin:8px 0 0}.result-heading>strong{padding:9px 12px;border:1px solid currentColor;border-radius:4px;font:500 12px DM Mono;white-space:nowrap}.level-generally-compatible{color:var(--accent)}.level-caution{color:var(--warm)}.level-not-recommended{color:#e98d7e}.compat-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:22px 0;border-bottom:1px solid var(--line)}.compat-metrics span{display:block;color:var(--muted);font:500 10px DM Mono;letter-spacing:.08em}.compat-metrics strong{display:block;margin-top:8px;color:var(--ink);font:500 17px DM Mono}.result-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:25px 0}.result-columns h3{font-size:16px}.result-columns ul{padding-left:20px;color:var(--muted)}.risk-list{list-style:none;padding:0!important;margin:0}.risk-list li{display:flex;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.risk-list li>span{color:var(--warm);font:500 10px DM Mono;min-width:70px}.risk-list strong{color:var(--ink);font-size:14px}.risk-list p{margin:3px 0 0;font-size:13px}.result-summary,.same-result p{color:var(--muted)}.result-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.result-links a{color:var(--accent);font:500 12px DM Mono}.compatibility-disclaimer{margin-top:18px;color:var(--muted);font-size:12px}.same-result{padding:10px}.same-result .button{margin-top:8px}@media(max-width:720px){.compatibility-form{grid-template-columns:1fr;gap:10px}.plus-sign{padding:0}.compat-metrics,.result-columns{grid-template-columns:1fr;gap:12px}.compatibility-result{padding:20px}.result-heading{display:block}.result-heading>strong{display:inline-block;margin-top:15px}.risk-list li>span{min-width:80px}}.species-filters{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:12px;align-items:end;padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.species-filters label,.search-field label{display:block;color:var(--muted);font-size:12px}.species-filters input,.species-filters select{display:block;width:100%;margin-top:7px;padding:11px 10px;background:#071b20;color:var(--ink);border:1px solid var(--line);border-radius:4px;font:inherit;min-width:0}.species-filters input:focus,.species-filters select:focus{outline:2px solid var(--accent);outline-offset:2px}.filter-reset{border:1px solid var(--line);background:transparent;color:var(--muted);padding:11px 12px;border-radius:4px;cursor:pointer;font:500 12px DM Mono;white-space:nowrap}.filter-reset:hover{border-color:var(--accent);color:var(--accent)}.results-toolbar{display:flex;justify-content:space-between;align-items:center;margin:25px 0 15px}.results-toolbar p{color:var(--accent);font:500 12px DM Mono;margin:0}.species-result-card[hidden]{display:none}.empty-state{text-align:center;padding:55px 20px;border:1px dashed var(--line);border-radius:8px}.empty-state h2{font-size:23px;margin:0 0 8px}.empty-state p{color:var(--muted);margin:0 0 20px}@media(max-width:900px){.species-filters{grid-template-columns:repeat(3,1fr)}.search-field{grid-column:span 3}.filter-reset{justify-self:start}}@media(max-width:720px){.species-filters{grid-template-columns:1fr;gap:14px}.search-field{grid-column:auto}.filter-reset{width:100%;padding:13px}.results-toolbar{margin-top:20px}}.species-visual,.species-fallback{margin-top:24px;width:100%;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#0b3034,#071b20)}.species-visual img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.species-result-card[data-name=베타]:before,.species-result-card[data-name=구피]:before,.species-result-card[data-name=체리새우]:before,.species-result-card[data-name=몰리]:before{content:"";display:block;aspect-ratio:4/3;margin:-24px -24px 22px;background-position:center;background-size:cover;border-bottom:1px solid var(--line)}.species-result-card[data-name=베타]:before{background-image:url(/images/species/betta.jpg)}.species-result-card[data-name=구피]:before{background-image:url(/images/species/guppy.jpg)}.species-result-card[data-name=체리새우]:before{background-image:url(/images/species/cherry-shrimp.jpg)}.species-result-card[data-name=몰리]:before{background-image:url(/images/species/molly.jpg)}.species-visual figcaption{padding:8px 12px;color:var(--muted);font-size:.75rem}.species-visual figcaption a{color:var(--aqua)}.species-fallback{position:relative;min-height:180px;display:grid;place-items:center;isolation:isolate}.species-fallback--detail{min-height:260px;max-width:680px}.fallback-orbit{position:absolute;width:55%;aspect-ratio:1;border:1px solid rgba(120,215,196,.35);border-radius:50%;transform:rotate(-25deg) skew(-12deg)}.fallback-orbit:after{content:"";position:absolute;inset:14%;border:1px solid rgba(232,186,118,.4);border-radius:50%}.fallback-mark{font-family:var(--font-display);font-size:clamp(3rem,9vw,6rem);line-height:1;color:var(--aqua);z-index:1}.fallback-label{position:absolute;bottom:14px;left:16px;color:var(--muted);font:.68rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;overflow-wrap:anywhere}@media(max-width:720px){.species-fallback--detail{min-height:210px}.species-visual figcaption{overflow-wrap:anywhere}}