/* 追加ツール（ai-level / handwork / ai-paste）共通。ムダ会議カウンターの見た目に合わせる */
body{background:#07070B;color:#fff}html,body{overflow-x:hidden}
.acc{color:var(--accent,#FF9F43)!important}.nw{white-space:nowrap}
.hero{position:relative;overflow:hidden;min-height:min(80svh,700px);display:flex;align-items:center;text-align:center;padding:clamp(48px,9vw,100px) 0 30px}
.hero .narrow{width:100%;position:relative}.hero .lead{margin-left:auto;margin-right:auto}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 400px at 50% 55%,rgba(0,102,255,.25),transparent 70%),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px);pointer-events:none}
.scan{position:absolute;left:0;right:0;height:120px;background:linear-gradient(transparent,rgba(0,212,255,.08),transparent);animation:sc 6s linear infinite;pointer-events:none}@keyframes sc{from{top:-120px}to{top:100%}}
.kicker{font-family:"JetBrains Mono",monospace;color:#00D4FF;font-size:14px;font-weight:700;letter-spacing:.1em;margin:0}
.ht{font-size:clamp(32px,9vw,68px);line-height:1.18;font-weight:900;letter-spacing:-.02em;margin:14px 0;word-break:keep-all}.ht .grad{display:inline-block}
.sig{margin:22px 0 6px}.sl1{margin:0;font-size:14px;font-weight:700;color:#B8C2D6}.signum{font-size:clamp(48px,14vw,104px);font-weight:900;line-height:1.05;letter-spacing:-.03em;text-shadow:0 0 40px rgba(0,212,255,.3)}.sl2{margin:4px 0 0;font-size:16px;font-weight:700;color:#C9D2E3}
.heroBtn{min-width:260px;margin-top:18px}
.lead{color:#A8A8B8}.card{background:#12121A;box-shadow:0 0 0 1px rgba(255,255,255,.08)}main .src{color:#8a8a9a}main .src a{color:#7dd3fc}h1,h2,h3{color:#fff}
main .btn-p{background:#fff;color:#0a0a0a;box-shadow:0 6px 24px rgba(0,212,255,.25)}main .btn-g{color:#fff;box-shadow:inset 0 0 0 1.5px #3a3a48}main .btn-g:hover{box-shadow:inset 0 0 0 1.5px #00D4FF}main .btn:disabled{opacity:.4;cursor:not-allowed}
.h2s{margin:0 0 4px;font-size:20px}
.big{font-size:clamp(64px,17vw,150px);font-weight:900;line-height:1}
.stats{display:grid;gap:12px;margin-top:24px}.stat{background:#12121A;border-radius:18px;padding:18px;box-shadow:0 0 0 1px rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;gap:12px}.stat b{font-size:22px;white-space:nowrap}.stat small{display:block;color:#A8A8B8;font-size:12px}
.grid2{display:grid;gap:24px}@media(min-width:900px){.grid2{grid-template-columns:1fr 1fr;align-items:start}}
.cta{background:#fff;color:#0a0a0a;border-radius:24px;padding:clamp(24px,5vw,40px);position:relative;overflow:hidden}.cta h3{color:#0a0a0a;font-size:22px}.cta p{color:#3F3F46}
.srcbox summary{cursor:pointer;font-size:12px;color:#6A6A7A;list-style:revert}.srcbox .src{font-size:11px;color:#6A6A7A;line-height:1.7;margin-top:6px}
.share{max-width:100%;height:auto}
.btn2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
/* 選択肢（3択・複数選択） */
.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.seg button,.opt{min-height:48px;padding:6px 10px;border-radius:14px;border:1.5px solid #2a2a36;background:#12121A;color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s}
.seg button[aria-pressed=true],.opt[aria-pressed=true]{background:#fff;color:#0a0a0a;border-color:#fff}
.seg button:hover,.opt:hover{border-color:#00D4FF}
.opts{display:grid;gap:10px}.opt{text-align:left;display:flex;gap:12px;align-items:center;padding:12px 16px}.opt small{display:block;font-weight:400;font-size:12px;color:#A8A8B8}.opt[aria-pressed=true] small{color:#3F3F46}
.opt .ck{flex:0 0 22px;height:22px;border-radius:6px;border:2px solid #3a3a48;display:grid;place-items:center;font-size:14px;color:transparent}.opt[aria-pressed=true] .ck{background:#0066FF;border-color:#0066FF;color:#fff}
.opt.radio .ck{border-radius:50%}
/* 数値入力 */
.fld{display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:700;color:#fff}.fld input{width:7em;max-width:100%;height:48px;border-radius:12px;border:1.5px solid #2a2a36;padding:0 12px;font:inherit;font-size:18px;font-weight:700;text-align:right;background:#0c0c12;color:#fff}.fld input:focus{outline:3px solid #0066FF55;border-color:#0066FF}
.err{display:block;color:#FF6B6B;font-size:14px;font-weight:700}.err:empty{display:none}.fld input[aria-invalid=true]{border-color:#FF6B6B}
.step{display:inline-flex;align-items:center;background:#22222c;border-radius:999px;padding:4px}
.step button{width:44px;height:44px;border-radius:50%;border:0;background:#33333f;color:#fff;font-size:22px;font-weight:700;cursor:pointer}.step button:active{transform:scale(.88)}
.step output{min-width:56px;text-align:center;font-weight:800;font-size:18px}
input[type=range].rg{-webkit-appearance:none;appearance:none;width:100%;height:44px;background:transparent;margin:0;cursor:pointer;touch-action:pan-y}
input[type=range].rg::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(90deg,#00D4FF,#0066FF var(--p,30%),#2a2a36 var(--p,30%))}input[type=range].rg::-moz-range-track{height:8px;border-radius:99px;background:#2a2a36}input[type=range].rg::-moz-range-progress{height:8px;border-radius:99px;background:var(--grad)}
input[type=range].rg::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-11px;border-radius:50%;background:#fff;border:3px solid #0066FF;box-shadow:0 0 0 6px rgba(0,212,255,.18)}input[type=range].rg::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid #0066FF}
.slt{display:flex;justify-content:space-between;font-size:12px;color:#8a8a9a}
.sum{margin:18px 0;padding:16px;border-radius:16px;background:#1a1a24;display:flex;justify-content:space-between;align-items:center;gap:12px}.sum b{font-size:24px}
@media(max-width:767px){.res{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}
/* ナビが6項目になったので、スマホでは横スクロールにする */
@media(max-width:640px){.hd .wrap{gap:12px}.hd nav{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent)}.hd nav::-webkit-scrollbar{display:none}.hd nav a{margin-left:14px}}
