@import "https://fonts.googleapis.com/css2?family=Playwrite+AU+SA:wght@400;500;600&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.v3-shell{--accent:#e11d48;--accent2:#fb7185;--accent-bg:color-mix(in oklab, var(--accent) 14%, transparent);--accent-border:color-mix(in oklab, var(--accent) 55%, transparent);background:radial-gradient(900px 520px at 12% -12%, color-mix(in oklab, var(--accent) 18%, transparent), transparent 55%), radial-gradient(720px 460px at 96% 0%, color-mix(in oklab, var(--accent2) 14%, transparent), transparent 55%), var(--bg)}.v3-shell .v3{flex:auto;padding:14px}.v3-shell .v3-container{width:1126px;max-width:100%;margin:0 auto}.v3-shell .card.v3-card{border:1px solid color-mix(in oklab, var(--accent) 14%, var(--border));background:color-mix(in oklab, var(--bg) 88%, transparent);border-radius:18px;box-shadow:0 14px 28px -18px #0000001f,0 10px 12px -10px #00000014}.v3-shell .hint.v3-subtitle{opacity:.92;margin:6px 0 0}.v3-shell button{border-radius:14px}.v3-shell button.primary{border-color:color-mix(in oklab, var(--accent) 55%, var(--border));background:linear-gradient(135deg, color-mix(in oklab, var(--accent) 30%, var(--bg)), color-mix(in oklab, var(--accent2) 18%, var(--bg)))}.v3-shell button.danger,.v3-shell .v3-menu-danger{border-color:color-mix(in oklab, var(--accent) 60%, var(--border));background:linear-gradient(135deg, color-mix(in oklab, var(--accent) 36%, var(--bg)), color-mix(in oklab, var(--accent) 20%, var(--bg)));color:var(--text-h)}.v3-shell input,.v3-shell textarea{border-radius:14px}.v3-shell .v3-header{z-index:20;border-bottom:1px solid color-mix(in oklab, var(--accent) 20%, var(--border));background:color-mix(in oklab, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.25);backdrop-filter:blur(12px)saturate(1.25);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:transform .22s,box-shadow .22s;display:flex;position:sticky;top:0;transform:translateY(0)}.v3-shell .v3-header[data-hidden=true]{transform:translateY(-110%)}@media (prefers-reduced-motion:reduce){.v3-shell .v3-header{transition:none}}.v3-shell .v3-brand{color:color-mix(in oklab, var(--accent) 78%, var(--text-h));cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:4px 6px;display:inline-flex}.v3-shell .v3-logo-svg{flex:none;width:30px;height:30px}.v3-shell .v3-brand-text{text-align:left;gap:1px;line-height:1;display:grid}.v3-shell .v3-brand-title{letter-spacing:0;font-family:Playwrite AU SA,Segoe Script,Brush Script MT,cursive;font-size:19px;font-weight:600;line-height:1.08}.v3-shell .v3-brand-subtitle{letter-spacing:.04em;color:var(--text-m);white-space:nowrap;font-size:10px;font-weight:650;line-height:1;display:block}.v3-shell .v3-profile{position:relative}.v3-shell .v3-profile-btn{border:1px solid color-mix(in oklab, var(--accent) 22%, var(--border));background:color-mix(in oklab, var(--bg) 74%, transparent);border-radius:999px;align-items:center;gap:10px;padding:8px 12px;display:inline-flex}.v3-shell .v3-profile-btn:hover{border-color:color-mix(in oklab, var(--accent) 30%, var(--border));background:color-mix(in oklab, var(--bg) 70%, transparent)}.v3-shell .v3-profile-btn:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 30%, transparent);outline:none}.v3-shell .v3-avatar .avatar{width:32px;height:32px}.v3-shell .avatar{background:0 0;border:none;border-radius:0}.v3-shell .avatar-svg{width:32px;height:32px}.v3-shell .avatar-bg{display:none}.v3-shell .v3-code{text-align:left;gap:2px;display:grid}.v3-shell .v3-code-label{opacity:.72;font-size:11px}.v3-shell .v3-code-value{color:var(--text-h);font-size:13px;line-height:1.1}.v3-shell .v3-burger{opacity:.88;align-content:center;gap:3px;width:18px;height:14px;margin-left:2px;display:grid}.v3-shell .v3-burger-line{background:currentColor;border-radius:999px;width:100%;height:2px}.v3-shell .v3-menu{z-index:30;border:1px solid color-mix(in oklab, var(--accent) 18%, var(--border));background:var(--bg);transform-origin:100% 0;opacity:0;visibility:hidden;pointer-events:none;border-radius:18px;gap:8px;width:min(300px,100vw - 28px);padding:10px;transition:opacity .16s,transform .18s cubic-bezier(.2,0,0,1),visibility 0s linear .18s;display:grid;position:absolute;top:calc(100% - 2px);right:0;transform:translateY(-6px)scale(.98);box-shadow:0 18px 40px -26px #0003,0 16px 24px -18px #0000001f}.v3-shell .v3-menu[data-open=true]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .16s,transform .18s cubic-bezier(.2,0,0,1),visibility linear;transform:translateY(0)scale(1)}.v3-shell .v3-menu-item{text-align:left;border:1px solid color-mix(in oklab, var(--accent) 16%, var(--border));background:color-mix(in oklab, var(--bg) 72%, transparent);border-radius:14px;width:100%;padding:10px 12px}.v3-shell .v3-menu-item:disabled{opacity:.55;cursor:not-allowed}.v3-shell .v3-menu-danger{border-color:color-mix(in oklab, var(--accent) 46%, var(--border));color:color-mix(in oklab, var(--accent) 72%, var(--text-h))}.v3-shell .v3-menu-hint{opacity:.9;padding:4px 4px 0;font-size:12px;line-height:1.25}.v3-shell .v3-home-stack{gap:12px;display:grid}.v3-shell .v3-panel{scroll-margin-top:92px}.v3-shell .v3-notice{box-sizing:border-box;border:1px solid color-mix(in oklab, var(--accent) 28%, var(--border));background:linear-gradient(135deg, color-mix(in oklab, var(--accent) 14%, var(--bg)), color-mix(in oklab, var(--accent2) 10%, var(--bg)));width:100%;max-width:100%;color:var(--text-h);text-align:left;border-radius:18px;align-items:center;gap:12px;margin:8px 0;padding:12px 14px;display:flex}.v3-shell .v3-notice-success{border-color:color-mix(in oklab, #16a34a 60%, var(--border));background:linear-gradient(135deg, color-mix(in oklab, #16a34a 14%, var(--bg)), color-mix(in oklab, #22c55e 10%, var(--bg)))}.v3-shell .v3-notice-success .v3-notice-icon{color:color-mix(in oklab, #16a34a 75%, var(--text-h))}.v3-shell .v3-notice:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 30%, transparent);outline:none}.v3-shell .v3-notice-icon{width:24px;height:24px;color:color-mix(in oklab, var(--accent) 80%, var(--text-h));flex:none}.v3-shell .v3-notice-text{overflow-wrap:anywhere;gap:2px;min-width:0;display:grid}@media (width<=520px){.v3-shell .v3-notice{border-radius:14px;gap:9px;padding:10px 11px}.v3-shell .v3-notice-icon{width:20px;height:20px}}.v3-shell .v3-guide{border-color:color-mix(in oklab, var(--accent) 22%, var(--border));background:linear-gradient(135deg, color-mix(in oklab, var(--accent) 10%, var(--bg)), color-mix(in oklab, var(--accent2) 8%, var(--bg)))}.v3-shell .v3-guide-head{align-items:flex-start;gap:12px;display:flex}.v3-shell .v3-guide-icon{width:34px;height:34px;color:color-mix(in oklab, var(--accent) 80%, var(--text-h));flex:none;margin-top:2px}.v3-shell .v3-guide-text h2{margin:0}.v3-shell .v3-guide-text .hint{margin:6px 0 0}.v3-shell .v3-guide-steps{gap:6px;margin:10px 0 0;padding-left:18px;display:grid}.v3-shell .v3-guide-steps strong{color:var(--text-h)}.v3-shell .v3-stepper{gap:10px;margin:10px 0 0;padding:0;list-style:none;display:grid}.v3-shell .v3-welcome-title+.v3-stepper{margin-top:22px}.v3-shell .v3-step{grid-template-columns:18px 1fr;align-items:flex-start;gap:10px;display:grid}.v3-shell .v3-step-marker{flex-direction:column;align-items:center;gap:6px;padding-top:2px;display:flex}.v3-shell .v3-step-dot{border:2px solid var(--border);background:color-mix(in oklab, var(--bg) 86%, transparent);width:16px;height:16px;color:var(--text);border-radius:999px;place-items:center;font-size:10px;line-height:1;display:grid}.v3-shell .v3-step-line{background:color-mix(in oklab, var(--accent) 14%, var(--border));border-radius:999px;flex:auto;width:2px}.v3-shell .v3-step-title{color:var(--text-h);font-weight:650}.v3-shell .v3-step-subtitle{opacity:.88;margin:0}.v3-shell .v3-step[data-state=active] .v3-step-dot{border-color:color-mix(in oklab, var(--accent) 60%, var(--border));background:color-mix(in oklab, var(--accent) 14%, var(--bg));color:color-mix(in oklab, var(--accent) 84%, var(--text-h))}.v3-shell .v3-step[data-state=done] .v3-step-dot{border-color:color-mix(in oklab, var(--accent) 60%, var(--border));background:color-mix(in oklab, var(--accent) 42%, var(--bg));color:var(--text-h)}.v3-shell .v3-step[data-state=done] .v3-step-line{background:color-mix(in oklab, var(--accent) 40%, var(--border))}.v3-shell .v3-step-check{font-size:11px;transform:translateY(-.5px)}.v3-shell .v3-view-head{align-items:flex-start;gap:12px;display:flex}.v3-shell .v3-backup-grid{grid-template-columns:1fr;gap:12px;display:grid}.v3-shell .v3-backup-actions{align-content:start;gap:10px;display:grid}.v3-shell .v3-backup-text textarea{font-family:var(--mono);font-size:12px}.v3-shell .v3-actions{justify-content:flex-end;padding-top:12px;display:flex}.v3-shell .v3-choice-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.v3-shell .v3-onboard-choice-row{flex-wrap:wrap;justify-content:flex-start;gap:14px;margin:18px 0;display:flex}.v3-shell .v3-import-panel{grid-template-columns:1fr;gap:12px;margin:12px 0 14px;display:grid}@media (width>=760px){.v3-shell .v3-import-panel{grid-template-columns:1fr 1fr;align-items:start}}.v3-shell .v3-import-col{border:1px solid color-mix(in oklab, var(--accent) 14%, var(--border));background:color-mix(in oklab, var(--bg) 84%, transparent);border-radius:16px;gap:10px;padding:12px;display:grid}.v3-shell .v3-import-heading{color:var(--text);font-weight:450}.v3-shell .v3-import-file-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.v3-shell .v3-import-file-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.v3-shell .v3-onboard-form{border:1px solid color-mix(in oklab, var(--accent) 14%, var(--border));background:color-mix(in oklab, var(--bg) 84%, transparent);border-radius:16px;gap:10px;max-width:560px;padding:18px 14px;display:grid}.v3-shell .v3-onboard-form .field{margin:0}.v3-shell .v3-pair-grid{grid-template-columns:1fr;gap:10px;margin-top:12px;display:grid}.v3-shell .v3-pair-card{border:1px solid color-mix(in oklab, var(--accent) 14%, var(--border));background:color-mix(in oklab, var(--bg) 82%, transparent);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.v3-shell .v3-pair-card-main{align-items:center;gap:10px;display:flex}.v3-shell .v3-pair-card-name{color:var(--text-h);font-weight:650}.v3-shell .v3-pair-card-code{opacity:.85;font-size:13px}.v3-shell .v3-pair-tabs{border:1px solid color-mix(in oklab, var(--accent) 16%, var(--border));background:color-mix(in oklab, var(--bg) 78%, transparent);border-radius:16px;gap:6px;margin-top:12px;padding:6px;display:flex;overflow:auto}.v3-shell .v3-pair-tab{color:var(--text);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:12px;padding:9px 12px}.v3-shell .v3-pair-tab:hover{background:color-mix(in oklab, var(--bg) 70%, transparent)}.v3-shell .v3-pair-tab[data-active=true]{border-color:color-mix(in oklab, var(--accent) 24%, var(--border));background:color-mix(in oklab, var(--accent) 10%, var(--bg));color:var(--text-h)}.v3-shell .v3-pairing-refresh-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.v3-shell .v3-pairing-refresh-row h2{margin:0}.v3-shell .v3-pairing-refresh-meta{align-items:center;gap:8px;min-height:32px}.v3-shell .v3-pairing-refresh-meta .hint{line-height:1.25}.v3-shell .v3-pairing-refresh-meta .icon-btn{flex:none;width:30px;min-width:30px;height:30px;font-size:13px;line-height:1}.v3-shell .v3-request-list{gap:10px;margin-top:10px;display:grid}.v3-shell .v3-request{border:1px solid color-mix(in oklab, var(--accent) 14%, var(--border));background:color-mix(in oklab, var(--bg) 84%, transparent);border-radius:16px;gap:10px;padding:12px;display:grid}.v3-shell .v3-request-head{align-items:center;gap:10px;display:flex}.v3-shell .v3-request-name{color:var(--text-h);font-weight:650}.v3-shell .v3-request-actions{flex-wrap:wrap;gap:10px;display:flex}.v3-shell .v3-action-ok{color:#16a34a}.v3-shell .v3-action-bad{color:#ef4444}.v3-shell .v3-success{border:1px solid color-mix(in oklab, var(--accent) 22%, var(--border));background:linear-gradient(135deg, color-mix(in oklab, var(--accent) 12%, var(--bg)), color-mix(in oklab, var(--accent2) 10%, var(--bg)));border-radius:16px;padding:14px}.v3-shell .v3-success .hint{line-height:1.25}.v3-shell .v3-copied{color:#16a34a;opacity:.95;font-weight:650}.v3-shell .v3-play-card{border:1px solid color-mix(in oklab, var(--accent) 18%, var(--border));background:color-mix(in oklab, var(--bg) 84%, transparent);touch-action:pan-y;border-radius:18px;margin-top:12px;padding:14px;transition:background .24s,border-color .24s}.v3-shell .v3-play-card[data-saved=true]{border-color:color-mix(in oklab, #16a34a 55%, var(--border));background:color-mix(in oklab, #16a34a 12%, var(--bg))}.v3-shell .v3-answer-saved{color:#16a34a;opacity:.98;margin:8px 0 0;font-weight:650;transition:opacity .2s}.v3-shell .v3-play-summary{flex-wrap:wrap;gap:10px;margin:10px 0 6px;display:flex}.v3-shell .v3-play-summary-spacer{flex:auto;min-width:12px}.v3-shell .v3-play-panel{border:1px solid color-mix(in oklab, var(--accent) 18%, var(--border));background:linear-gradient(135deg, color-mix(in oklab, var(--accent) 10%, var(--bg)), color-mix(in oklab, var(--accent2) 8%, var(--bg)));border-radius:18px;margin-top:12px;padding:10px 12px 12px}.v3-shell .v3-play-panel .v3-play-card{margin-top:0}.v3-shell .v3-choice-row .choice.active{box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 20%, transparent)}.v3-shell .v3-choice-row .choice:not(.active){background:color-mix(in oklab, var(--bg) 88%, transparent);border-color:var(--border)}.v3-shell .v3-choice-row .choice:not(.active):hover{background:color-mix(in oklab, var(--bg) 84%, transparent)}.v3-shell .v3-play-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.v3-shell .v3-badge-partner-answered{border-color:color-mix(in oklab, #0ea5e9 30%, var(--border));background:color-mix(in oklab, #0ea5e9 12%, var(--bg));color:color-mix(in oklab, #0ea5e9 85%, var(--text-h));letter-spacing:.1px;font-weight:650}.v3-shell .v3-limit-notice{align-items:flex-start;gap:10px;display:flex}.v3-shell .v3-limit-notice-icon{opacity:.9;flex:none;width:18px;height:18px;margin-top:2px}.v3-shell .v3-remaining-pill.v3-remaining-low{border-color:color-mix(in oklab, #f59e0b 40%, var(--border));background:color-mix(in oklab, #f59e0b 14%, var(--bg));color:color-mix(in oklab, #f59e0b 92%, var(--text-h));font-weight:750}.v3-shell .v3-play-question{letter-spacing:-.2px;color:var(--text-h);margin:12px 0 10px;font-size:20px}.v3-shell .v3-play-nav{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:10px;display:flex}.v3-shell .v3-play-nav .v3-play-next{margin-left:auto}.v3-shell .v3-nav-icon{width:18px;height:18px;display:block}.v3-shell .v3-play-prev,.v3-shell .v3-play-next{padding:8px 10px}.v3-shell .v3-played-list{gap:12px;display:grid}.v3-shell .v3-footer{border-top:1px solid color-mix(in oklab, var(--accent) 18%, var(--border));background:color-mix(in oklab, var(--bg) 90%, transparent);justify-content:flex-end;padding:10px 14px;display:flex}.v3-shell .toast{white-space:nowrap;text-overflow:ellipsis;z-index:60;border-color:var(--accent-border);background:color-mix(in oklab, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);border-radius:16px;width:min(1126px,100vw - 28px);padding:10px 12px;font-size:13px;line-height:1.2;position:fixed;top:16px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 14px 30px -22px #0000002e,0 12px 18px -18px #0000001f}.v3-shell .toast[data-kind=success]{border-color:color-mix(in oklab, #16a34a 60%, var(--border));background:color-mix(in oklab, #16a34a 12%, var(--bg));color:var(--text-h)}.v3-shell .toast[data-kind=error]{border-color:color-mix(in oklab, #ef4444 55%, var(--border));background:color-mix(in oklab, #ef4444 10%, var(--bg));color:var(--text-h)}.v3-shell .confirm-overlay,.confirm-overlay{z-index:70;background:#0000008c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.v3-shell .confirm-dialog,.confirm-dialog{border:1px solid color-mix(in oklab, var(--accent) 18%, var(--border));background:var(--bg);border-radius:18px;gap:10px;width:min(520px,100vw - 36px);padding:14px;display:grid;box-shadow:0 24px 60px -30px #0000004d,0 20px 32px -24px #0000002e}.v3-shell .confirm-title,.confirm-title{color:var(--text-h);letter-spacing:-.2px;font-weight:700}.v3-shell .confirm-desc,.confirm-desc{opacity:.9}.v3-shell .confirm-actions,.confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.v3-shell .modal-overlay,.modal-overlay{z-index:75;background:#0000008c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.v3-shell .modal-dialog,.modal-dialog{border:1px solid color-mix(in oklab, #16a34a 22%, var(--border));background:var(--bg);border-radius:18px;gap:10px;width:min(560px,100vw - 36px);padding:14px;display:grid;box-shadow:0 24px 60px -30px #0000004d,0 20px 32px -24px #0000002e}.v3-shell .modal-title,.modal-title{color:var(--text-h);letter-spacing:-.2px;font-weight:750}.v3-shell .modal-desc,.modal-desc{opacity:.92}.v3-shell .modal-actions,.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:4px;display:flex}@media (width>=768px){.v3-shell .v3{padding:18px}.v3-shell .v3-pair-grid{grid-template-columns:1fr 1fr}.v3-shell .v3-backup-grid{grid-template-columns:1fr 320px;align-items:start}.v3-shell .v3-backup-actions{padding-top:22px}.v3-shell .v3-step{align-items:stretch;gap:12px}.v3-shell .v3-step-marker{align-self:stretch}.v3-shell .v3-step-line{min-height:12px}}