:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8ebed;font-synthesis:none;--panel:#171a1d;--input:#111416;--line:#2b3035;--control-line:#667078;--muted:#a5adb3;--green:#70c49a;--green-soft:#1d2b24;--amber:#c99a5b;background:#101214;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:#101214;min-width:320px;min-height:100vh;margin:0;line-height:1.5}button,input,select{font:inherit}main{width:min(1080px,100% - 32px);margin:0 auto;padding:clamp(24px,4vw,44px) 0}.skip-link{z-index:1;color:#101214;background:#e8ebed;border-radius:4px;padding:8px 12px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}:where(a,button,input,select):focus-visible{outline:2px solid var(--green);outline-offset:2px}header{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(280px,520px);justify-content:space-between;align-items:end;gap:24px;padding-bottom:22px;display:grid}h1{letter-spacing:-.04em;margin:2px 0 0;font-size:clamp(1.7rem,4vw,2.35rem);line-height:1.1}.eyebrow{color:var(--green);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:700}header p{color:var(--muted);margin:0 0 3px;font-size:.9rem}.configuration{border:1px solid var(--line);background:var(--panel);border-radius:8px;margin-top:20px;padding:18px}.section-heading h2{margin:2px 0 0;font-size:1.05rem}.system-picker{border:0;gap:4px;margin:16px 0 0;padding:0;display:flex}.system-picker legend{color:var(--muted);margin-bottom:6px;font-size:.78rem}.system-picker label{border:1px solid var(--control-line);min-width:140px;min-height:42px;color:var(--muted);background:var(--input);text-align:center;cursor:pointer;padding:9px 14px}.system-picker label:first-of-type{border-radius:5px 0 0 5px}.system-picker label:last-of-type{border-radius:0 5px 5px 0}.system-picker label.selected{color:#dff4e8;background:var(--green-soft);border-color:#527a66}.system-picker input{opacity:0;position:absolute}.system-picker label:focus-within{outline:2px solid var(--green);outline-offset:2px}.setup{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.setup-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:10px;display:flex}.setup-heading h2{margin:0;font-size:.92rem}.setup-heading p{color:var(--muted);margin:1px 0 0;font-size:.76rem}.setup-heading strong{color:var(--muted);font-size:.8rem;font-weight:500}.disks{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px;display:grid}.disk{border:1px solid var(--line);color:var(--muted);background:var(--input);border-radius:5px;gap:5px;padding:9px;font-size:.78rem;display:grid;position:relative}.disk-input{display:block;position:relative}.disk-input input{border:1px solid var(--control-line);color:#edf0f1;background:#0c0e10;border-radius:4px;width:100%;min-height:38px;padding:7px 28px 7px 8px}.disk-input i{color:var(--muted);font-style:normal;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.disk>button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;position:absolute;top:2px;right:3px}.disk>button:hover:not(:disabled){color:#fff}.disk>button:disabled{opacity:.2;cursor:default}.add-disk{min-height:70px;color:var(--green);cursor:pointer;background:0 0;border:1px dashed #4c555c;border-radius:5px}.add-disk span{font-size:1.1em}.add-disk:hover{border-color:var(--green)}.zfs-options{border:0;border-top:1px solid var(--line);flex-wrap:wrap;gap:10px 24px;margin:16px 0 0;padding:14px 0 0;display:flex}.zfs-options legend{color:var(--muted);padding-top:14px;font-size:.78rem}.slop-toggle{color:#c9ced1;cursor:pointer;align-items:center;gap:7px;display:flex}.slop-toggle input{width:18px;height:18px;accent-color:var(--green)}.slop-toggle span{align-items:baseline;gap:6px;font-size:.8rem;display:flex}.slop-toggle small{color:var(--muted);font-size:.75rem}.comparison-heading{justify-content:space-between;align-items:end;gap:20px;margin:26px 1px 10px;display:flex}.chart-key{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:5px 14px;font-size:.75rem;display:flex}.chart-key span:before{content:"";background:#353b40;border-radius:1px;width:7px;height:7px;margin-right:4px;display:inline-block}.chart-key .usable:before{background:var(--green)}.chart-key .mismatch-key:before{background:var(--amber)}.chart-key .slop:before{background:#6b6f9b}.comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.card{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:110px minmax(0,1fr);align-content:start;gap:14px 18px;padding:18px;display:grid}.card-heading{min-width:0}.card-heading h2{overflow-wrap:anywhere;margin:3px 0 0;font-size:1.05rem}.side{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:600}.card-controls{min-width:0}.field{color:var(--muted);gap:4px;font-size:.78rem;display:grid}.field select,.parity-picker select{border:1px solid var(--control-line);color:#e5e8ea;background:var(--input);border-radius:4px;width:100%;min-height:42px;padding:8px}.field select:focus,.parity-picker select:focus{border-color:var(--green)}.layout-field{margin:0}.parity-picker{border:0;grid-template-columns:1fr 1fr;gap:6px;margin:7px 0 0;padding:0;display:grid}.parity-picker legend{color:var(--muted);margin-bottom:3px;font-size:.76rem}.parity-picker label{color:var(--muted);gap:3px;font-size:.75rem;display:grid}.card-output{border-top:1px solid var(--line);grid-column:1/-1;gap:14px;min-width:0;padding-top:14px;display:grid}.capacity-chart{min-width:0}.capacity-bar{background:#262b2f;border-radius:4px;height:26px;display:flex;position:relative;overflow:hidden}.capacity-bar span{height:100%;display:block}.bar-usable{background:var(--green)}.bar-slop{background:#6b6f9b}.bar-overhead{background:#353b40}.bar-mismatch{background:var(--amber)}.capacity-bar i{background:#f2f4f5;width:2px;position:absolute;top:-3px;bottom:-3px;box-shadow:0 0 0 1px #171a1d}.chart-scale{color:var(--muted);justify-content:space-between;margin-top:3px;font-size:.75rem;display:flex}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;display:grid}.metrics div{gap:1px;display:grid}.metrics span{color:var(--muted);font-size:.75rem}.metrics strong{white-space:nowrap;font-size:.88rem;font-weight:600}.metrics .primary{border-bottom:1px solid var(--line);grid-column:span 3;padding-bottom:10px}.metrics .primary strong{color:#9de0bd;letter-spacing:-.025em;font-size:1.55rem;line-height:1.2}.metrics .primary small{color:var(--muted);font-size:.7rem}.metrics .fault strong,.metrics .speed strong{font-size:.72rem}.metrics .fault,.metrics .speed{grid-column:span 2}.metrics .speed strong{white-space:normal}.mismatch{color:var(--muted);grid-column:1/-1;margin:0;font-size:.75rem}.mismatch.has-loss{color:#cda66f}.mismatch span{color:#4c5358;padding:0 4px}.compatibility-warning{color:#ffdab8;background:#3b240f;border:1px solid #99591f;border-radius:5px;grid-column:1/-1;margin:0;padding:10px 12px;font-size:.78rem}.error{color:#e4aaa5;background:#24191a;border-left:3px solid #ba6962;grid-column:1/-1;padding:12px;font-size:.8rem}.layout-guide{border-block:1px solid var(--line);margin-top:20px;padding:14px 0}.layout-guide summary{color:#dfe4e6;cursor:pointer;width:fit-content;font-size:.84rem;font-weight:600}.layout-guide[open] summary{margin-bottom:14px}.layout-guide dl{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px 24px;margin:0;display:grid}.layout-guide dt{color:#dfe4e6;font-size:.82rem;font-weight:600}.layout-guide dd{color:var(--muted);margin:2px 0 0;font-size:.76rem}.disclaimer{color:var(--muted);text-align:center;margin:16px 0 0;font-size:.75rem}.disclaimer strong{color:#dfe4e6}footer{color:var(--muted);text-align:right;margin-top:16px;font-size:.75rem}footer a,.privacy-policy a{color:#9de0bd}.policy{width:min(760px,100% - 32px)}.privacy-policy{border:1px solid var(--line);background:var(--panel);border-radius:8px;margin-top:20px;padding:clamp(18px,4vw,28px)}.privacy-policy h2{margin:24px 0 6px;font-size:1.05rem}.privacy-policy h2:first-of-type{margin-top:0}.privacy-policy p{color:var(--muted);margin:0 0 12px}.privacy-policy p:last-child{margin-bottom:0}.privacy-policy .updated{color:#dfe4e6;font-size:.8rem}.not-found{border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:6px;margin-top:14px;padding:clamp(32px,10vw,96px) 16px}.not-found h2{margin:4px 0;font-size:clamp(1.5rem,5vw,2.5rem)}.not-found p{color:var(--muted);margin:0 0 20px}.not-found a{border:1px solid var(--control-line);color:#dff4e8;background:#1d2b24;border-radius:4px;padding:8px 12px;display:inline-block}@media (prefers-contrast:more){:root{--line:#879098;--control-line:#b1b8bd;--muted:#d2d7da;--green:#8fddb5;--amber:#e2b575}}@media (forced-colors:active){.system-picker label.selected,.capacity-bar span{border:1px solid canvastext}.capacity-bar i{background:canvastext}}@media (width<=820px){.comparison{grid-template-columns:1fr}.card{grid-template-columns:100px minmax(0,1fr)}.metrics .fault,.metrics .speed{grid-column:auto}}@media (width<=680px){main{width:min(100% - 20px,1080px);padding-top:16px}header{display:block}header p{margin-top:8px}.configuration{margin-top:14px;padding:14px}.system-picker label{flex:1;place-items:center;min-width:0;min-height:44px;padding-inline:5px;font-size:.72rem;display:grid}.comparison-heading{gap:8px;margin-top:20px;display:grid}.chart-key{justify-content:flex-start}.zfs-options{gap:7px;display:grid}}@media (width<=420px){.system-picker{grid-template-columns:repeat(3,1fr);display:grid}.system-picker label,.system-picker label:first-of-type,.system-picker label:last-of-type{border-radius:4px}.setup-heading{gap:4px;display:grid}.card{grid-template-columns:1fr;padding:14px}.card-heading{align-items:baseline;gap:8px;display:flex}.card-output,.error{grid-column:auto}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics .primary,.metrics .fault,.metrics .speed{grid-column:span 2}.slop-toggle span{gap:1px;display:grid}}@media (prefers-reduced-motion:no-preference){.skip-link{transition:transform .15s}}