html{overscroll-behavior:contain;scroll-behavior:auto;--demo-coach: 108px}body{margin:0;min-width:320px;background:#f4f3ef}#main-content{padding-bottom:calc(var(--demo-coach) + 30px)!important}.cs-toast-viewport{bottom:calc(var(--demo-coach) + 18px)}@media(max-width:767px){.cs-toast-viewport{top:68px;bottom:auto}}.cs-checkin-page .cs-entry-stage{animation:demo-step-in .42s cubic-bezier(.2,.7,.2,1) both}@keyframes demo-step-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}[data-demo-target]{position:relative;animation:demo-target 2.4s ease-in-out infinite;border-radius:inherit}@keyframes demo-target{0%,to{box-shadow:0 0 #c1ceaa00,0 0 0 2px #46523d33}50%{box-shadow:0 0 0 7px #8ba46b26,0 0 0 2px #46523d55}}[data-demo-spot]{animation:demo-spot 1.1s ease-in-out;border-radius:10px}@keyframes demo-spot{0%,to{box-shadow:none}40%{box-shadow:0 0 0 4px #8ba46b40}}@media(prefers-reduced-motion:reduce){[data-demo-target],[data-demo-spot],.cs-checkin-page .cs-entry-stage{animation:none}[data-demo-target]{box-shadow:0 0 0 3px #8ba46b66}}.demo-guide-host{position:relative;z-index:60}.demo-cursor{position:fixed;top:0;left:0;z-index:2147483647;width:26px;height:30px;pointer-events:none;opacity:0;transform:translate(520px,380px);transition:transform .7s cubic-bezier(.55,.06,.25,1),opacity .2s;filter:drop-shadow(0 3px 6px #00000038)}.demo-cursor span{position:absolute;top:-9px;left:-9px;width:24px;height:24px;border:2px solid #7f9a5e;border-radius:50%;opacity:0}.demo-cursor.is-clicking span{animation:demo-click .46s ease-out}@keyframes demo-click{0%{opacity:.95;transform:scale(.35)}to{opacity:0;transform:scale(2.1)}}@media(prefers-reduced-motion:reduce){.demo-cursor{display:none}}.demo-coach{position:fixed;z-index:60;left:50%;bottom:16px;transform:translate(-50%);width:min(760px,calc(100% - 28px));overflow:hidden;pointer-events:auto;background:#1c2321f2;border:1px solid #45514b;border-radius:15px;color:#fff;box-shadow:0 24px 50px -24px #0000008c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}@media(max-width:767px){.demo-coach{bottom:calc(4.6rem + env(safe-area-inset-bottom));width:calc(100% - 16px);border-radius:13px}}.demo-progress{display:flex;gap:3px;list-style:none;margin:0;padding:0}.demo-progress li{flex:1;height:3px;background:#ffffff1f;transition:background .4s ease}.demo-progress li[data-state=done]{background:#8ba46b}.demo-progress li[data-state=current]{background:#c1ceaa;animation:demo-progress 1.8s ease-in-out infinite}@keyframes demo-progress{0%,to{opacity:1}50%{opacity:.45}}.demo-coach-body{display:flex;align-items:center;gap:18px;padding:15px 20px 16px}.demo-coach-copy{min-width:0;flex:1;animation:demo-coach-in .35s ease both}@keyframes demo-coach-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.demo-guide-label{display:block;color:#c1ceaa;font-size:9px;text-transform:uppercase;letter-spacing:.14em;font-weight:600;margin-bottom:5px}.demo-guide-label b{color:#97a48c;font-weight:600}.demo-coach strong{display:block;font-size:15px;font-weight:500;line-height:1.3}.demo-coach p{color:#c3cac6;font-size:12px;margin:4px 0 0;line-height:1.5}.demo-coach-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.demo-coach-button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 13px;border:1px solid #617069;border-radius:9px;background:#ffffff0f;color:#e5eae4;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.demo-coach-button:hover{background:#ffffff1f;border-color:#8d9a92}.demo-coach-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.demo-coach-primary{display:inline-flex;align-items:center;min-height:40px;padding:8px 15px;border-radius:9px;background:#dae7c4;color:#1f2a20;font-size:12px;font-weight:700;text-decoration:none}.demo-coach-primary:hover{background:#e9f3d9}.demo-done-mark{flex-shrink:0;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#8ba46b26}.demo-done-mark svg{width:20px;height:20px;fill:none;stroke:#c1ceaa;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;animation:demo-check .5s ease-out both}@keyframes demo-check{0%{stroke-dasharray:22;stroke-dashoffset:22}to{stroke-dasharray:22;stroke-dashoffset:0}}@media(max-width:700px){.demo-coach-body{gap:12px;padding:12px 14px 13px;flex-wrap:wrap}.demo-coach strong{font-size:13px}.demo-coach p{font-size:11px}.demo-coach-button{min-height:36px;padding:6px 10px;font-size:11px}.demo-coach-restart span{display:none}}
