.km .dash{background:var(--ink-2);border:1px solid var(--ink-3);border-radius:18px;padding:18px;position:relative;box-shadow:0 40px 80px -40px #000c}.km .dash-top{color:var(--mute);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.km .dash-top b{color:var(--bone);letter-spacing:0;text-transform:none;font-size:14px;font-weight:500;font-family:var(--f-sans), sans-serif}.km .live{color:#7fd6a2;align-items:center;gap:6px;margin-left:auto;display:flex}.km .live i{background:#2f8f5b;border-radius:50%;width:7px;height:7px;animation:1.6s infinite km-pulse}@keyframes km-pulse{0%{box-shadow:0 0 #2f8f5b99}70%{box-shadow:0 0 0 8px #2f8f5b00}to{box-shadow:0 0 #2f8f5b00}}.km .tiles{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.km .tile{background:var(--ink);border:1px solid var(--ink-3);border-radius:12px;min-width:0;padding:12px}.km .tile span{color:var(--mute);margin-bottom:6px;display:block}.km .tile b{font-variation-settings:"wdth" 62;font-variant-numeric:tabular-nums;font-size:clamp(28px,2.6vw,40px);font-weight:300;line-height:1}.km .tile small{font-family:var(--f-mono), monospace;color:#7fd6a2;margin-top:6px;font-size:10px;display:block}.km .dash-chart{background:var(--ink);border:1px solid var(--ink-3);border-radius:12px;margin-top:12px;padding:12px 12px 6px}.km .dash-chart svg{width:100%;height:170px;display:block;overflow:visible}.km .dash-chart .grid line{stroke:var(--ink-3)}.km .dash-chart .area{fill:url(#ads-area)}.km .dash-chart .line{fill:none;stroke:var(--gold);stroke-width:2px}.km .dash-chart .line2{fill:none;stroke:var(--mute-dark);stroke-width:1.5px;stroke-dasharray:4 4}.km .dash-chart .dot{fill:var(--gold)}.km .chart-legend{color:var(--mute);flex-wrap:wrap;gap:16px;margin-top:4px;display:flex}.km .chart-legend i{background:var(--gold);vertical-align:middle;width:14px;height:2px;margin-right:6px;display:inline-block}.km .chart-legend i.d{background:var(--mute-dark)}.km .chan{border-radius:99px;height:8px;margin-top:12px;display:flex;overflow:hidden}.km .chan span{height:100%;display:block}.km .chan-l{color:var(--mute);flex-wrap:wrap;gap:14px;margin-top:8px;display:flex}.km .chan-l i{vertical-align:middle;border-radius:2px;width:8px;height:8px;margin-right:6px;display:inline-block}.km .dash-note{color:var(--mute-dark);margin-top:14px}.km .lead-toast{z-index:2;background:var(--bone);color:var(--ink);opacity:0;white-space:nowrap;border-radius:12px;align-items:center;gap:6px;padding:10px 14px;font-size:13px;display:flex;position:absolute;top:-18px;right:-14px;box-shadow:0 20px 40px -20px #0009}.km .lead-toast i{background:#2f8f5b;border-radius:50%;width:8px;height:8px;margin-right:4px}@media (max-width:600px){.km .tiles{grid-template-columns:1fr 1fr}.km .lead-toast{right:0}}.km .calc{grid-template-columns:1fr 1.1fr;align-items:start;gap:clamp(32px,5vw,80px);display:grid}.km .calc>*{min-width:0}.km .calc-in{flex-direction:column;gap:28px;display:flex}.km .calc-in label,.km .calc-l{justify-content:space-between;align-items:baseline;margin-bottom:12px;font-weight:500;display:flex}.km .calc-in label b{font-variation-settings:"wdth" 62;letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:56px;font-weight:300;line-height:.9}.km .calc input[type=range]{appearance:none;background:linear-gradient(to right, var(--ink) var(--p,30%), #0e0d0b26 var(--p,30%));border-radius:99px;outline:0;width:100%;height:4px}.km .calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold);border:3px solid var(--bone);width:26px;height:26px;box-shadow:0 0 0 1px var(--ink);cursor:grab;border-radius:50%}.km .calc input[type=range]::-moz-range-thumb{background:var(--gold);border:3px solid var(--bone);cursor:grab;border-radius:50%;width:22px;height:22px}.km .calc input[type=range]:focus-visible{outline:2px solid var(--gold);outline-offset:8px}.km .ind{flex-wrap:wrap;gap:6px;display:flex}.km .ind button{border:1px solid #0e0d0b40;border-radius:99px;padding:8px 14px;font-size:13px;transition:background .3s,color .3s}.km .ind button[aria-pressed=true]{background:var(--ink);color:var(--bone);border-color:var(--ink)}.km .calc-out{background:#0e0d0b2e;border:1px solid #0e0d0b2e;grid-template-columns:1fr 1fr;gap:1px;display:grid}.km .calc-out>div{background:var(--bone);min-width:0;padding:24px 22px}.km .calc-out>div.big{background:var(--ink);color:var(--bone);grid-column:1/-1}.km .calc-out span{color:var(--mute-dark);margin-bottom:8px;display:block}.km .calc-out .big span{color:var(--mute)}.km .calc-out b{font-variation-settings:"wdth" 62;letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(40px,5vw,76px);font-weight:300;line-height:.9}.km .calc-out .big b{color:var(--gold-soft);font-size:clamp(56px,7vw,110px)}.km .assume{color:var(--mute-dark);line-height:1.7}@media (max-width:900px){.km .calc{grid-template-columns:1fr}}.km .ads-p{color:var(--bone-2);max-width:52ch;margin-top:20px;line-height:1.6}.km .variants{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;display:grid}.km .hook-card{background:var(--ink-2);border:1px solid var(--ink-3);border-radius:14px;transition:opacity .5s,filter .5s;position:relative;overflow:hidden}.km .hook-card.lose{opacity:.45;filter:grayscale(.8)}.km .hook-card .ph{aspect-ratio:4/5;position:relative;overflow:hidden}.km .hook-card .hook{z-index:1;color:#fff;text-shadow:0 2px 12px #0009;font-size:clamp(16px,1.5vw,20px);font-weight:600;line-height:1.15;position:absolute;top:14px;left:14px;right:14px}.km .hk-body{padding:16px}.km .hk-row{color:var(--mute);justify-content:space-between;gap:10px;margin-bottom:8px;display:flex}.km .hk-row b{color:var(--bone);font-family:var(--f-mono), monospace;font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.km .meter{background:var(--ink-3);border-radius:99px;height:6px;overflow:hidden}.km .meter i{background:var(--gold);border-radius:99px;width:0;height:100%;display:block}.km .win{z-index:2;border:3px solid var(--hanko);width:96px;height:96px;color:var(--hanko);text-align:center;opacity:0;background:#ede8dfeb;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:110px;right:14px;transform:rotate(-12deg)}.km .win:before{content:"";border:1px solid var(--hanko);border-radius:50%;position:absolute;inset:5px}.km .win b{font-family:var(--f-jp);font-size:28px;line-height:1;display:block}.km .win small{font-family:var(--f-mono), monospace;letter-spacing:.14em;font-size:8.5px}@media (max-width:860px){.km .variants{grid-template-columns:1fr}}.km .funnel{grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(32px,5vw,80px);display:grid}.km .funnel>*{min-width:0}.km .f-stack{flex-direction:column;align-items:center;gap:6px;display:flex}.km .f-layer{background:var(--ink-3);clip-path:polygon(0 0,100% 0,94% 100%,6% 100%);justify-content:space-between;align-items:center;gap:12px;height:96px;padding:0 28px;display:flex;position:relative;overflow:hidden}.km .f-layer:first-child{width:100%}.km .f-layer:nth-child(2){width:84%}.km .f-layer:nth-child(3){width:68%}.km .f-layer .fill{background:var(--c);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.km .f-layer .f-name,.km .f-layer small{z-index:1;color:#fff;mix-blend-mode:difference;position:relative}.km .f-layer .f-name{font-size:clamp(16px,1.6vw,22px);font-weight:600}.km .f-layer small{font-family:var(--f-mono), monospace;letter-spacing:.06em;text-transform:uppercase;text-align:right;font-size:10.5px}.km .f-copy>div{border-bottom:1px solid var(--ink-3);padding:18px 0}.km .f-copy b{margin:6px 0;font-size:20px;font-weight:500;display:block}.km .f-copy p{color:var(--mute);font-size:14px;line-height:1.55}.km .f-copy .tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.km .f-copy .tags span{border:1px solid var(--ink-3);color:var(--bone-2);border-radius:99px;padding:4px 10px;font-size:12px}@media (max-width:900px){.km .funnel{grid-template-columns:1fr}.km .f-layer{height:80px;padding:0 18px}}@media (prefers-reduced-motion:reduce){.km .live i{animation:none}}
