:root{--bg:#0f1115;--card:#171a21;--line:#2a2f3a;--ink:#e9ecf2;--mute:#9aa3b2;--acc:#ff6243;--acc2:#3dd68c;--warn:#ffb020;--neg:#ff5c5c}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans JP",sans-serif}
.wrap{max-width:1120px;margin:0 auto;padding:0 18px}
.top{border-bottom:1px solid var(--line);padding:18px 0 10px;background:linear-gradient(180deg,#1b1f29,#0f1115)}
.brand{display:flex;align-items:center;gap:10px;flex-wrap:wrap}h1{margin:0;font-size:24px}
.tag-line{color:var(--mute);margin:4px 0 8px}
.langs button,.tabs button{background:none;border:1px solid var(--line);color:var(--mute);padding:5px 10px;border-radius:8px;margin:0 6px 6px 0;cursor:pointer;font:inherit}
.langs button.on,.tabs button.on{border-color:var(--acc);color:var(--ink);background:#25150f}
.tabs{margin:14px 0 6px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:12px 0}
h2{font-size:18px;margin:0 0 10px}h3{font-size:15px;margin:16px 0 6px;color:#cfd5df}
.tag{font-style:normal;font-size:11px;padding:2px 7px;border-radius:20px;border:1px solid var(--line);vertical-align:middle}
.tag.free{border-color:var(--acc2);color:var(--acc2)}.tag.pro{border-color:var(--acc);color:var(--acc)}.tag.lock{color:var(--mute)}.tag.sample{border-color:var(--warn);color:var(--warn)}
.drop{border:1px dashed var(--line);border-radius:10px;padding:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.drop.over{border-color:var(--acc)}
.btn{display:inline-block;background:var(--acc);color:#fff;border:0;border-radius:8px;padding:8px 14px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.btn.alt{background:#2b3140;color:var(--ink)}button.link{background:none;border:0;color:var(--acc);cursor:pointer;font:inherit;text-decoration:underline}
.small{font-size:13px;color:var(--mute)}.lock{margin:8px 0 0}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:12px 0}
.kpis .k{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px}.kpis .k b{display:block;font-size:22px}.kpis .k span{color:var(--mute);font-size:13px}
.kpis .k.warn b{color:var(--warn)}.kpis.small .k b{font-size:18px}
.teaser{background:#2a1f0c;border:1px solid #5a4313;border-radius:10px;padding:10px 12px;color:#ffd58a}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:800px){.grid2,.grid3{grid-template-columns:1fr}}
.f{display:block;margin:0 0 8px}.f span{display:block;font-size:13px;color:var(--mute)}
input,select,textarea{background:#0f1218;color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:6px 8px;font:inherit;width:100%}
input[type=checkbox]{width:auto}.c{display:block;font-size:14px;margin:2px 0}fieldset{border:1px solid var(--line);border-radius:8px;margin:4px 0 10px}legend{font-size:13px;color:var(--mute)}
.hint{font-size:12px;color:var(--mute);margin:-4px 0 8px}
table{border-collapse:collapse;width:100%}td,th{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--mute);font-weight:500;font-size:13px}
td.n,th.n{text-align:right;white-space:nowrap}.res tr.hi td{font-size:17px}.res td:first-child{color:#cfd5df}
.heat{background:rgba(61,214,140,calc(var(--v)*0.55))}
.scroll{overflow-x:auto}.big{font-size:17px;font-weight:600}.note{color:#cfd5df;font-size:14px}.note.warn{color:#ffd58a}.src{font-size:12px;color:var(--mute)}
.bars{list-style:none;padding:0;margin:0}.bars li{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:4px 0;font-size:14px}
.pill{font-size:12px;padding:2px 8px;border-radius:20px;white-space:nowrap}.pill.payment,.pill.declined{background:#3b1414;color:#ff9b9b}.pill.leaving{background:#3a2a0b;color:#ffd58a}.pill.left{background:#1d2433;color:#a9c1ff}
.why,.sub{font-size:12px;color:var(--mute)}.msg{min-width:280px;font-size:13px}.risk td{font-size:14px}.copy{margin-top:4px;background:#2b3140;color:var(--ink);border:0;border-radius:6px;padding:4px 10px;cursor:pointer}
.pw ul{margin:0 0 10px 18px;padding:0}.pw .buy{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.key{margin-top:10px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.key input{max-width:320px}
.key button{background:#2b3140;color:var(--ink);border:0;border-radius:7px;padding:7px 12px;cursor:pointer}
.pos{color:var(--acc2)}.neg{color:var(--neg)}.empty{color:var(--mute)}
.about dt{font-weight:600;margin-top:8px}.about dd{margin:2px 0 6px 0;color:#cfd5df}
footer{padding:20px 18px 40px}