:root{color:#202331;font-synthesis:none;background:#f5f1e9;font-family:Inter,Noto Sans JP,system-ui,sans-serif;line-height:1.65}*{box-sizing:border-box;min-width:0}html,body,#root{min-height:100%;margin:0;overflow-x:hidden}body{background:radial-gradient(circle at 90% 5%,#ffd6af 0,#0000 28rem),#f5f1e9}button,input,select{font:inherit}.hero,main{width:min(100% - 2rem,72rem);margin-inline:auto}.hero{grid-template-columns:minmax(0,1fr) 15rem;align-items:end;gap:3rem;padding:5rem 0 3rem;display:grid}.eyebrow{color:#a34810;letter-spacing:.13em;margin:0;font-size:.75rem;font-weight:900}.hero h1{letter-spacing:-.055em;max-width:13ch;margin:.7rem 0 1.2rem;font-size:clamp(2.5rem,7vw,5.7rem);line-height:1.02}.hero h1 em{color:#a34810;font-style:normal}.lead{color:#595c67;max-width:48rem;font-size:1.1rem}.hero-mark{letter-spacing:.14em;color:#5b4b43;gap:.75rem;font-size:.7rem;font-weight:900;display:grid}.hero-mark i{background:linear-gradient(90deg,#a34810,#0000);height:1px;display:block}main{gap:1.5rem;padding-bottom:4rem;display:grid}.privacy-note{color:#fff;background:#202331;border-radius:14px;grid-template-columns:15rem 1fr;gap:1.5rem;padding:1.1rem 1.25rem;display:grid}.privacy-note strong{color:#ffc17f}.form-section,.result-section,.example,.limits,.sources{background:#fffdf9;border:1px solid #d9d2c7;border-radius:22px;padding:clamp(1rem,4vw,2.25rem);box-shadow:0 18px 50px #483a2710}.section-heading{border-bottom:1px solid #ddd5c8;grid-template-columns:3rem 1fr;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem;display:grid}.section-heading>p{color:#a34810;border:1px solid #a34810;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;margin:0;font-weight:900;display:grid}.section-heading h2,.result-intro h2,.example h2,.limits h2,.sources h2{margin:0;font-size:clamp(1.65rem,4vw,2.5rem);line-height:1.2}.section-heading span{color:#666873}.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.facts{align-items:start}fieldset{background:#fff;border:1px solid #ddd5c8;border-radius:16px;margin:0;padding:1.2rem}legend{color:#71320e;padding:0 .55rem;font-size:1.05rem;font-weight:900}.field{gap:.4rem;margin-top:1rem;display:grid}.field>label{font-weight:750}.field-note,.error{color:#696b74;margin:0;font-size:.82rem}.error{color:#a5251c;font-weight:700}select,input[type=number]{color:#202331;background:#fff;border:1px solid #aaa397;border-radius:10px;width:100%;padding:.7rem .8rem}.number-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem;display:grid}.number-row span{font-weight:800}.toggle-row{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.toggle{cursor:pointer;border:1px solid #bdb5a8;border-radius:999px;align-items:center;gap:.55rem;padding:.55rem .8rem;display:flex}.toggle input{accent-color:#a34810;width:1.1rem;height:1.1rem}.form-actions{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1.5rem;display:flex}.form-actions p{color:#71320e;width:100%;margin:0;font-weight:700}button{cursor:pointer;border:0;border-radius:999px;padding:.78rem 1.2rem;font-weight:900}.primary{color:#fff;background:#a34810}.secondary{color:#292b36;background:#eee8de}.result-section{color:#fff;background:#202331;border:0}.result-intro{max-width:52rem}.result-intro .eyebrow{color:#ffc17f}.result-intro h2{margin-top:.35rem}.overall-code{color:#ffc17f;overflow-wrap:anywhere;background:#ffffff14;border:1px solid #fff3;border-radius:6px;margin-top:.8rem;padding:.35rem .55rem;display:inline-block}.path-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem;display:grid}.path-card{background:#2a2e3d;border:1px solid #ffffff20;border-radius:16px;padding:1rem}.path-heading{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.path-heading h3{margin:0;font-size:1.05rem}.path-heading span,.status{background:#ffffff14;border-radius:999px;padding:.28rem .5rem;font-size:.72rem;font-weight:900}.path-card[data-status=PASS]{border-color:#61c89f}.path-card[data-status=FAIL]{border-color:#ff8f80}.path-card[data-status=UNKNOWN]{border-color:#e9bd65}.check-list{gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.check-list li{grid-template-columns:auto 1fr;align-items:start;gap:.65rem;display:grid}.check-list p,.empty{color:#d6d8df;margin:.15rem 0 0;font-size:.88rem}.check-list li[data-status=PASS] .status{color:#8ee3bd}.check-list li[data-status=FAIL] .status{color:#ffa69a}.check-list li[data-status=UNKNOWN] .status{color:#ffd482}.counterfactuals{border-top:1px solid #ffffff20;margin-top:1.5rem;padding-top:1.5rem}.counterfactuals .eyebrow{color:#ffc17f}.counterfactuals h3{margin:.25rem 0}.frame-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.frame-grid article{color:#202331;background:#fff;border-radius:14px;padding:1rem}.frame-grid h4{margin:0;font-size:1.1rem}.frame-grid ul{padding-left:1.2rem}.frame-grid small{color:#5f626c}.all-changes{background:#ffffff12;border-radius:10px;padding:.8rem}.example,.limits,.sources{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:2rem;display:grid}.example p{margin-top:0}.example p:last-child{margin-bottom:0}.limits ul,.sources ul{margin:0;padding-left:1.2rem}.limits li+li,.sources li+li{margin-top:.7rem}a{color:#87400f;text-underline-offset:.18em}.result-section a{color:#ffd39e}footer{color:#666873;justify-content:space-between;gap:1rem;padding:1rem .25rem;font-size:.9rem;display:flex}footer p{margin:0}:focus-visible{outline-offset:3px;outline:3px solid #ef7a30}@media (width<=720px){.hero{grid-template-columns:1fr;padding-top:3rem}.hero-mark{display:none}.privacy-note,.example,.limits,.sources,.two-column,.path-grid,.frame-grid{grid-template-columns:1fr}}@media (width<=420px){.hero,main{width:min(100% - 1rem,72rem)}.hero{gap:1rem;padding-top:2rem}.hero h1{font-size:2.55rem}.form-section,.result-section,.example,.limits,.sources{border-radius:15px;padding:1rem}.section-heading{grid-template-columns:2.5rem 1fr}.path-card{padding:.85rem}.form-actions button{width:100%}footer{display:grid}}