@keyframes kb-toast-ping{0%{transform:scale(.4);opacity:.8}70%,to{transform:scale(1.9);opacity:0}}.kb-toast-host{position:fixed;z-index:9999;right:24px;bottom:24px;display:flex;flex-direction:column-reverse;gap:12px;width:380px;max-width:calc(100vw - 32px);pointer-events:none}@media (max-width:600px){.kb-toast-host{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:auto;align-items:stretch}}.kb-toast{pointer-events:auto;cursor:pointer;position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;padding:14px 16px;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border-2);border-radius:15px;box-shadow:var(--shadow-lg),inset 0 1px 0 hsla(0,0%,100%,.07);transform:translateX(120%);opacity:0;transition:transform .34s cubic-bezier(.16,.84,.44,1),opacity .34s ease,margin .34s ease;will-change:transform,opacity}.kb-toast.in{transform:translateX(0);opacity:1}.kb-toast.out{transform:translateX(120%);opacity:0}@media (max-width:600px){.kb-toast{transform:translateY(140%)}.kb-toast.in{transform:translateY(0)}.kb-toast.out{transform:translateY(140%)}}.kb-toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--cyan),var(--turq))}.kb-toast:focus-visible,.kb-toast:hover{border-color:rgba(40,215,230,.5);outline:none}.kb-ico{flex:none;position:relative;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,rgba(40,215,230,.3),rgba(40,215,230,.08));border:1px solid rgba(40,215,230,.4);color:var(--cyan)}.kb-ico svg{width:22px;height:22px}.kb-ico .ping{position:absolute;top:-3px;right:-3px;width:11px;height:11px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px rgba(40,215,230,.9);border:2px solid var(--surface)}.kb-ico .ping:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:rgba(40,215,230,.5);animation:kb-toast-ping 2s ease-out infinite}.kb-body{flex:1;min-width:0}.kb-kicker{font:700 10px/1 var(--font-grotesk),monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--cyan);margin-bottom:5px}.kb-course{font:700 15px/1.2 var(--font-archivo);color:#fff}.kb-course,.kb-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kb-sub{font:500 12.5px/1.3 var(--font-archivo);color:var(--soft);margin-top:3px}.kb-sub .cat{color:var(--mute)}.kb-arrow{flex:none;color:var(--soft);display:grid;place-items:center;width:22px;height:22px;transition:transform .18s,color .18s}.kb-toast:hover .kb-arrow{transform:translateX(3px);color:var(--cyan)}.kb-close{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;border:none;cursor:pointer;background:hsla(0,0%,100%,.05);color:var(--mute);transition:.15s;z-index:2}.kb-close:hover{background:rgba(255,122,69,.16);color:var(--coral)}.kb-close svg{width:12px;height:12px}.kb-prog{position:absolute;left:0;bottom:0;height:3px;width:100%;transform-origin:left;background:linear-gradient(90deg,var(--cyan),var(--turq));opacity:.9}.kb-queue{pointer-events:none;align-self:center;font:700 10px/1 var(--font-grotesk),monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);background:rgba(7,31,45,.7);border:1px solid var(--border);padding:6px 12px;border-radius:999px;opacity:0;transition:opacity .25s}.kb-queue.show{opacity:1}@media (prefers-reduced-motion:reduce){.kb-toast{transition:opacity .2s;transform:none!important}.kb-ico .ping:after{animation:none}}