*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;background:#f3f6fa;color:#172033}.app-header{padding:24px 18px 20px;background:linear-gradient(135deg,#0f172a,#1e3a5f);color:#fff;display:flex;justify-content:space-between;align-items:flex-start}.app-header h1{margin:2px 0 4px;font-size:28px}.app-header p{margin:0;color:#cbd5e1;font-size:13px}.eyebrow{font-size:10px;letter-spacing:.18em;color:#7dd3fc;font-weight:800}.version{background:#ffffff18;border:1px solid #ffffff25;padding:5px 9px;border-radius:999px;font-size:12px}main{max-width:760px;margin:0 auto;padding:14px}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:14px;position:sticky;top:0;padding:9px 0;background:#f3f6fa;z-index:5}.tab{border:0;background:#e5eaf0;padding:11px 4px;border-radius:10px;font-weight:700;color:#526173}.tab.active{background:#0f6a8a;color:#fff}.panel{display:none}.panel.active{display:block}.card{background:#fff;border-radius:16px;padding:18px;margin-bottom:14px;box-shadow:0 5px 20px #1e293b10;border:1px solid #e7edf3}.card h2{margin:0 0 6px;font-size:19px}.hint{font-size:12px;color:#68778a;line-height:1.6;margin:0 0 15px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:12px;font-weight:700;color:#435168;margin-bottom:12px}input,select{width:100%;margin-top:5px;padding:12px;border:1px solid #cfd8e3;border-radius:10px;background:#fbfdff;font-size:16px;color:#111827;outline:none}input:focus,select:focus{border-color:#0f6a8a;box-shadow:0 0 0 3px #0f6a8a18}.input-unit{display:grid;grid-template-columns:1fr 90px;gap:6px}.mini{display:block;font-size:10px;font-weight:500;color:#8793a3;margin-top:5px}.primary,.secondary{width:100%;border:0;border-radius:11px;padding:13px;font-size:15px;font-weight:800;margin-top:2px}.primary{background:#0f6a8a;color:#fff}.secondary{background:#e8f4f7;color:#07566f}.result{margin-top:15px;border-radius:12px;padding:15px;background:#f0f9fb;border:1px solid #cdebf2;line-height:1.65}.result h3{margin:0 0 7px;font-size:16px}.result .big{font-size:26px;font-weight:850;color:#07566f}.result table{width:100%;border-collapse:collapse;font-size:13px}.result th,.result td{padding:7px;border-bottom:1px solid #dce8ec;text-align:right}.result th:first-child,.result td:first-child{text-align:left}.hidden{display:none}.error{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.caution{background:#fffaf0;border-color:#f6dfb7;font-size:12px;line-height:1.6}.caution p{margin:5px 0 0}footer{text-align:center;padding:15px 0 28px;color:#8a97a7;font-size:11px}@media(max-width:600px){.grid{grid-template-columns:1fr}.app-header{padding-top:20px}.tabs{gap:5px}.tab{font-size:12px;padding:10px 2px}}
.install-btn{margin-top:12px;border:1px solid #7dd3fc;background:#ffffff14;color:#fff;border-radius:10px;padding:8px 12px;font-weight:800;font-size:12px}
.install-btn.hidden{display:none}