:root{color-scheme:dark;--ink:#eef3ee;--muted:#aab4ad;--slate:#101614;--panel:#17201d;--line:#35443e;--lime:#b8ff3d;--lime-soft:#d9ff9a;--danger:#ffad8f;--max:1180px;--sans:Inter,"Noto Sans JP","Hiragino Sans",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--slate);color:var(--ink);font-family:var(--sans);line-height:1.7;background-image:linear-gradient(rgba(184,255,61,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(184,255,61,.025) 1px,transparent 1px);background-size:42px 42px}a{color:inherit}button,input,select{font:inherit}.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin:auto;padding:0 28px;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:800;letter-spacing:.04em}.brand-mark{width:24px;height:24px;border:2px solid var(--lime);box-shadow:7px -7px 0 -3px var(--slate),7px -7px 0 -1px var(--lime)}.header-link{color:var(--muted);font-size:.9rem;text-underline-offset:4px}.hero{max-width:var(--max);margin:0 auto;min-height:620px;padding:64px 28px 76px;display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);align-items:center;gap:38px}.eyebrow,.step,.result-kicker{color:var(--lime);font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero h1{font-size:clamp(2.8rem,5.3vw,5.25rem);line-height:1.05;letter-spacing:-.065em;margin:.25em 0}.hero h1 span{color:var(--lime)}.lead{font-size:1.08rem;color:#cad2cd;max-width:34rem}.example{border-left:3px solid var(--lime);padding:9px 14px;background:rgba(184,255,61,.07);font-size:.92rem}.start-link{display:inline-flex;gap:14px;align-items:center;margin-top:20px;color:var(--lime);font-weight:800;text-decoration:none}.hero-art{margin:0;position:relative;overflow:hidden;border-radius:2px;box-shadow:0 30px 80px rgba(0,0,0,.45)}.hero-art:after{content:"";position:absolute;inset:0;border:1px solid rgba(184,255,61,.22);pointer-events:none}.hero-art img{display:block;width:100%;height:auto;aspect-ratio:1.58;object-fit:cover}.hero-art figcaption{position:absolute;right:10px;bottom:8px;background:rgba(8,12,11,.78);padding:3px 8px;color:#bac1bd;font-size:.67rem}.calculator-shell,.results-section,.guide-section{max-width:var(--max);margin:0 auto 32px;padding:58px 28px}.calculator-shell{background:var(--panel);border-top:1px solid var(--lime);box-shadow:0 30px 80px rgba(0,0,0,.2)}.section-heading{display:grid;grid-template-columns:160px 1fr;align-items:start;margin-bottom:30px}.section-heading p{margin-top:0;color:var(--muted)}h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.2;letter-spacing:-.04em;margin:0 0 6px}.input-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.input-grid label{display:block;font-weight:700;font-size:.9rem}.hint{display:block;color:var(--muted);font-weight:400;font-size:.74rem;margin-bottom:7px}.input-unit{display:flex;background:#0d1311;border:1px solid var(--line);min-height:56px;align-items:center}.input-unit:focus-within,select:focus{outline:2px solid var(--lime);outline-offset:2px}.input-unit input{width:100%;min-width:0;background:transparent;border:0;color:var(--ink);padding:12px 4px 12px 14px;font-size:1rem;outline:0}.input-unit span{color:var(--muted);padding:0 13px}select{width:100%;min-height:56px;background:#0d1311;color:var(--ink);border:1px solid var(--line);padding:0 12px;font-size:1rem}.form-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px}button{min-height:48px;border:1px solid transparent;padding:10px 18px;cursor:pointer;font-weight:800}.primary{background:var(--lime);color:#101510}.secondary{border-color:var(--line);background:#26322e;color:var(--ink)}.text-button{background:transparent;color:var(--lime);text-decoration:underline;text-underline-offset:4px}.message{margin-top:16px;padding:10px 14px;border-left:3px solid var(--line);background:#111815}.message.error{border-color:var(--danger);color:#ffd6c7}.message.success{border-color:var(--lime-soft)}.message ul{margin:4px 0}.results-section{padding-top:80px}.featured-result{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px;border:1px solid var(--line);background:linear-gradient(120deg,#1c2824,#111715);margin-bottom:24px}.featured-result h3{font-size:clamp(2.6rem,6vw,5rem);line-height:1;margin:8px 0;color:var(--lime);letter-spacing:-.05em}.featured-result h3 small{font-size:.35em;letter-spacing:.02em}.featured-result p{color:var(--muted);margin:0}.capacity-stack{display:grid;grid-template-columns:repeat(4,30px);gap:7px;align-content:end}.capacity-stack span{height:30px;border:1px solid #5b6b64;background:#2b3934;transform:skewY(-7deg)}.capacity-stack span.data{background:linear-gradient(135deg,var(--lime),#6aaa1e);border-color:var(--lime-soft);box-shadow:0 0 18px rgba(184,255,61,.12)}.table-wrap{overflow-x:auto;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;min-width:850px;background:#131a18}th,td{text-align:left;padding:15px 16px;border-bottom:1px solid #2d3935}thead th{color:var(--muted);font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;background:#0e1412}tbody th{color:var(--lime-soft)}.selected-row{background:rgba(184,255,61,.065)}.unavailable{display:inline-block;color:var(--danger);font-weight:800;margin-right:8px}.pair-note{color:var(--muted);font-size:.82rem}.guide-section{padding-top:90px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.guide-grid article{background:#151d1a;padding:30px}.guide-grid .warning-card{background:linear-gradient(160deg,#1c261f,#172018)}.card-index{color:var(--lime);font-family:monospace}.guide-grid h3{font-size:1.35rem;margin:16px 0 8px}.guide-grid p{color:#bec7c1;margin:0}details{margin-top:20px;border:1px solid var(--line);background:#131a18}summary{cursor:pointer;padding:18px;font-weight:800;min-height:56px}.details-body{padding:0 18px 16px;color:var(--muted)}footer{max-width:var(--max);margin:70px auto 0;padding:28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:.82rem}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0;padding-top:48px}.hero-copy{max-width:680px}.hero-art{max-width:760px}.input-grid{grid-template-columns:repeat(2,1fr)}.section-heading{grid-template-columns:120px 1fr}.guide-grid{grid-template-columns:1fr}}@media(max-width:560px){.site-header{height:62px;padding:0 18px}.header-link{display:none}.hero{padding:40px 18px 54px;gap:28px}.hero h1{font-size:2.75rem}.lead{font-size:1rem}.hero-art img{aspect-ratio:1.12;object-position:58% center}.calculator-shell,.results-section,.guide-section{margin-bottom:14px;padding:42px 18px}.section-heading{grid-template-columns:1fr;gap:2px}.section-heading .step{margin-bottom:7px}.input-grid{grid-template-columns:1fr}.form-actions{align-items:stretch}.form-actions button{width:100%}.featured-result{align-items:flex-start;flex-direction:column}.featured-result h3{font-size:3.2rem}.capacity-stack{grid-template-columns:repeat(8,22px)}.capacity-stack span{height:22px}.guide-grid article{padding:24px}footer{margin-top:40px;padding:24px 18px;display:block}.table-wrap{margin-right:-18px;border-right:0}}@media print{body{background:white;color:#111}.site-header,.hero-art,.form-actions,.guide-section,footer{display:none}.hero{min-height:0;padding:20px}.hero h1 span,.eyebrow,.step,.result-kicker,.featured-result h3,tbody th{color:#263}.calculator-shell,.results-section{box-shadow:none;background:white;margin:0;padding:20px;border-color:#333}.featured-result,table{background:white;color:#111}.table-wrap{overflow:visible}.message{display:none!important}}