.dual-pill-container{background:var(--bg-card);border:1.5px solid var(--border-primary);border-radius:9999px;align-items:center;max-width:100%;padding:.35rem;transition:all .25s;display:inline-flex;position:relative;box-shadow:0 8px 30px #00000014}.dual-pill-container:hover{border-color:#f7941e66;box-shadow:0 12px 35px #f7941e26,0 0 20px #00a4e41f}.dual-segment-step1{color:var(--portal-blue);cursor:pointer;background:#00a4e41a;border:1px solid #00a4e440;border-radius:9999px;align-items:center;gap:.6rem;padding:.75rem 1.4rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;position:relative}.dual-segment-step1:hover{background:#00a4e433;transform:translateY(-1px);box-shadow:0 4px 15px #00a4e433}.dual-segment-step1:active{transform:scale(.97)}.step-badge-mini{background:var(--portal-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-family:ui-monospace,monospace;font-size:.7rem;font-weight:900;display:inline-flex}.dual-divider-arrow{color:var(--text-muted);opacity:.6;justify-content:center;align-items:center;padding:0 .6rem;font-size:1rem;display:flex}.dual-segment-step2{background:linear-gradient(135deg, var(--portal-orange) 0%, var(--portal-orange-light) 100%);color:#fff;cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:.6rem;padding:.75rem 1.6rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #f7941e59}.dual-segment-step2:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 22px #f7941e7a}.dual-segment-step2:active{transform:scale(.97)}.step-badge-mini-orange{color:#fff;background:#ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-family:ui-monospace,monospace;font-size:.7rem;font-weight:900;display:inline-flex}.exclamation-email-box{background:var(--bg-card);border:1.5px solid var(--border-primary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:9999px;justify-content:space-between;align-items:center;gap:.65rem;max-width:95vw;margin-top:1rem;padding:.32rem .45rem .32rem .55rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;box-shadow:0 4px 16px #0000000d}.exclamation-email-box:hover{border-color:var(--portal-blue);transform:translateY(-1px);box-shadow:0 6px 22px #00a4e429}.exclamation-icon-btn{width:1.95rem;height:1.95rem;color:var(--portal-blue);cursor:pointer;background:#00a4e41f;border:1px solid #00a4e44d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.exclamation-icon-btn:hover{background:var(--portal-blue);color:#fff;border-color:var(--portal-blue);transform:scale(1.08);box-shadow:0 0 14px #00a4e473}.exclamation-icon-btn.is-active{background:var(--portal-orange);color:#fff;border-color:var(--portal-orange);box-shadow:0 0 14px #f7941e73}.exclamation-pulse-ring{border:1.5px solid var(--portal-blue);opacity:0;pointer-events:none;border-radius:50%;animation:2.6s cubic-bezier(.25,.8,.25,1) infinite pulse-ring;position:absolute;inset:-3px}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.9)}60%{opacity:0;transform:scale(1.45)}to{opacity:0;transform:scale(1.45)}}.email-capsule-text{color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;padding:0 .35rem;font-weight:600}.email-capsule-copy-btn{background:var(--bg-secondary);border:1px solid var(--border-subtle);width:1.95rem;height:1.95rem;color:var(--text-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .18s;display:inline-flex;position:relative}.email-capsule-copy-btn:hover{background:var(--portal-blue);color:#fff;border-color:var(--portal-blue);transform:scale(1.06)}.email-capsule-copy-btn.copied{background:var(--portal-green)!important;color:#fff!important;border-color:var(--portal-green)!important}.walkthrough-popover-container{flex-direction:column;align-items:center;display:inline-flex;position:relative}.walkthrough-popover{background:var(--bg-card);border:1.5px solid var(--border-primary);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:999;opacity:0;pointer-events:none;text-align:left;border-radius:1.25rem;width:420px;max-width:95vw;padding:.95rem 1.15rem;transition:opacity .25s,transform .25s cubic-bezier(.16,1,.3,1);position:absolute;top:auto;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 20px 60px #00000059,0 0 30px #00a4e41f}.walkthrough-popover:before{content:"";background:var(--bg-card);border-bottom:1.5px solid var(--border-primary);border-right:1.5px solid var(--border-primary);z-index:10;border-top:none;border-left:none;width:12px;height:12px;position:absolute;top:auto;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.walkthrough-popover:after{content:"";pointer-events:auto;background:0 0;height:16px;position:absolute;bottom:-14px;left:0;right:0}.walkthrough-popover.show{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.wt-header{justify-content:space-between;align-items:center;margin-bottom:.45rem;display:flex}.wt-title-row{align-items:center;gap:.35rem;display:flex}.wt-book-icon{font-size:.95rem}.wt-title{color:var(--portal-orange);letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.78rem;font-weight:800}.wt-progress-row{align-items:center;gap:.45rem;display:flex}.wt-progress-track{align-items:center;gap:.25rem;display:flex}.wt-dash{background:#f7941e4d;border-radius:9999px;width:14px;height:4px}.wt-dash.active{background:var(--portal-orange);width:24px}.wt-step-counter{color:var(--text-muted);margin-left:.25rem;font-family:ui-monospace,monospace;font-size:.72rem}.wt-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.35rem;margin-left:.35rem;padding:.15rem .35rem;font-size:1.1rem;transition:all .15s}.wt-close-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.wt-brand-row{justify-content:space-between;align-items:center;margin-bottom:.45rem;display:flex}.wt-play-brand{color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.74rem;font-weight:600;display:flex}.wt-brand-blue{color:var(--portal-blue);font-weight:700}.wt-demo-ctrls{align-items:center;gap:.45rem;display:flex}.wt-live-badge{color:var(--portal-green);background:#25c8621f;border:1px solid #25c86240;border-radius:9999px;padding:.08rem .4rem;font-family:ui-monospace,monospace;font-size:.62rem;font-weight:700}.wt-replay-btn{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:.35rem;padding:.12rem .45rem;font-size:.68rem;font-weight:600;transition:all .15s}.wt-replay-btn:hover{border-color:var(--portal-blue);color:var(--portal-blue)}.wt-breadcrumbs{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.25rem .35rem;margin-bottom:.25rem;font-size:.7rem;display:flex}.wt-step-chip{background:var(--bg-secondary);border-radius:9999px;align-items:center;gap:.2rem;padding:.08rem .35rem;transition:all .3s;display:inline-flex}.wt-step-chip.active-glow{color:var(--text-primary);background:#f7941e29;transform:scale(1.03);box-shadow:0 0 10px #f7941e4d}.chip-num{width:.95rem;height:.95rem;color:var(--portal-orange);background:#f7941e38;border-radius:50%;justify-content:center;align-items:center;font-family:ui-monospace,monospace;font-size:.6rem;font-weight:800;display:inline-flex}.wt-arrow{color:var(--text-muted);opacity:.6;font-size:.68rem}.wt-substep-label{color:var(--text-muted);margin-bottom:.45rem;font-size:.68rem}.wt-console-chamber{background:#00a4e409;border:1.5px dashed #f7941e73;border-radius:.85rem;margin-bottom:.55rem;padding:.6rem .8rem;position:relative;overflow:hidden}.wt-success-flash{opacity:0;pointer-events:none;z-index:15;background:#25c86214;border-radius:.85rem;transition:opacity .3s;position:absolute;inset:0}.wt-success-flash.active{opacity:1}.wt-finger-cursor{pointer-events:none;z-index:30;will-change:top, left, opacity, transform;opacity:0;transition-property:top,left,opacity,transform;transition-duration:.5s;transition-timing-function:cubic-bezier(.25,1,.5,1);position:absolute;top:25%;left:10%;transform:scale(1)}.wt-tap-ripple{opacity:0;pointer-events:none;background:#f7941e59;border-radius:50%;width:26px;height:26px;transition:transform .2s ease-out,opacity .2s ease-out;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(0)}.wt-tap-ripple.clicking{opacity:1;transform:translate(-50%,-50%)scale(1.35)}.wt-gesture-icon{filter:drop-shadow(2px 3px 2px #0006);transform-origin:2px 2px;width:24px;height:24px;transition:transform .15s ease-out;position:relative}.wt-gesture-icon.clicking{transform:rotate(-10deg)scale(.85)}.wt-gesture-fill{filter:blur(3px)invert();opacity:.9;-webkit-user-select:none;user-select:none;pointer-events:none;width:calc(100% + 6px);height:calc(100% + 6px);position:absolute;inset:-3px}[data-theme=dark] .wt-gesture-fill{filter:blur(3px)invert(0)}.wt-gesture-stroke{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:relative}[data-theme=dark] .wt-gesture-stroke{filter:invert()}.wt-console-tabs{border-bottom:1px solid var(--border-subtle);align-items:center;gap:1rem;margin-bottom:.5rem;padding-bottom:.3rem;display:flex}.wt-c-tab{color:var(--text-muted);font-size:.72rem;position:relative}.wt-c-tab.active{color:var(--portal-blue);font-weight:700}.wt-c-tab-indicator{background:var(--portal-blue);border-radius:2px;height:2px;position:absolute;bottom:-.35rem;left:0;right:0}.wt-testers-title{color:var(--text-primary);margin-bottom:.4rem;font-size:.8rem;font-weight:700}.wt-radios{flex-direction:column;gap:.3rem;margin-bottom:.45rem;display:flex}.wt-radio-item{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.45rem;font-size:.75rem;display:flex}.wt-radio-circle{border:1.5px solid var(--text-muted);opacity:.6;border-radius:50%;width:14px;height:14px}.wt-radio-circle-checked{border:1.5px solid var(--border-subtle);border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;transition:all .3s;display:flex}.wt-radio-circle-checked.active{border-color:var(--portal-blue);box-shadow:0 0 8px #00a4e480}.wt-radio-dot{background:var(--portal-blue);border-radius:50%;width:7px;height:7px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);transform:scale(0)}.wt-radio-dot.active{transform:scale(1)}.wt-radio-label-bold{color:var(--text-secondary);font-weight:700;transition:color .3s}.wt-field-wrap{margin-bottom:.45rem}.wt-field-label{color:var(--text-muted);margin-bottom:.2rem;font-size:.68rem;line-height:1.2}.wt-input-box{background:var(--bg-card);border:1.5px solid var(--border-primary);color:var(--text-primary);box-sizing:border-box;white-space:nowrap;border-radius:.45rem;align-items:center;width:100%;height:32px;min-height:32px;max-height:32px;padding:0 .65rem;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.74rem;transition:border-color .25s,box-shadow .25s,background .25s;display:flex;overflow:hidden}.wt-input-box.focused{border-color:var(--portal-blue);background:#00a4e40f;box-shadow:0 0 8px #00a4e433}.wt-input-val{color:var(--portal-blue);white-space:nowrap;font-weight:700;line-height:30px;display:inline-block}.wt-typing-cursor{background:var(--portal-blue);flex-shrink:0;width:2px;height:13px;margin-left:2px;animation:.9s infinite blink-cursor;display:none}.wt-typing-cursor.active{display:inline-block}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.wt-console-actions{justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.wt-btn-discard{color:var(--portal-blue);cursor:pointer;font-size:.72rem}.wt-btn-saved{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-subtle);cursor:pointer;border-radius:.4rem;align-items:center;gap:.3rem;padding:.25rem .65rem;font-size:.72rem;font-weight:700;transition:all .3s;display:inline-flex}.wt-btn-saved.ready{background:var(--portal-blue);color:#fff;border-color:var(--portal-blue);box-shadow:0 2px 10px #00a4e459}.wt-btn-saved.saved{background:var(--portal-green);color:#fff;border-color:var(--portal-green);transform:scale(1.05);box-shadow:0 0 16px #25c86299}.wt-btn-saved .wt-saved-icon{display:none}.wt-btn-saved.saved .wt-saved-icon{display:inline-block}.wt-btn-saved.pulse-saved{transform:scale(1.06);box-shadow:0 0 16px #25c862b3}.wt-callout-card{background:#f7941e14;border:1px solid #f7941e59;border-radius:.65rem;align-items:flex-start;gap:.5rem;margin-bottom:.55rem;padding:.5rem .7rem;transition:all .3s;display:flex}.wt-callout-card.pulse-glow{border-color:var(--portal-orange);background:#f7941e1f;box-shadow:0 0 16px #f7941e40}.wt-callout-icon{font-size:.95rem;line-height:1.2}.wt-callout-text{flex:1}.wt-callout-title{color:var(--portal-orange);font-size:.75rem;font-weight:800;line-height:1.35}.wt-got-it-btn{background:linear-gradient(135deg, var(--portal-orange) 0%, var(--portal-orange-light) 100%);color:#fff;letter-spacing:.05em;cursor:pointer;border:none;border-radius:.65rem;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.5rem 1rem;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.8rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 15px #f7941e59}.wt-got-it-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 20px #f7941e73}.wt-got-it-btn:active{transform:scale(.98)}.wt-modal-backdrop{-webkit-backdrop-filter:blur(10px);z-index:99999;background:#000000ad;justify-content:center;align-items:flex-end;width:100vw;height:100vh;margin:0;padding:0;animation:.2s wtFadeIn;display:none;position:fixed;inset:0}.wt-modal-backdrop.open{display:flex}@keyframes wtFadeIn{0%{opacity:0}to{opacity:1}}.wt-modal-sheet{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--bg-card);border-top:1.5px solid var(--border-primary);width:100%;max-width:100%;max-height:88vh;padding:1.25rem 1.25rem max(1.75rem, env(safe-area-inset-bottom,1.75rem));border-bottom:none;border-left:none;border-right:none;border-radius:1.5rem 1.5rem 0 0;margin:0;animation:.28s cubic-bezier(.16,1,.3,1) wtDrawerSlideUp;overflow-y:auto;box-shadow:0 -12px 45px #00000073}@keyframes wtDrawerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (min-width:769px){.wt-modal-backdrop{align-items:center;padding:1.25rem}.wt-modal-sheet{border:1.5px solid var(--border-primary);border-radius:1.25rem;max-width:420px;padding:1rem 1.15rem 1.15rem;animation:.25s cubic-bezier(.16,1,.3,1) wtPopIn;box-shadow:0 25px 80px #00000080}}@keyframes wtPopIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:640px){.walkthrough-popover{display:none!important}}@media (max-width:520px){.dual-pill-container{box-sizing:border-box;border-radius:1.25rem;flex-direction:column;gap:.35rem;width:100%;max-width:324px;padding:.45rem;display:flex;box-shadow:0 4px 20px #00000014}.dual-segment-step1{box-sizing:border-box;white-space:nowrap;border-radius:.85rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.68rem 1rem;font-size:.88rem;font-weight:700;display:flex}.dual-segment-step1 svg{width:15px;height:15px}.step-badge-mini{flex-shrink:0;width:1.25rem;height:1.25rem;font-size:.72rem}.dual-divider-arrow{display:none}.dual-segment-step2{box-sizing:border-box;white-space:nowrap;border-radius:.85rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.68rem 1rem;font-size:.88rem;font-weight:700;display:flex}.dual-segment-step2 svg{width:15px;height:15px}.step-badge-mini-orange{flex-shrink:0;width:1.25rem;height:1.25rem;font-size:.72rem}.exclamation-email-box{box-sizing:border-box;justify-content:space-between;gap:.45rem;width:100%;max-width:324px;padding:.32rem .5rem;font-size:.74rem}.exclamation-icon-btn,.email-capsule-copy-btn{width:1.85rem;height:1.85rem}.email-capsule-text{letter-spacing:-.01em;text-overflow:ellipsis;padding:0 .2rem;font-size:.74rem;overflow:hidden}}@media (min-width:521px) and (max-width:640px){.dual-pill-container{box-sizing:border-box;border-radius:9999px;gap:0;width:auto;max-width:calc(100vw - 24px);padding:.28rem .35rem;box-shadow:0 4px 18px #0000000f}.dual-segment-step1{white-space:nowrap;box-sizing:border-box;border-radius:9999px;gap:.4rem;width:auto;padding:.55rem .85rem;font-size:.82rem}.dual-segment-step1 svg{width:13px;height:13px}.step-badge-mini{width:1.15rem;height:1.15rem;font-size:.65rem}.dual-divider-arrow{opacity:.5;padding:0 .3rem;font-size:.8rem;transform:none}.dual-segment-step2{white-space:nowrap;box-sizing:border-box;border-radius:9999px;gap:.4rem;width:auto;padding:.55rem 1rem;font-size:.84rem}.dual-segment-step2 svg{width:13px;height:13px}.step-badge-mini-orange{width:1.15rem;height:1.15rem;font-size:.65rem}.exclamation-email-box{gap:.5rem;width:auto;max-width:calc(100vw - 24px);padding:.3rem .45rem .3rem .55rem;font-size:.76rem}}
