.demo-modal-backdrop{z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.demo-modal-card{aspect-ratio:16/9;background:#0f0f1a;border:1px solid #dbe2fd1f;border-radius:16px;width:100%;max-width:960px;position:relative;overflow:hidden;box-shadow:0 32px 80px #000c}.demo-modal-close{z-index:20;color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex;position:absolute;top:12px;right:12px}.demo-modal-close:hover{background:#fff3}.demo-modal-recording{flex-direction:column;width:100%;height:100%;display:flex}.demo-modal-iframe-wrap{flex:1;min-height:0;position:relative}.demo-modal-hint{z-index:15;color:#ffffffe6;text-align:center;pointer-events:none;background:#0f0f1aeb;border:1px solid #dbe2fd29;border-radius:999px;align-items:center;gap:8px;max-width:min(84%,560px);padding:8px 16px;font-family:Space Grotesk,sans-serif;font-size:12.5px;line-height:1.35;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #00000073}.demo-modal-hint strong{color:#eec202;font-weight:700}.demo-modal-hint-dot{background:#ff3c3c;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.2s ease-in-out infinite rrweb-pulse}.demo-modal-iframe{border:none;width:100%;height:100%;display:block}.demo-modal-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000008c;border-top:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.demo-modal-rec-indicator{align-items:center;gap:8px;display:flex}.demo-modal-rec-dot{background:#ff3c3c;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.2s ease-in-out infinite rrweb-pulse}.demo-modal-rec-label{color:#ffffffb3;letter-spacing:.05em;text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600}.demo-modal-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600;transition:background .15s;display:flex}.demo-modal-btn:hover{background:#ffffff2e}.demo-modal-btn--stop{color:#0f0f1a;background:#eec202;border-color:#eec202;animation:1.8s ease-in-out infinite demo-stop-attention}.demo-modal-btn--stop:hover{background:#f5cf2e}@keyframes demo-stop-attention{0%,to{box-shadow:0 0 #eec20280}50%{box-shadow:0 0 0 6px #eec20200}}@media (prefers-reduced-motion:reduce){.demo-modal-btn--stop{animation:none}}.demo-modal-player{width:100%;height:100%;position:absolute;inset:0}.demo-modal-record-again{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#0009;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600;transition:background .15s;display:flex;position:absolute;top:12px;left:12px}.demo-modal-record-again:hover{background:#000c}@keyframes rrweb-pulse{0%,to{opacity:1;box-shadow:0 0 #ff3c3c99}50%{opacity:.7;box-shadow:0 0 0 5px #ff3c3c00}}.demo-modal-player .rr-player,.demo-modal-player [class*=rr-player]{float:none!important;background:#0f0f1a!important;flex-direction:column!important;justify-content:flex-end!important;width:100%!important;height:100%!important;display:flex!important;position:absolute!important;inset:0!important;overflow:hidden!important}.demo-modal-player .rr-player__frame,.demo-modal-player [class*=rr-player__frame]{flex:1!important;width:100%!important;min-height:0!important;overflow:hidden!important}.demo-modal-player .replayer-wrapper{float:none!important;margin:0 auto!important;position:relative!important;top:0!important;left:0!important;transform:none!important}.demo-modal-player .rr-controller,.demo-modal-player [class*=rr-controller]{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#0000008c!important;border-top:1px solid #ffffff0f!important}.demo-modal-player .rr-timeline,.demo-modal-player [class*=rr-timeline]{background:0 0!important;border-radius:4px!important}.demo-modal-player .rr-progress.handler{background:#f5c542!important}.demo-modal-player .rr-controller button,.demo-modal-player [class*=rr-controller] button{color:#ffffffb3!important;background:#0f0f1a!important;border:1px solid #dbe2fd1f!important;border-radius:6px!important;padding:4px 8px!important}.demo-modal-player .rr-controller button:hover,.demo-modal-player [class*=rr-controller] button:hover{color:#fff!important;background:#1a1a2e!important}.demo-modal-player .rr-controller svg,.demo-modal-player [class*=rr-controller] svg{fill:#fff!important}.demo-modal-player .rr-controller span,.demo-modal-player [class*=rr-controller] span{color:#ffffff80!important;font-family:Space Grotesk,sans-serif!important}@media (width<=768px){.demo-modal-card{aspect-ratio:auto;border-radius:10px;max-width:95vw;height:95vh}}@keyframes beamFadeIn{0%{opacity:0}to{opacity:1}}.hero-beam-container{z-index:0;pointer-events:none;opacity:0;animation:.6s ease-out forwards beamFadeIn;position:absolute;inset:0;overflow:hidden}.hero-beam{transform-origin:bottom;will-change:transform;background-position:bottom;background-repeat:no-repeat;background-size:100% 100%;width:900px;height:220%;transition:transform .12s linear;position:absolute;bottom:1vw}.hero-beam--left{transform:translateX(-50%) rotate(var(--beam-angle-left,50deg));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 220' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='v' x1='0' y1='1' x2='0' y2='0'%3E%3Cstop offset='0' stop-color='rgb(170,205,255)' stop-opacity='0'/%3E%3Cstop offset='.06' stop-color='rgb(170,205,255)' stop-opacity='.62'/%3E%3Cstop offset='.22' stop-color='rgb(170,205,255)' stop-opacity='.42'/%3E%3Cstop offset='.42' stop-color='rgb(170,205,255)' stop-opacity='.27'/%3E%3Cstop offset='.62' stop-color='rgb(170,205,255)' stop-opacity='.15'/%3E%3Cstop offset='.84' stop-color='rgb(170,205,255)' stop-opacity='.05'/%3E%3Cstop offset='1' stop-color='rgb(170,205,255)' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cfilter id='b' x='-30%25' y='-10%25' width='160%25' height='120%25'%3E%3CfeGaussianBlur stdDeviation='2.4'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23b)'%3E%3Cpolygon points='58,220 62,220 112,0 8,0' fill='url(%23v)' fill-opacity='.45'/%3E%3Cpath d='M8,0 L58,220 M112,0 L62,220' fill='none' stroke='url(%23v)' stroke-width='2' stroke-opacity='.35' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");bottom:3vw;left:-12%}.hero-beam--right{transform:translateX(50%) rotate(var(--beam-angle-right,-44deg));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 220' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='v' x1='0' y1='1' x2='0' y2='0'%3E%3Cstop offset='0' stop-color='rgb(110,165,255)' stop-opacity='0'/%3E%3Cstop offset='.06' stop-color='rgb(110,165,255)' stop-opacity='.34'/%3E%3Cstop offset='.22' stop-color='rgb(110,165,255)' stop-opacity='.23'/%3E%3Cstop offset='.42' stop-color='rgb(110,165,255)' stop-opacity='.14'/%3E%3Cstop offset='.62' stop-color='rgb(110,165,255)' stop-opacity='.08'/%3E%3Cstop offset='.84' stop-color='rgb(110,165,255)' stop-opacity='.03'/%3E%3Cstop offset='1' stop-color='rgb(110,165,255)' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cfilter id='b' x='-30%25' y='-10%25' width='160%25' height='120%25'%3E%3CfeGaussianBlur stdDeviation='2.4'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23b)'%3E%3Cpolygon points='58,220 62,220 112,0 8,0' fill='url(%23v)' fill-opacity='.5'/%3E%3Cpath d='M8,0 L58,220 M112,0 L62,220' fill='none' stroke='url(%23v)' stroke-width='2' stroke-opacity='.45' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");right:-12%}@keyframes keep-arrow-scaled{0%{background-position:48% 0;background-size:280px}to{background-position:42% 0;background-size:50px}}html.dark .bookmarklet-card .drag-to-toolbar .drag-to-toolbar-arrow{filter:invert()}.bookmarklet-card .drag-to-toolbar .drag-to-toolbar-arrow{opacity:0;pointer-events:none;position-anchor:--drag-to-toolbar;top:-200px;left:anchor(left);bottom:anchor(top);background:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 86 262\" width=\"190px\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 40.952373,2.538004 21.909607,62.114212 40.712077,58.013687C 50.439204,129.29889 20.184597,195.11324 1.2939066,264.56554l 23.4245994,4.67987C 46.111218,197.55695 71.611932,129.30996 63.303983,53.086339l 19.76985,-4.311881z\" fill=\"none\" stroke=\"black\" stroke-linecap=\"square\" stroke-width=\"2.6\" style=\"paint-order:stroke fill markers\"/></svg>") 54% 0 no-repeat fixed;width:110%;transition:opacity .4s ease-in;animation:linear forwards keep-arrow-scaled;animation-timeline:scroll(root);position:fixed}.bookmarklet-card .drag-to-toolbar:hover .drag-to-toolbar-arrow{opacity:.3}.bookmarklet-card .drag-to-toolbar:hover .bookmarklet-link{background-color:#fff;box-shadow:inset 0 -1px 3px #000}.bookmarklet-card .bookmark-bar{transform-origin:50%;color:#000;white-space:nowrap;background:#d9d9d9;transform:scale(.8);-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.bookmarklet-card .bookmark-bar a{opacity:.48;background:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"black\" fill-opacity=\"context-fill-opacity\" viewBox=\"0 0 16 16\"><path d=\"M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0M5.534 8.75A8.96 8.96 0 0 0 8 14.22a8.96 8.96 0 0 0 2.468-5.47zm-3.99 0a6.5 6.5 0 0 0 4.477 5.441A10.45 10.45 0 0 1 4.027 8.75zm10.43 0a10.45 10.45 0 0 1-1.995 5.441 6.5 6.5 0 0 0 4.477-5.441zM7.999 1.78a8.96 8.96 0 0 0-2.465 5.47h4.933a8.96 8.96 0 0 0-2.468-5.47m1.981.028a10.45 10.45 0 0 1 1.994 5.442h2.482A6.5 6.5 0 0 0 9.98 1.808m-3.96 0A6.5 6.5 0 0 0 1.545 7.25h2.483a10.45 10.45 0 0 1 1.994-5.442\" /></svg>") .5rem no-repeat;margin:0 .2em;padding:.25rem .75rem .25rem calc(.75rem + 20px)}.bookmarklet-card .bookmark-bar .bookmarklet-link{anchor-name:--drag-to-toolbar;opacity:1;border-radius:.15rem;font-weight:500;display:inline-block}.bookmarklet-card .loading-placeholder{background-color:hsl(var(--muted));color:hsl(var(--muted-foreground));border-radius:.375rem;padding:.5rem 1rem;font-weight:500;display:inline-block}