/* 金ちゃんの無料ツール 共通：角の案内・下の案内（2026-10-18 カズ135） */
.kp-badge{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:30;display:flex;align-items:center;gap:6px;padding:8px 10px 8px 14px;border-radius:999px;background:linear-gradient(180deg,#fff4c2,#f2c14e 60%,#c8860a);color:#2b1a00;font:800 13px "Hiragino Sans","Zen Kaku Gothic New",sans-serif;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.35);opacity:0;transform:translateY(12px);transition:opacity .4s,transform .4s}
.kp-badge.on{opacity:1;transform:none}.kp-badge.away{opacity:0!important;transform:translateY(12px)!important;pointer-events:none}.kp-badge:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 10px 26px rgba(255,200,60,.4)}
.kp-badge .x{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.15);font-size:13px;line-height:1;border:0;color:#2b1a00;cursor:pointer;margin-left:2px}
body.kp-has-badge{padding-bottom:120px}
.kp-foot{box-sizing:border-box;max-width:1040px;margin:18px auto 0;min-width:0;padding:0 16px calc(24px + env(safe-area-inset-bottom,0px));display:grid;gap:12px;color:#cfdbe4;font-family:"Hiragino Sans","Zen Kaku Gothic New",sans-serif}
.kp-card{background:#0d1a26;border:1px solid #1d3346;border-radius:14px;padding:14px;display:grid;gap:8px}
.kp-card h3{margin:0;font-size:15px;color:#fff}.kp-card p{margin:0;font-size:13px;color:#9fb3c2;line-height:1.6}
.kp-club{background:linear-gradient(135deg,#0b2236,#0d1a26 60%);border-color:#2b4a63}
.kp-btn{position:relative;overflow:hidden;display:inline-block;text-align:center;font-weight:800;font-size:14px;padding:11px 14px;border-radius:12px;text-decoration:none;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s}.kp-btn::after{content:"";position:absolute;top:0;bottom:0;left:-80%;width:50%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.4),rgba(255,255,255,0));transform:skewX(-20deg);transition:left .5s ease}.kp-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.35)}.kp-btn:hover::after{left:130%}.kp-btn:active{transform:translateY(0) scale(.98)}
.kp-gold{color:#2b1a00;background:linear-gradient(180deg,#fff4c2,#f2c14e 60%,#c8860a)}
.kp-ghost{color:#e7f0f7;border:1px solid #2b4a63}
.kp-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.kp-xrow{display:grid;gap:8px}.kp-xrow .kp-btn{text-align:center;display:block}
.kp-tweets{display:grid;gap:8px;justify-items:center}.kp-tweets{justify-items:stretch}.kp-tweets blockquote.twitter-tweet{margin:0;width:100%;max-width:none;padding:0;border:0;background:none;display:grid}.kp-tweets blockquote.twitter-tweet a.kp-btn{display:block}.kp-tweets .twitter-tweet-rendered{margin-left:auto!important;margin-right:auto!important}
.kp-foot>*{min-width:0}.kp-foot *{box-sizing:border-box}.kp-ex{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.kp-ex a{min-width:0;display:grid;gap:2px;grid-template-columns:minmax(0,1fr) auto;align-items:center;text-decoration:none;color:#e7f0f7;background:#0a1520;border:1px solid #1d3346;border-radius:12px;padding:10px;transition:transform .18s,border-color .18s,box-shadow .18s}.kp-ex a:hover{transform:translateY(-2px);border-color:#5cc2e6;box-shadow:0 8px 18px rgba(0,0,0,.3)}
.kp-ex b{font-size:14px;grid-column:1;overflow-wrap:anywhere}.kp-ex span{font-size:12px;color:#9fb3c2;grid-column:1;overflow-wrap:anywhere}.kp-ex em{grid-column:2;grid-row:1/3;font-style:normal;font-size:12px;font-weight:800;color:#2b1a00;background:linear-gradient(180deg,#fff4c2,#f2c14e 60%,#c8860a);border-radius:999px;padding:6px 8px;white-space:nowrap}
.kp-pr{font-size:11px;font-weight:900;color:#f2c14e;border:1px solid #f2c14e;border-radius:5px;padding:0 5px;margin-left:6px}
.kp-small{font-size:12px;color:#9fb3c2;line-height:1.7;margin:0}
.kp-by{font-size:12px;color:#7f97a8;text-decoration:none;margin-left:4px}.kp-by:hover{color:#5cc2e6}
@media (max-width:430px){.kp-ex{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce){.kp-badge{transition:none}}