:root{--white:#fff;--base:#f6fafa;--mint:#e6f2f3;--ink:#16233b;--green:#016e79;--green-d:#024b53;--amber:#d98e32;--line:#d9e7e9;--gray:#5f6b78;--warn:#c65d4e;--sans:"Zen Kaku Gothic New",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;background:#e9f0f1;line-height:1.9}.sd{background:var(--white);max-width:460px;min-height:100vh;margin:0 auto;padding-bottom:40px;box-shadow:0 0 30px #16233b1a}.sd .hero{background:var(--base);text-align:center;border-bottom:1px solid var(--line);padding:34px 22px 30px}.sd .hero .tag{background:var(--green);color:#fff;letter-spacing:.2em;border-radius:4px;margin-bottom:12px;padding:3px 12px;font-size:10.5px;font-weight:900;display:inline-block}.sd .hero h1{font-size:22px;font-weight:900;line-height:1.6}.sd .hero p{color:var(--gray);margin-top:8px;font-size:12px}.sd section{padding:30px 22px}.sd .q{margin-bottom:22px}.sd .q .label{align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:900;display:flex}.sd .q .label .no{background:var(--ink);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:flex}.sd .opts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sd .opts.c4{grid-template-columns:repeat(4,1fr)}.sd .opt{border:1.5px solid var(--line);background:var(--white);text-align:center;cursor:pointer;border-radius:8px;padding:10px 6px;font-size:12.5px;font-weight:700;line-height:1.4;transition:all .15s}.sd .opt.on{border-color:var(--green);background:var(--mint);color:var(--green-d)}.sd select{border:1.5px solid var(--line);width:100%;font-size:14px;font-weight:700;font-family:var(--sans);background:var(--white);color:var(--ink);border-radius:8px;padding:12px}.sd .go{cursor:pointer;text-align:center;background:var(--amber);color:#fff;width:100%;font-size:16px;font-weight:900;font-family:var(--sans);letter-spacing:.03em;border:none;border-radius:8px;margin-top:6px;padding:17px 12px;transition:transform .15s;display:block;box-shadow:0 4px #a96a1e}.sd .go:active{transform:translateY(3px);box-shadow:0 1px #a96a1e}.sd .go:disabled{box-shadow:none;cursor:not-allowed;background:#c9d3d5}.sd .note{color:#7d8694;text-align:center;margin-top:10px;font-size:10px}.sd #result{display:none}.sd .r-head{text-align:center;letter-spacing:.3em;color:var(--green);margin-bottom:6px;font-size:11px;font-weight:900}.sd .r-title{text-align:center;margin-bottom:20px;font-size:19px;font-weight:900;line-height:1.6}.sd .card{background:var(--white);border:1px solid var(--line);border-radius:10px;margin-bottom:14px;padding:20px 18px}.sd .card h3{color:var(--gray);margin-bottom:6px;font-size:12.5px;font-weight:900}.sd .big{text-align:center;font-size:40px;font-weight:900;line-height:1.1}.sd .big span{font-size:.45em}.sd .big.warn{color:var(--warn)}.sd .big.teal{color:var(--green)}.sd .card .sub{text-align:center;color:var(--gray);margin-top:6px;font-size:11.5px;line-height:1.7}.sd .posts{flex-direction:column;gap:5px;margin-top:12px;display:flex}.sd .prow{grid-template-columns:64px 1fr 56px;align-items:center;gap:8px;font-size:11px;font-weight:700;display:grid}.sd .pbar{background:var(--mint);border-radius:3px;height:16px;position:relative;overflow:hidden}.sd .pbar i{background:var(--green);border-radius:3px;position:absolute;top:0;bottom:0;left:0}.sd .prow.hit .pbar i{background:var(--amber)}.sd .prow .cnt{text-align:right;color:var(--gray);font-weight:700}.sd .pnote{color:#8b9aa0;margin-top:6px;font-size:9.5px}.sd .diffband{background:linear-gradient(180deg,var(--mint),var(--white));border:1.5px solid var(--green);text-align:center;border-radius:10px;margin-bottom:14px;padding:18px}.sd .diffband .cap{font-size:12px;font-weight:900}.sd .diffband .num{color:var(--green-d);font-size:34px;font-weight:900;line-height:1.2}.sd .diffband .num span{font-size:.5em}.sd .diffband p{color:var(--gray);margin-top:4px;font-size:11px;line-height:1.7}.sd .diffband .at45{color:var(--ink);font-size:11.5px;font-weight:900}.sd .lpcta{text-align:center;background:var(--amber);color:#fff;border-radius:8px;margin-top:4px;padding:16px 12px;font-size:15.5px;font-weight:900;text-decoration:none;display:block;box-shadow:0 4px #a96a1e}.sd .lpcta small{opacity:.95;font-size:10px;font-weight:700;display:block}.sd .redo{text-align:center;color:var(--gray);cursor:pointer;margin-top:14px;font-size:12px;text-decoration:underline;display:block}.sd .more{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.sd .more p{color:var(--gray);margin-bottom:6px;font-size:11.5px;font-weight:900}.sd .more a{color:var(--green);padding:6px 0;font-size:12.5px;font-weight:700;line-height:1.6;text-decoration:none;display:block}.sd details{background:var(--base);border:1px solid var(--line);border-radius:8px;margin-top:18px;padding:0 14px}.sd summary{cursor:pointer;color:var(--gray);padding:12px 0;font-size:11.5px;font-weight:900}.sd details p{color:var(--gray);padding:0 0 12px;font-size:10.5px;line-height:1.8}@media (width<=380px){.sd .opts.c4{grid-template-columns:repeat(2,1fr)}}