.osshot{background:#0c0c0c;color:#f5f5f7;border-radius:28px;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 40px 120px #00000080;margin:0;font-variant-numeric:tabular-nums}.osshot .os-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.07);font-size:12px;color:#ffffff80}.osshot .os-top b{color:#f5f5f7;font-weight:600}.osshot .os-range{display:inline-flex;gap:2px;padding:3px;background:#ffffff0f;border-radius:999px}.osshot .os-range button{font:inherit;font-size:12px;font-weight:600;color:#ffffff8c;background:transparent;border:0;padding:5px 12px;border-radius:999px;cursor:pointer;transition:color .15s ease,background .15s ease}.osshot .os-range button:hover{color:#f5f5f7}.osshot .os-range button[aria-selected=true]{background:#f5f5f7;color:#0c0c0c}.osshot .os-body{padding:20px;display:grid;gap:14px}.osshot .os-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.osshot .os-kpi{padding:14px 16px;background:#ffffff0a;border-radius:14px;transition:transform .3s var(--ease-out),background .3s ease,box-shadow .3s ease,opacity .3s ease}.osshot .os-kpi small{display:block;font-size:11px;color:#ffffff80;margin-bottom:8px}.osshot .os-kpi strong{display:block;font-size:clamp(20px,2.2vw,30px);font-weight:700;letter-spacing:-.03em;line-height:1}.osshot .os-kpi span{display:block;margin-top:8px;font-size:12px;color:var(--lime)}.osshot .os-kpi.bump strong{animation:os-bump .45s var(--ease-out)}@keyframes os-bump{0%{transform:translateY(6px);opacity:0}to{transform:none;opacity:1}}.osshot .os-chart{padding:16px 16px 12px;background:#ffffff0a;border-radius:14px}.osshot .os-chart-head{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#ffffff80;margin-bottom:10px}.osshot .os-hint{color:#ffffff59}.osshot .os-chart-wrap{position:relative}.osshot .os-chart svg{width:100%;height:170px;display:block;touch-action:pan-y}.osshot .gl{stroke:#ffffff14;stroke-dasharray:2 4}.osshot .ln{fill:none;stroke:#f5f5f7;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s var(--ease-out) .15s}.osshot .ar{opacity:0;transition:opacity .5s ease .8s}.osshot.in-view .ln,html:not(.js-reveal) .osshot .ln{stroke-dashoffset:0}.osshot.in-view .ar,html:not(.js-reveal) .osshot .ar{opacity:1}.osshot.morphing .ln{transition:none}.osshot .cross{stroke:#ffffff59;stroke-width:1;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .15s ease}.osshot .dot{fill:var(--lime);stroke:#0c0c0c;stroke-width:2;opacity:0;transition:opacity .2s ease 1s}.osshot.in-view .dot,html:not(.js-reveal) .osshot .dot{opacity:1}.osshot.tracking .cross{opacity:1}.osshot.tracking .dot{transition:none}.osshot .os-tip{position:absolute;top:0;left:0;transform:translate(-50%,-110%);background:#f5f5f7;color:#0c0c0c;padding:6px 10px;border-radius:8px;font-size:12px;line-height:1.2;white-space:nowrap;pointer-events:none;display:flex;flex-direction:column;gap:2px}.osshot .os-tip[hidden]{display:none}.osshot .os-tip b{font-weight:700;font-size:13px}.osshot .os-tip span{color:#6e6e73;font-size:11px}.osshot .os-axis{display:flex;justify-content:space-between;font-size:10px;color:#ffffff59;margin-top:6px}.osshot .os-bottom{display:grid;gap:14px}.osshot.is-interactive .os-bottom{grid-template-columns:1.2fr 1fr}.osshot .os-table{font-size:12px;align-self:start}.osshot .os-table .r{display:grid;grid-template-columns:1.4fr 1fr .7fr .7fr;padding:10px 6px;border-top:1px solid rgba(255,255,255,.07);border-radius:6px;transition:background .15s ease}.osshot .os-table .r:hover{background:#ffffff0a}.osshot .os-table .r.h{border:0;color:#ffffff73;font-size:11px}.osshot .os-table .r.h:hover{background:transparent}.osshot .os-table .neg{color:#ff6b6b}.osshot .os-table .pos{color:var(--lime)}.osshot .os-table .r.flash{animation:os-flash .9s ease}@keyframes os-flash{0%{background:#beec2d40}to{background:transparent}}.osshot .os-ai{padding:16px;background:#beec2d0f;border:1px solid rgba(190,236,45,.22);border-radius:14px;display:flex;flex-direction:column;gap:10px}.osshot .os-ai-head{font-size:11px;color:#ffffff8c;display:flex;align-items:center;gap:8px}.osshot .os-ai-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);animation:os-live 2s ease-in-out infinite}@keyframes os-live{50%{opacity:.35}}.osshot .os-ai p{margin:0;font-size:13px;line-height:1.45;color:#fffc}.osshot .os-ai p b{color:#f5f5f7}.osshot .os-ai-acts{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.osshot .os-approve{font:inherit;font-size:13px;font-weight:700;padding:9px 16px;border-radius:999px;border:0;background:var(--lime);color:#0c0c0c;cursor:pointer;transition:background .15s ease,transform .12s var(--ease-out)}.osshot .os-approve:hover{background:#d3f45a}.osshot .os-approve:active{transform:scale(.96)}.osshot .os-approve[disabled]{background:#ffffff1f;color:#ffffffb3;cursor:default}.osshot .os-ai-why{font-size:11px;color:#ffffff80}.osshot .os-toast{font-size:12px;color:var(--lime);animation:os-bump .35s var(--ease-out)}.osshot .os-toast[hidden]{display:none}@media(max-width:720px){.osshot{border-radius:20px}.osshot .os-body{padding:14px;gap:10px}.osshot .os-kpis{gap:6px}.osshot .os-kpi{padding:10px;border-radius:10px}.osshot .os-kpi small{font-size:9.5px;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.osshot .os-kpi strong{font-size:17px}.osshot .os-kpi span{font-size:10px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.osshot .os-chart svg{height:130px}.osshot.is-interactive .os-bottom{grid-template-columns:1fr}.osshot .os-table{font-size:11px}.osshot .os-top{padding:12px 14px;font-size:11px}.osshot .os-range button{padding:4px 9px;font-size:11px}.osshot .os-hint{display:none}}@media(prefers-reduced-motion:reduce){.osshot .ln,.osshot .ar,.osshot .dot{transition:none;stroke-dashoffset:0;opacity:1}.osshot .os-ai-dot{animation:none}}
