.v4pt-invite{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 8px;padding:8px 12px;margin-top:10px;border:1px solid #a78bfa40;border-radius:12px;background:linear-gradient(110deg,#8b5cf610,#eab3080b);font-size:12px;line-height:1.5}.v4pt-invite button{border:0;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer;min-height:44px;padding:6px 2px;text-decoration:underline;text-underline-offset:4px}.v4pt-invite button span{color:#a78bfa;margin-right:4px}#v4pt-dialog{margin:auto;inset:0;color-scheme:dark;width:min(760px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);padding:0;border:1px solid #ffffff24;border-radius:24px;background:#10121c;color:#f4f4fa;box-shadow:0 30px 120px #0009;font-family:Inter,system-ui,sans-serif;overflow:auto;overscroll-behavior:contain}#v4pt-dialog::backdrop{background:#060814bd;backdrop-filter:blur(8px)}#v4pt-dialog *{box-sizing:border-box}#v4pt-dialog button{font:inherit;color:#eeeefa;-webkit-text-fill-color:#eeeefa;cursor:pointer;border:1px solid #ffffff29;border-radius:10px;background:#ffffff09;min-height:44px;padding:9px 13px;font-size:12px;font-weight:600}#v4pt-dialog button:hover{background:#ffffff17}#v4pt-dialog button:focus-visible,.v4pt-invite button:focus-visible,#v4pt-dialog summary:focus-visible{outline:3px solid #c4b5fd;outline-offset:3px}#v4pt-dialog .v4pt-close{min-width:44px;font-size:26px;line-height:1;padding:0;flex-shrink:0}.v4pt-shell{padding:26px}.v4pt-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.v4pt-eyebrow{font-size:10px;letter-spacing:.18em;color:#c4b5fd;margin:0 0 9px}.v4pt-header h2{font-size:clamp(24px,4vw,32px);letter-spacing:-.045em;line-height:1.15;margin:0 0 9px;color:#fff;-webkit-text-fill-color:#fff}.v4pt-header p:not(.v4pt-eyebrow){font-size:13px;color:#bbc0d3;margin:0;line-height:1.5}.v4pt-stage{position:relative;margin:22px 0 16px;border:1px solid #a78bfa33;border-radius:18px;background:radial-gradient(ellipse at 50% 0,#6d28d938,transparent 70%),#141722;padding:18px;overflow:hidden}.v4pt-stage-top{display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.12em;color:#c5c3dc}.v4pt-stage-top i{display:inline-block;width:6px;height:6px;background:#a78bfa;border-radius:50%;margin-right:6px;box-shadow:0 0 12px #a78bfa}.v4pt-visual{display:flex;align-items:center;justify-content:center;gap:20px;height:76px;margin:6px 0}.v4pt-orb{width:46px;height:46px;border:1px solid #c4b5fd70;border-radius:50%;display:grid;place-items:center;color:#ddd6fe;background:radial-gradient(circle at 30% 20%,#a78bfa60,#31204c);box-shadow:0 0 36px #8b5cf62b;font-size:19px}.v4pt-wave{height:60px;display:flex;gap:4px;align-items:center}.v4pt-wave i{width:3px;height:var(--h);border-radius:9px;background:linear-gradient(#c4b5fd,#a78bfa44);animation:v4pt-wave 1.6s ease-in-out infinite alternate;animation-delay:calc(var(--n)*-90ms)}@keyframes v4pt-wave{to{transform:scaleY(.24);opacity:.4}}.v4pt-demo{min-height:90px;margin:5px 0 15px;font:500 clamp(17px,2.2vw,23px)/1.65 Inter,system-ui,sans-serif;color:#e8e7f3;overflow-wrap:anywhere}.v4pt-demo mark{color:#ff929e;-webkit-text-fill-color:#ff929e;background:#ff596519;border-radius:4px;padding:1px 0;box-decoration-break:clone}.v4pt-caption{font-size:12px;color:#cac7dc;line-height:1.6;min-height:39px}.v4pt-track{height:2px;background:#ffffff10;margin-top:12px}.v4pt-track span{display:block;height:100%;background:linear-gradient(90deg,#a78bfa,#fb7185);transition:width .08s linear}.v4pt-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.v4pt-guide>div{min-width:0;border:1px solid #ffffff10;border-radius:10px;padding:11px 9px;background:#ffffff03}.v4pt-guide b{display:block;color:#ff929e;font:600 12px/1.5 ui-monospace,monospace;overflow-wrap:anywhere}.v4pt-guide span{display:block;font-size:11px;color:#b6bccf;margin-top:4px;line-height:1.5}.v4pt-caution{font-size:11px;line-height:1.7;color:#b4bbce;margin:15px 0}.v4pt-example{border-top:1px solid #ffffff14;padding:0 0 12px}.v4pt-example summary{cursor:pointer;padding:12px 0;font-size:12px;color:#e2dcff;min-height:44px}.v4pt-example p{font-size:12px;line-height:1.8;overflow-wrap:anywhere;margin:0 0 8px;color:#d0d3e0;white-space:pre-wrap}.v4pt-example small{font-size:10px;color:#a7adc0}.v4pt-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid #ffffff14;padding-top:14px}.v4pt-actions>span{flex:1;font-size:11px;color:#a7adc0}.v4pt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.v4pt-paused .v4pt-wave i{animation-play-state:paused}.v4pt-static .v4pt-wave i{animation:none}.v4pt-static .v4pt-track span{transition:none}@media(max-width:520px){.v4pt-shell{padding:18px}.v4pt-header{gap:8px}.v4pt-stage{padding:14px;margin-top:18px}.v4pt-guide{grid-template-columns:repeat(2,minmax(0,1fr))}.v4pt-demo{min-height:112px}.v4pt-actions>span{flex-basis:100%}.v4pt-actions>button{flex:1}.v4pt-wave{gap:3px}.v4pt-wave i{width:2px}.v4pt-visual{gap:15px}}@media(prefers-reduced-motion:reduce){#v4pt-dialog *,#v4pt-dialog *::before{animation:none!important;transition:none!important}}
