.stock-bar{position:fixed;left:0;right:0;bottom:0;z-index:9000;display:none;align-items:center;justify-content:center;gap:10px;padding:10px 16px;background:#161616;color:#fff;font-family:'Roboto',sans-serif;box-shadow:0 -8px 24px rgba(0,0,0,.28);border-top:1px solid rgba(255,194,13,.35)}
html:not(.quiz-lock) .stock-bar{display:flex}
.stock-bar__dot{width:8px;height:8px;border-radius:50%;background:#ffc20d;box-shadow:0 0 0 0 rgba(255,194,13,.55);animation:stock-pulse 1.8s ease-out infinite;flex-shrink:0}
.stock-bar__text{margin:0;font-size:14px;line-height:1.3;text-align:center}
.stock-bar__text b{color:#ffc20d;font-weight:700}
.stock-bar__count{font-family:'Oswald','Roboto',sans-serif;font-size:18px;letter-spacing:.02em}
body{padding-bottom:52px}
@keyframes stock-pulse{0%{box-shadow:0 0 0 0 rgba(255,194,13,.55)}70%{box-shadow:0 0 0 8px rgba(255,194,13,0)}100%{box-shadow:0 0 0 0 rgba(255,194,13,0)}}

.sp-toast{position:fixed;left:16px;bottom:64px;z-index:9001;display:flex;align-items:center;gap:10px;max-width:320px;padding:10px 12px;background:#fff;color:#222;border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,.22);font-family:'Roboto',sans-serif;transform:translateY(12px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,transform .28s ease,visibility .28s}
.sp-toast.is-on{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.sp-toast__ava{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#ffc20d;color:#1a120c;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}
.sp-toast__body{min-width:0}
.sp-toast__title{margin:0;font-size:13px;font-weight:700;line-height:1.25}
.sp-toast__meta{margin:2px 0 0;font-size:12px;color:#777}
html.quiz-lock .stock-bar,html.quiz-lock .sp-toast,.cb-popup.is-open ~ .stock-bar,.cb-popup.is-open ~ .sp-toast{display:none !important}

@media (max-width:480px){
	.stock-bar{padding:9px 12px}
	.stock-bar__text{font-size:13px}
	.sp-toast{left:10px;right:10px;max-width:none;bottom:58px}
}