:root{--bg: #e1f5e8;--surface: #ffffff;--surface2: #cdebd9;--ink: #08281e;--muted: #3a6252;--line: #acd8bd;--primary: #0b7f4a;--on-primary: #ffffff;--sun: #ffc42e;--sun-ink: #2a1c00;--leaf: #0b7f4a;--sky: #0a6fa8;--aqua: #087a76;--fire: #c2500f;--danger: #a0322a;--hero-a: #04382a;--hero-b: #0c8a57;--hero-c: #19c283;--hero-ink: #f4fcf7;--hero-muted: #bfe6cf;--lime: #c8f76f;--b-good: #0b7f4a;--b-fine: #4d7a0a;--b-mid: #8a5a00;--b-bad: #b3411a;--b-pred: #a0322a;--font-display: "Barlow Condensed", "Arial Narrow", sans-serif;--font-body: "Public Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #04211a;--surface: #0b3429;--surface2: #134a3c;--ink: #eafaf0;--muted: #9ccab6;--line: #22624e;--primary: #3ddc84;--on-primary: #03201a;--leaf: #5be38f;--sky: #55c6ff;--aqua: #46e3d6;--fire: #ff9a55;--danger: #ff8a7a;--b-good: #3ddc84;--b-fine: #b6e04a;--b-mid: #ffc42e;--b-bad: #ff9a55;--b-pred: #ff8a7a;--hero-a: #021a14;--hero-b: #0a6a45;--hero-c: #12a366;color-scheme:dark}}:root[data-theme=dark]{--bg: #04211a;--surface: #0b3429;--surface2: #134a3c;--ink: #eafaf0;--muted: #9ccab6;--line: #22624e;--primary: #3ddc84;--on-primary: #03201a;--leaf: #5be38f;--sky: #55c6ff;--aqua: #46e3d6;--fire: #ff9a55;--danger: #ff8a7a;--b-good: #3ddc84;--b-fine: #b6e04a;--b-mid: #ffc42e;--b-bad: #ff9a55;--b-pred: #ff8a7a;--hero-a: #021a14;--hero-b: #0a6a45;--hero-c: #12a366;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.45}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:3px solid var(--sun);outline-offset:2px}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.wrap{max-width:1120px;margin:0 auto;padding-inline:16px}.h-T{--hc: var(--leaf)}.h-F{--hc: var(--sky)}.h-A{--hc: var(--aqua)}.h-E{--hc: var(--fire)}.h-X{--hc: var(--aqua);--hdot: linear-gradient(135deg, var(--aqua) 50%, var(--fire) 50%)}.dot{display:inline-block;flex:none;width:10px;height:10px;border-radius:50%;background:var(--hdot, var(--hc))}.hero{position:relative;overflow:hidden;color:var(--hero-ink);padding-block:16px 34px;background:radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--sun) 60%,transparent),transparent 34%),linear-gradient(115deg,var(--hero-a) 0%,var(--hero-b) 62%,var(--hero-c) 100%)}.leaves{position:absolute;right:-30px;top:-20px;width:560px;max-width:80%;color:var(--lime);opacity:.32;pointer-events:none}.hero .wrap{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px 32px}.hero-bar{flex:0 0 100%;display:flex;align-items:center;justify-content:flex-end;gap:12px}.langsel{min-height:40px;font-size:13px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:6px 10px;cursor:pointer}.tswitch{position:relative;flex:none;width:68px;height:36px;padding:0;border-radius:99px;border:1px solid rgba(255,255,255,.5);background:#00000038}.tswitch:hover{background:#00000057}.tswitch .knob{position:absolute;top:3px;left:3px;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000059}.tswitch[aria-checked=true] .knob{transform:translate(32px)}.tswitch .ic{position:absolute;top:9px;width:16px;height:16px;color:var(--hero-ink)}.tswitch .ic-sun{left:9px}.tswitch .ic-moon{right:9px}.tswitch[aria-checked=false] .ic-sun{color:#8a5a00}.tswitch[aria-checked=true] .ic-moon{color:#08281e}h1{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(40px,8vw,68px);line-height:.94;letter-spacing:.01em;text-transform:uppercase;text-wrap:balance}h1 span,h1 em{display:block}h1 em{font-style:normal;color:var(--lime)}.hero-side{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:46ch}.hero-side p{margin:0;color:var(--hero-muted);font-size:14px}.pills{display:flex;flex-wrap:wrap;gap:6px}.pill{font-family:var(--font-mono);font-size:12px;padding:4px 12px;border-radius:99px;background:#ffffff24;border:1px solid rgba(255,255,255,.3);color:var(--hero-ink)}.pill b{color:var(--lime);font-weight:600}main.app{padding-block:26px 56px}.tabbar{display:flex;align-items:flex-end;gap:6px;margin-bottom:-1px;position:relative;z-index:1}.tabs{display:flex;gap:4px;min-width:0;overflow-x:auto;padding-top:2px;scrollbar-width:thin}.tab{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:1px;max-width:210px;padding:9px 14px 7px;border:1px solid transparent;border-top:1px solid transparent;border-bottom:0;border-radius:10px 10px 0 0;background:var(--surface2);color:var(--muted);text-align:left}.tab:hover:not(.on){color:var(--ink);background:color-mix(in srgb,var(--primary) 18%,var(--surface2))}.tab.on{background:var(--surface);border-color:var(--line);border-top:5px solid var(--sun);padding-top:6px;color:var(--ink)}.tname{font-family:var(--font-display);font-weight:600;font-size:19px;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tmeta{font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums}.newtab{flex:0 0 auto;width:44px;height:44px;margin-bottom:2px;border:2px dashed var(--primary);border-radius:10px;background:transparent;color:var(--primary);font-family:var(--font-mono);font-size:22px;line-height:1}.newtab:hover:not(:disabled){background:var(--primary);color:var(--on-primary)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:0 14px 14px;padding:16px;margin-bottom:26px;box-shadow:0 14px 30px -20px color-mix(in srgb,var(--ink) 55%,transparent)}.phead{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:14px}.ename{flex:1 1 200px;min-width:0;max-width:360px;padding:2px 6px;margin-left:-6px;border:1px solid transparent;border-radius:6px;background:transparent;font-family:var(--font-display);font-weight:700;font-size:32px;line-height:1.1;text-transform:uppercase}.ename:hover{border-color:var(--line)}.ename:focus{background:var(--bg);border-color:var(--primary);outline:none}.count{font-family:var(--font-mono);font-size:14px;font-variant-numeric:tabular-nums}.full-tag{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:99px;background:var(--sun);color:var(--sun-ink)}.kind{font-size:13px;color:var(--muted)}.actions{margin-left:auto;display:flex;flex-wrap:wrap;gap:6px}.act{min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--bg);font-size:13px}.act:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.act.danger{border-color:var(--danger);color:var(--danger);font-weight:600}.act.danger:hover:not(:disabled){background:var(--danger);color:var(--surface);border-color:var(--danger)}.slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.slot{position:relative;min-width:0;min-height:88px;padding:9px 30px 9px 11px;border-radius:12px;display:flex;flex-direction:column;gap:3px}.slot.filled{background:color-mix(in srgb,var(--hc) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--hc) 50%,var(--line))}.slot.free{border:2px dashed var(--line);color:var(--muted);justify-content:flex-end}.slot .n{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.slot b{font-family:var(--font-display);font-weight:600;font-size:20px;line-height:1.05;overflow-wrap:anywhere}.free-l{font-size:12px}.tag-h{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--hc)}.x{position:absolute;top:3px;right:3px;width:32px;height:32px;border:0;border-radius:8px;background:transparent;font-size:20px;line-height:1}.x:hover{background:var(--surface2);color:var(--danger)}.stats{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 30px;margin-top:16px}.score{flex:1 1 260px;min-width:0}.lab{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.score b{display:block;font-family:var(--font-mono);font-weight:600;font-size:32px;line-height:1.1;color:var(--muted)}.score b small{font-size:15px;font-weight:500}.hatch{height:8px;border-radius:4px;margin:6px 0 4px;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--primary) 45%,var(--surface2)) 0 6px,var(--surface2) 6px 12px)}.facts{display:flex;flex-wrap:wrap;gap:8px 26px;margin:0;padding:0;list-style:none}.facts li{min-width:0}.facts b{display:block;font-family:var(--font-mono);font-weight:600;font-size:17px;font-variant-numeric:tabular-nums}.facts small{display:block;font-size:11px;color:var(--muted)}.facts span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.watch{margin-top:16px}.watch h3{margin:0 0 4px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}.watch p{margin:0;font-size:13px}.grid{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start}.picker{flex:1 1 300px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;box-shadow:0 14px 30px -22px color-mix(in srgb,var(--ink) 55%,transparent)}@media(min-width:821px){.picker{position:sticky;top:calc(env(safe-area-inset-top,0px) + 16px);max-height:calc(100vh - 32px)}}.phd{padding:14px 14px 12px;border-bottom:1px solid var(--line)}.label{display:block;font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.search{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.search:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 30%,transparent)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chip{min-height:34px;padding:0 12px;border-radius:99px;border:1px solid var(--line);background:var(--bg);font-size:12px;display:inline-flex;align-items:center;gap:6px}.chip:hover{border-color:var(--primary)}.chip[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:600}.plist{overflow:auto;padding:4px 14px 14px;max-height:460px}@media(min-width:821px){.plist{max-height:none;flex:1}}.pbtns{display:flex;flex-wrap:wrap;gap:6px}.gh{flex:0 0 100%;display:flex;align-items:center;gap:8px;margin:14px 0 2px;font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:.08em;text-transform:uppercase;color:var(--hc)}.gh span{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:0;color:var(--muted)}.sp{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 11px;border-radius:8px;border:1px solid var(--line);background:var(--bg);font-size:13px;text-align:left}.sp:hover:not(:disabled){border-color:var(--hc);background:color-mix(in srgb,var(--hc) 14%,var(--bg))}.sp em{font-style:normal;font-family:var(--font-mono);font-size:10px;opacity:.85}.sp.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:600}.sp.on .dot{box-shadow:0 0 0 2px var(--surface)}.sp.other:not(.on){border:2px dashed var(--primary);padding:5px 10px}.sp.inc{opacity:.4;cursor:not-allowed;border-style:dotted}.inote{margin:10px 0 0;font-size:12px;font-weight:600;color:var(--primary)}.note.hid{font-weight:600;color:var(--primary)}.pnote{margin:10px 0 0;font-size:12px;color:var(--muted)}.none{color:var(--muted);margin:12px 0}.col{flex:999 1 520px;min-width:0}.rtitle{font-family:var(--font-display);font-weight:700;font-size:28px;line-height:1;text-transform:uppercase;margin:4px 0 8px}.note{margin:0 0 10px;font-size:13px;color:var(--muted);max-width:66ch}.foot{margin-top:36px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;max-width:80ch}@media(prefers-reduced-motion:no-preference){.sp,.chip,.tab,.add,.act,.slot,.tswitch{transition:background-color .15s ease,border-color .15s ease,color .15s ease}.tswitch .knob{transition:transform .2s ease}}.b-good{--bc: var(--b-good)}.b-fine{--bc: var(--b-fine)}.b-mid{--bc: var(--b-mid)}.b-bad{--bc: var(--b-bad)}.b-pred{--bc: var(--b-pred)}.slot .gs{font-size:11px;color:var(--muted)}.score b{color:var(--bc, var(--muted))}.meter{height:10px;border-radius:5px;margin:6px 0 4px;background:var(--surface2);overflow:hidden}.meter span{display:block;height:100%;background:var(--bc);border-radius:5px}.hatch span{display:none}.sc-note{display:block;min-height:18px;font-size:12px;font-weight:600;color:var(--muted)}.tag{display:inline-block;margin-left:6px;vertical-align:2px;font-weight:600;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:1px 6px;border-radius:4px;border:1px solid currentColor}.tag.pred{color:var(--b-pred)}.tag.tension{color:var(--b-bad)}.needs{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:16px;padding-top:14px;border-top:1px dashed var(--line)}.ncol{min-width:0;flex:1 1 220px}.ncol h4,.detail h4{margin:0 0 6px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}.nchips{display:flex;flex-wrap:wrap;gap:5px}.nchip{font-size:12px;padding:3px 9px;border-radius:99px;border:1px solid var(--line);background:var(--bg)}.nchip b{font-weight:600}.nchip.bad{border-color:var(--b-bad);color:var(--b-bad);font-weight:600}.watch ul{margin:0;padding:0;list-style:none;display:grid;gap:4px}.watch li{font-size:13px}.watch li.muted,.watch .ok{color:var(--muted)}.watch .ok{margin:0;font-size:13px}.watch .tag{margin-left:0;margin-right:4px}.controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 28px;margin-bottom:14px}.weight{flex:1 1 240px;min-width:0}.weight output{font-family:var(--font-mono);font-size:13px;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--primary);margin:4px 0 0}.chk{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.chk input{width:18px;height:18px;accent-color:var(--primary)}.summary{display:flex;flex-wrap:wrap;gap:4px 18px;margin:0 0 6px;font-size:13px;color:var(--muted)}.summary b{font-family:var(--font-mono);color:var(--ink)}.empty{border:2px dashed var(--line);border-radius:14px;padding:18px}.empty h3{margin:0 0 6px;font-family:var(--font-display);font-size:24px;text-transform:uppercase}.empty p{margin:0;color:var(--muted);max-width:60ch}.rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:0 8px;border-bottom:1px solid var(--line)}.rowbtn{display:grid;grid-template-columns:30px minmax(0,1fr) auto 66px;grid-template-areas:"rank name dots pct" ". bar bar bar";align-items:center;gap:4px 10px;width:100%;text-align:left;background:none;border:0;padding:10px 4px;border-radius:8px}.rowbtn:hover{background:color-mix(in srgb,var(--primary) 8%,transparent)}.rank{grid-area:rank;font-family:var(--font-mono);font-size:12px;color:var(--muted)}.nm{grid-area:name;min-width:0}.nm b{font-family:var(--font-display);font-weight:600;font-size:22px;line-height:1.05;letter-spacing:.01em;overflow-wrap:anywhere}.nm small{display:block;font-size:12px;color:var(--muted)}.dots{grid-area:dots;display:flex;gap:4px;align-items:center}.dots .dot{width:10px;height:10px;background:var(--bc)}.dots .dot.b-pred{background:repeating-linear-gradient(135deg,var(--b-pred) 0 2px,transparent 2px 4px);border:1px solid var(--b-pred)}.pct{grid-area:pct;text-align:right;font-family:var(--font-mono);font-weight:600;font-size:22px;font-variant-numeric:tabular-nums;color:var(--bc)}.pct small{font-size:13px;font-weight:500}.bar{grid-area:bar;display:block;height:8px;border-radius:4px;background:var(--surface2);overflow:hidden}.bar span{display:block;height:100%;background:var(--bc)}.add{width:40px;height:40px;justify-self:center;border:1px solid var(--line);border-radius:10px;background:var(--bg);font-family:var(--font-mono);font-size:22px;line-height:1}.add:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.detail{grid-column:1 / -1;padding:4px 8px 16px 36px}.dcols{display:flex;flex-wrap:wrap;gap:14px 32px}.dcols>div{flex:1 1 260px;min-width:0}.link{margin-bottom:10px}.link p{margin:0 0 2px;font-size:13px}.link .who{display:flex;align-items:baseline;gap:8px}.lv{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--bc)}.hl{color:var(--b-bad);font-weight:600}.muted{color:var(--muted)}.warn{margin:6px 0 0;font-size:12px;font-weight:600}.warn.pred{color:var(--b-pred)}.warn.tension{color:var(--b-bad)}.barnote{margin:8px 0 0;font-size:12px;color:var(--muted)}.barnote.up{color:var(--b-mid);font-weight:600}.how{margin-top:26px;font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}.how summary{cursor:pointer;color:var(--ink);font-weight:600}.how p{margin:8px 0;max-width:72ch}.how b{color:var(--ink)}@media(max-width:480px){.rowbtn{grid-template-columns:22px minmax(0,1fr) auto 56px;gap:4px 8px}.nm b,.pct{font-size:20px}.detail{padding-left:8px}}.mixh{margin-top:12px!important}.fsels{display:flex;gap:8px;margin-top:10px}.fsel{flex:1 1 0;min-width:0;width:100%}.glist{margin:0;padding:0;list-style:none;display:grid;gap:4px;font-size:13px}.glist b{font-weight:600}.fsel{font-size:12px;padding:6px}.glist li b{display:block}app-enclosure-tabs,app-slots-panel,app-enclosure-needs,app-species-picker,app-ranking,app-chips,app-language-switch,app-theme-switch{display:contents}.ename::placeholder{color:var(--ink);opacity:.6}