:root{--cue-primary-color:#1a73e8;--cue-accent-color:#673ab7;--cue-primary-color-rgb:26,115,232;--cue-text-color:#3c4043;--cue-subtle-text-color:#70757a;--cue-bg-color:#fff;--cue-light-bg-color:#f8f9fa;--cue-border-color:#e0e0e0;--cue-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--cue-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--cue-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--cue-border-radius:8px;--cue-button-border-radius:6px;--cue-overlay-color:rgba(0,0,0,.4);--cue-z-index:99999;--cue-transition-duration:0.3s}body{font-family:Roboto,Inter,Segoe UI,sans-serif}body,button{color:var(--cue-text-color)}button{background-color:var(--cue-light-bg-color);border:none;border-radius:var(--cue-button-border-radius);box-shadow:var(--cue-shadow-sm);cursor:pointer;font-family:inherit;font-size:.9em;padding:10px 18px;transition:background-color var(--cue-transition-duration),box-shadow var(--cue-transition-duration)}button:hover{background-color:var(--cue-border-color);box-shadow:var(--cue-shadow-md)}.cue-overlay{background-color:var(--cue-overlay-color);height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity var(--cue-transition-duration) ease-in-out;width:100%;z-index:var(--cue-z-index)}.cue-overlay.active{opacity:1;pointer-events:auto}.cue-highlight{background-color:rgba(var(--cue-primary-color-rgb),.1);border:2px solid var(--cue-primary-color);border-radius:var(--cue-border-radius);box-shadow:0 0 0 9999px var(--cue-overlay-color);box-sizing:content-box;opacity:0;position:absolute;transform:scale(.95);transition:all var(--cue-transition-duration) cubic-bezier(.4,0,.2,1);z-index:calc(var(--cue-z-index) + 1)}.cue-highlight.active{opacity:1;transform:scale(1)}.cue-tooltip{background-color:var(--cue-bg-color);border:1px solid var(--cue-border-color);border-radius:var(--cue-border-radius);box-shadow:var(--cue-shadow-lg);color:var(--cue-text-color);font-family:inherit;line-height:1.6;max-width:380px;opacity:0;padding:24px;position:absolute;transform:translateY(15px);transition:all var(--cue-transition-duration) cubic-bezier(.4,0,.2,1);z-index:calc(var(--cue-z-index) + 2)}.cue-tooltip.active{opacity:1;transform:translateY(0)}.cue-tooltip:before{border-style:solid;content:"";height:0;position:absolute;transition:border-color var(--cue-transition-duration) ease;width:0}.cue-tooltip[style*=top]:not([style*=bottom]):before{border-color:var(--cue-bg-color) transparent transparent transparent;border-width:10px 10px 0;bottom:-10px;left:50%;transform:translateX(-50%)}.cue-tooltip[style*=bottom]:not([style*=top]):before{border-color:transparent transparent var(--cue-bg-color) transparent;border-width:0 10px 10px;left:50%;top:-10px;transform:translateX(-50%)}.cue-tooltip[style*=left]:not([style*=right]):before{border-color:transparent transparent transparent var(--cue-bg-color);border-width:10px 0 10px 10px;right:-10px;top:50%;transform:translateY(-50%)}.cue-tooltip[style*=right]:not([style*=left]):before{border-color:transparent var(--cue-bg-color) transparent transparent;border-width:10px 10px 10px 0;left:-10px;top:50%;transform:translateY(-50%)}.cue-tooltip-title{color:var(--cue-primary-color);font-size:1.3em;font-weight:500;margin-bottom:12px}.cue-tooltip-content{color:var(--cue-subtle-text-color);font-size:1em;margin-bottom:20px}.cue-progress{color:var(--cue-subtle-text-color);font-size:.8em;font-weight:500}.cue-bullets,.cue-progress{margin-bottom:15px;text-align:center}.cue-bullet{background-color:var(--cue-border-color);border-radius:50%;cursor:pointer;display:inline-block;height:8px;margin:0 4px;transition:background-color var(--cue-transition-duration) ease,transform var(--cue-transition-duration) ease;width:8px}.cue-bullet.active{background-color:var(--cue-primary-color);transform:scale(1.2)}.cue-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:20px}.cue-button{background-color:var(--cue-primary-color);border:none;border-radius:var(--cue-button-border-radius);box-shadow:var(--cue-shadow-sm);color:#fff;cursor:pointer;flex-shrink:0;font-size:.9em;font-weight:500;padding:10px 20px;transition:background-color var(--cue-transition-duration) ease,box-shadow var(--cue-transition-duration) ease}.cue-button:hover{background-color:var(--cue-accent-color);box-shadow:var(--cue-shadow-md)}.cue-button.cue-skip{background-color:transparent;box-shadow:none;color:var(--cue-subtle-text-color);margin-right:auto}.cue-button.cue-skip:hover{background-color:var(--cue-light-bg-color);box-shadow:none;color:var(--cue-text-color)}