.wrap{max-width:720px;margin:0 auto;padding:0 12px 48px}.hero{text-align:center;color:#fff;background:linear-gradient(135deg,#1e3a8a,#2563eb);border-radius:0 0 18px 18px;margin:0 -12px 14px;padding:22px 14px 16px}.hero h1{letter-spacing:.04em;margin:0;font-size:26px}.hero .sub{opacity:.95;margin:6px 0 0;font-size:13px}.hero .badge{background:#ffffff2e;border-radius:999px;margin:10px 0 0;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.picker{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:14px;display:grid}.pick{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-height:40px;padding:8px 0;font-size:12px;font-weight:600;position:relative}.pick.on{color:#fff;background:#2563eb;border-color:#2563eb}.pick .lock{font-size:9px;position:absolute;top:1px;right:2px}.card{background:#fff;border-radius:14px;margin-bottom:14px;padding:16px;box-shadow:0 1px 3px #0000000f}.card h2{margin:0 0 8px;font-size:17px;line-height:1.4}.card h3{color:#1e3a8a;border-left:4px solid #2563eb;margin:18px 0 8px;padding-left:8px;font-size:14px}.card h4{margin:10px 0 6px;font-size:13px}.volt{color:#475569;margin:0 0 6px;font-size:13px;font-weight:600}.figure{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.figure.answer{border-color:#93c5fd}.summary{color:#334155;margin:10px 0 0;padding-left:18px;font-size:13px}.summary li{margin:2px 0}.draw-svg{border:1px dashed #94a3b8;border-radius:10px}.pen-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.pen-label{color:#475569;font-size:12px}.pen-btn{cursor:pointer;border:2px solid #cbd5e1;border-radius:50%;width:28px;height:28px;padding:0}.pen-btn.active{border-color:#1e3a8a;box-shadow:0 0 0 2px #bfdbfe}.mini-btn{cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:6px 10px;font-size:12px}.hint{color:#64748b;margin:8px 0 0;font-size:11.5px}.answer-toggle{margin:4px 0 10px}.cta{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.cta:active{background:#1d4ed8}.cta.buy{text-align:center;background:#16a34a;margin:4px 0 10px;padding:14px 18px;font-size:16px;display:block}.cta.buy:hover{background:#15803d}.notes{background:#f8fafc;border-radius:10px;margin-top:10px;padding:10px 12px}.notes ul{margin:6px 0;padding-left:18px;font-size:13px}.notes .src{color:#94a3b8;margin:6px 0 0;font-size:11px}.legend{color:#475569;flex-wrap:wrap;gap:10px;padding:8px 4px 2px;font-size:11.5px;display:flex}.legend span{align-items:center;gap:4px;display:inline-flex}.legend .sw{border-radius:2px;width:16px;height:3px;display:inline-block}.legend .sw.white{background:#94a3b8}.legend .sw.black{background:#111827}.legend .sw.red{background:#dc2626}.legend .sw.green{background:#16a34a}.steps{margin:0;padding-left:20px;font-size:13.5px}.steps li{margin:6px 0}.locked-box{text-align:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;margin-top:14px;padding:16px}.locked-box p{margin:4px 0;font-size:14px}.price{color:#1e3a8a;margin:0 0 8px;font-size:24px;font-weight:800}.features{margin:0 0 10px;padding-left:18px;font-size:13.5px}.features li{margin:4px 0}.activate{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.activate input{border:1px solid #cbd5e1;border-radius:8px;flex:160px;padding:10px;font-size:14px}.key-msg{color:#b45309;flex-basis:100%;margin:4px 0 0;font-size:12.5px}.pro-on{color:#16a34a;font-weight:700}.disclaimer ul{color:#475569;margin:0;padding-left:18px;font-size:12.5px}.disclaimer li{margin:6px 0}.muted{color:#64748b}.small{font-size:12px}footer{text-align:center;color:#64748b;padding:18px 0 0;font-size:12px}footer p{margin:4px 0}@media (width<=360px){.picker{grid-template-columns:repeat(5,1fr)}}:root{color:#1f2937;-webkit-text-size-adjust:100%;background:#f1f5f9;font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:#2563eb}