.hrs-tilt{isolation:isolate}.hrs-tilt:before{content:"";position:absolute;inset:-4% -8% -10%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in oklab,var(--color-brand-500) 40%,transparent),color-mix(in oklab,var(--color-brand-500) 12%,transparent) 55%,transparent);pointer-events:none}@media (prefers-reduced-motion:reduce){[data-demo-run]:not([data-demo-optin]) .pnd .pnd-spinner,[data-demo-run]:not([data-demo-optin]) .pnd-c .demo-cursor-press,[data-demo-run]:not([data-demo-optin]) .pnd-c-cover,[data-demo-run]:not([data-demo-optin]) .pnd-c-csv,[data-demo-run]:not([data-demo-optin]) .pnd-c-cursor,[data-demo-run]:not([data-demo-optin]) .pnd-c-file,[data-demo-run]:not([data-demo-optin]) .pnd-e .demo-cursor-press,[data-demo-run]:not([data-demo-optin]) .pnd-e-actions,[data-demo-run]:not([data-demo-optin]) .pnd-e-cover-new,[data-demo-run]:not([data-demo-optin]) .pnd-e-cover-old,[data-demo-run]:not([data-demo-optin]) .pnd-e-cursor,[data-demo-run]:not([data-demo-optin]) .pnd-e-edit,[data-demo-run]:not([data-demo-optin]) .pnd-e-old,[data-demo-run]:not([data-demo-optin]) .pnd-e-pencil,[data-demo-run]:not([data-demo-optin]) .pnd-e-save,[data-demo-run]:not([data-demo-optin]) .pnd-e-save-busy,[data-demo-run]:not([data-demo-optin]) .pnd-e-save-idle,[data-demo-run]:not([data-demo-optin]) .pnd-e-saved,[data-demo-run]:not([data-demo-optin]) .pnd-e-typed-new,[data-demo-run]:not([data-demo-optin]) .pnd-e-typed-old,[data-demo-run]:not([data-demo-optin]) .pnd-f .demo-cursor-press,[data-demo-run]:not([data-demo-optin]) .pnd-f-bar,[data-demo-run]:not([data-demo-optin]) .pnd-f-change,[data-demo-run]:not([data-demo-optin]) .pnd-f-check .pnd-check-on,[data-demo-run]:not([data-demo-optin]) .pnd-f-cover,[data-demo-run]:not([data-demo-optin]) .pnd-f-cursor,[data-demo-run]:not([data-demo-optin]) .pnd-f-msg,[data-demo-run]:not([data-demo-optin]) .pnd-f-ph,[data-demo-run]:not([data-demo-optin]) .pnd-f-plaque:after,[data-demo-run]:not([data-demo-optin]) .pnd-f-s1,[data-demo-run]:not([data-demo-optin]) .pnd-f-s2,[data-demo-run]:not([data-demo-optin]) .pnd-f-spin,[data-demo-run]:not([data-demo-optin]) .pnd-f-target,[data-demo-run]:not([data-demo-optin]) .pnd-f-typed,[data-demo-run]:not([data-demo-optin]) .pnd-f-url-new,[data-demo-run]:not([data-demo-optin]) .pnd-f-url-old,[data-demo-run]:not([data-demo-optin]) .pnd-h .demo-heat-cell:not([data-empty]),[data-demo-run]:not([data-demo-optin]) .pnd-h .demo-heat-cell[data-peak],[data-demo-run]:not([data-demo-optin]) .pnd-h-peak,[data-demo-run]:not([data-demo-optin]) .pnd-s-flip[data-step="0"],[data-demo-run]:not([data-demo-optin]) .pnd-s-flip[data-step="1"],[data-demo-run]:not([data-demo-optin]) .pnd-s-flip[data-step="2"],[data-demo-run]:not([data-demo-optin]) .pnd-s-reset,[data-demo-run]:not([data-demo-optin]) .pnd-s-row[data-ev="1"] .pnd-s-n[data-step="0"],[data-demo-run]:not([data-demo-optin]) .pnd-s-row[data-ev="1"] .pnd-s-n[data-step="1"],[data-demo-run]:not([data-demo-optin]) .pnd-s-row[data-ev="1"] .pnd-s-plus,[data-demo-run]:not([data-demo-optin]) .pnd-s-row[data-ev="1"]:before,[data-demo-run]:not([data-demo-optin]) .pnd-s-row[data-ev="2"] .pnd-s-n[data-step="0"],[data-demo-run]:not([data-demo-optin]) .pnd-s-row[data-ev="2"] .pnd-s-n[data-step="1"],[data-demo-run]:not([data-demo-optin]) .pnd-s-row[data-ev="2"] .pnd-s-plus,[data-demo-run]:not([data-demo-optin]) .pnd-s-row[data-ev="2"]:before{animation:none}}.pnd{--win-fs:max(3.2cqw,min(12px,3.5cqw));color:var(--color-fg)}.pnd .pnd-win{height:100%}.pnd .demo-window-body{display:flex;flex-direction:column;overflow:hidden}.pnd-page{flex:1;min-height:0;padding:1em 1.2em;background-color:var(--color-bg)}.pnd-sheet{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 .75em 3.25rem;font-size:max(3.2cqw,min(12.5px,3.645cqw));line-height:1.3}:where(.pnd) p{margin:0}.pnd-stack{display:grid}.pnd-stack>*{grid-area:1/1}.pnd-h1{font-size:1.25em;font-weight:600;letter-spacing:-.01em;line-height:1.2}.pnd-h2{font-size:.85em;font-weight:500;color:var(--color-fg)}.pnd-sub{margin-top:.3em;font-size:.72em}.pnd-mono,.pnd-muted,.pnd-sub{color:var(--color-fg-soft)}.pnd-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72em;letter-spacing:.12em}.pnd-card{border:1px solid var(--color-line);border-radius:.75em;background-color:var(--color-surface)}.pnd-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.6em}.pnd-icon{flex:none;width:1.15em;height:1.15em}.pnd-ok{color:#6ee7b7}:root[data-theme=light] .pnd-ok{color:#065f46}.pnd-btn{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:.4em;padding:.45em .85em;border:1px solid transparent;border-radius:.55em;font-size:.78em;font-weight:500;line-height:1.2;white-space:nowrap}.pnd-btn-primary{background-color:var(--color-brand-600);color:#ffffff}.pnd-btn-ghost{border-color:var(--color-line);color:var(--color-fg)}.pnd-btn-brand{border-color:color-mix(in oklab,var(--color-brand-500) 50%,transparent);color:var(--color-brand-300)}.pnd-input,.pnd-select{display:flex;align-items:center;min-width:0;overflow:hidden;border:1px solid var(--color-line);border-radius:.55em;background-color:color-mix(in oklab,black 25%,var(--color-surface-2));color:var(--color-fg);white-space:nowrap}:root[data-theme=light] .pnd-input,:root[data-theme=light] .pnd-select{background-color:var(--color-surface)}.pnd-input{padding:.5em .75em;font-size:.82em}.pnd-select{display:inline-flex;flex:none;gap:.3em;padding:.3em .4em .3em .65em;font-size:.7em}.pnd-select-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.pnd-select-chev{flex:none;width:1.1em;height:1.1em;color:var(--color-fg-soft)}.pnd-check{position:relative;display:inline-block;flex:none;width:1.05em;height:1.05em;border:1.5px solid color-mix(in oklab,var(--color-fg-soft) 70%,transparent);border-radius:.22em;background-color:var(--color-surface)}.pnd-check-on{position:absolute;inset:-1.5px;display:block;border-radius:.22em;background-color:var(--color-brand-500);color:#ffffff;opacity:0}.pnd-check-on svg{display:block;width:100%;height:100%}.pnd-spinner{flex:none;width:1em;height:1em}[data-demo-run] .pnd .pnd-spinner{animation:pnd-spin .8s linear infinite}@keyframes pnd-spin{to{transform:rotate(1turn)}}.pnd-pro{display:inline-flex;flex:none;align-items:center;padding:.2em .65em;border-radius:999px;background-color:color-mix(in oklab,var(--color-brand-500) 22%,transparent);color:#c7d2fe;font-size:.68em;font-weight:700;letter-spacing:.01em;white-space:nowrap}:root[data-theme=light] .pnd-pro{color:#1d4ed8}.pnd-badge-ok{display:inline-flex;flex:none;padding:.1em .55em;border-radius:999px;background-color:color-mix(in oklab,#10b981 20%,transparent);color:#a7f3d0;font-size:.72em;font-weight:600}:root[data-theme=light] .pnd-badge-ok{color:#065f46}.pnd-folder{flex:none;width:1.15em;height:1.15em}.pnd-dest{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.3em;height:1.3em;border-radius:.3em;background-color:var(--color-surface-2);color:var(--demo-gold);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-fg) 10%,transparent)}.pnd-dest svg{width:72%;height:72%}.pnd .demo-cursor{opacity:0}.pnd-e-head{display:flex;align-items:center;gap:.75em}.pnd-e .pnd-e-icon{width:2.5em;height:2.5em;border-radius:.6em}.pnd-e-titles{display:flex;flex-direction:column;gap:.2em;min-width:0}.pnd-e-alias{overflow:hidden;font-size:1.25em;font-weight:700;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.pnd-e-card{margin-top:1em;padding:.9em 1em 1em}.pnd-e-row{display:flex;align-items:center;justify-content:space-between;gap:.5em;min-height:2.2em}.pnd-e-actions{display:flex;gap:.4em}.pnd-e-pencil{padding:.4em .55em}.pnd-e-states{margin-top:.5em}.pnd-e-url{font-size:.85em;overflow-wrap:anywhere}.pnd-e-saved .pnd-ok{margin-top:.55em;font-size:.78em}.pnd-e-edit{display:flex;flex-direction:column;align-items:flex-start;gap:.6em}.pnd-e-input{width:100%;border-color:var(--color-brand-500);background-color:var(--color-surface);box-shadow:0 0 0 .2em color-mix(in oklab,var(--color-brand-500) 30%,transparent)}.pnd-e-slot{display:inline-grid}.pnd-e-slot>*{grid-area:1/1;justify-self:start}.pnd-e-typed{position:relative;display:inline-block;overflow:hidden;padding-right:.15em;vertical-align:top}.pnd-e-cover{position:absolute;top:0;right:.15em;bottom:0;left:0;border-left:.12em solid var(--color-brand-400);background-color:var(--color-surface)}.pnd-e-cover-old{transform:none}.pnd-e-cover-new{transform:translateX(100%)}.pnd-e-buttons{display:flex;gap:.45em}.pnd-e-save .pnd-stack>*{justify-self:center}.pnd-e-save-busy{display:inline-flex;align-items:center;gap:.4em}.pnd-e-edit,.pnd-e-old,.pnd-e-save-busy{opacity:0}[data-demo-run] .pnd-e-saved{animation:pnd-e-saved var(--loop) linear infinite}@keyframes pnd-e-saved{3%{opacity:1}4.5%{opacity:0}68%{opacity:0}70%{opacity:1}}[data-demo-run] .pnd-e-old{animation:pnd-e-old var(--loop) linear infinite}@keyframes pnd-e-old{4.5%{opacity:0}6%{opacity:1}19%{opacity:1}20.5%{opacity:0}}[data-demo-run] .pnd-e-edit{animation:pnd-e-edit var(--loop) linear infinite}@keyframes pnd-e-edit{20.5%{opacity:0}22%{opacity:1}66%{opacity:1}68%{opacity:0}}[data-demo-run] .pnd-e-actions{animation:pnd-e-actions var(--loop) linear infinite}@keyframes pnd-e-actions{19%{opacity:1}21%{opacity:0}66%{opacity:0}70%{opacity:1}}[data-demo-run] .pnd-e-pencil{animation:pnd-e-pencil var(--loop) ease-out infinite}@keyframes pnd-e-pencil{16.5%{transform:none}17.5%{transform:scale(.88)}19%{transform:none}}[data-demo-run] .pnd-e-cover-old{animation:pnd-e-cover-old var(--loop) linear infinite}@keyframes pnd-e-cover-old{1%{transform:translateX(100%)}25%{transform:translateX(100%);animation-timing-function:steps(4)}33%{transform:none}}.pnd-e-typed-old{opacity:0}[data-demo-run] .pnd-e-typed-old{animation:pnd-e-typed-old var(--loop) linear infinite}@keyframes pnd-e-typed-old{1%{opacity:1}33.5%{opacity:1}34%{opacity:0}}[data-demo-run] .pnd-e-typed-new{animation:pnd-e-typed-new var(--loop) linear infinite}@keyframes pnd-e-typed-new{1%{opacity:0}33.5%{opacity:0}34%{opacity:1}}[data-demo-run] .pnd-e-cover-new{animation:pnd-e-cover-new var(--loop) linear infinite}@keyframes pnd-e-cover-new{1%{transform:none}35.5%{transform:none;animation-timing-function:steps(5)}46%{transform:translateX(100%)}}[data-demo-run] .pnd-e-save{animation:pnd-e-save var(--loop) ease-out infinite}@keyframes pnd-e-save{56%{transform:none}57%{transform:scale(.95)}58.5%{transform:none}}[data-demo-run] .pnd-e-save-idle{animation:pnd-e-save-idle var(--loop) linear infinite}@keyframes pnd-e-save-idle{57.5%{opacity:1}58%{opacity:0}68%{opacity:0}70%{opacity:1}}[data-demo-run] .pnd-e-save-busy{animation:pnd-e-save-busy var(--loop) linear infinite}@keyframes pnd-e-save-busy{57.5%{opacity:0}58%{opacity:1}66%{opacity:1}67%{opacity:0}}[data-demo-run] .pnd-e-cursor{animation:pnd-e-cursor var(--loop) var(--demo-ease-io) infinite}@keyframes pnd-e-cursor{6%{opacity:0;transform:translate(var(--pnd-e-x0),var(--pnd-e-y0))}8%{opacity:1}16%{transform:translate(var(--pnd-e-x1),var(--pnd-e-y1))}21%{transform:translate(var(--pnd-e-x1),var(--pnd-e-y1))}27%{transform:translate(var(--pnd-e-x2),var(--pnd-e-y2))}48%{transform:translate(var(--pnd-e-x2),var(--pnd-e-y2))}55%{transform:translate(var(--pnd-e-x3),var(--pnd-e-y3))}64%{opacity:1;transform:translate(var(--pnd-e-x3),var(--pnd-e-y3))}68%{opacity:0;transform:translate(var(--pnd-e-x4),var(--pnd-e-y4))}}[data-demo-run] .pnd-e .demo-cursor-press{animation:pnd-e-press var(--loop) ease-out infinite}@keyframes pnd-e-press{16.5%{opacity:0;transform:scale(.4)}17.5%{opacity:1;transform:scale(1)}20%{opacity:0;transform:scale(1.7)}56%{opacity:0;transform:scale(.4)}57%{opacity:1;transform:scale(1)}59.5%{opacity:0;transform:scale(1.7)}}.pnd-e{--pnd-e-x0:calc(100cqw - 5em);--pnd-e-y0:17.5em;--pnd-e-x1:calc(100cqw - 3.4em);--pnd-e-y1:6.5em;--pnd-e-x2:calc(100cqw - 9em);--pnd-e-y2:12em;--pnd-e-x3:5.6em;--pnd-e-y3:14em;--pnd-e-x4:8em;--pnd-e-y4:17em}.pnd-s-card{margin-top:.8em;padding:.9em 1em 1em}.pnd-s-total{margin-top:.7em;font-size:1.05em;font-weight:600}.pnd-s-flip[data-step="1"],.pnd-s-flip[data-step="2"],.pnd-s-n[data-step="1"]{opacity:0}.pnd-s-list{display:flex;flex-direction:column;gap:.55em;margin:.85em 0 0;padding:0;list-style:none}.pnd-s-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.8em;font-size:.85em}.pnd-s-row:before{content:"";position:absolute;inset:-.25em -.5em;border-radius:.45em;background-color:color-mix(in oklab,var(--color-brand-500) 16%,transparent);opacity:0}.pnd-s-name{position:relative;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pnd-s-count{position:relative;display:inline-flex;font-weight:600;font-variant-numeric:tabular-nums}.pnd-s-plus{position:absolute;top:0;right:100%;margin-right:.45em;color:var(--color-brand-text);font-weight:700;opacity:0}[data-demo-run] .pnd-s-reset{animation:pnd-s-reset var(--loop) var(--demo-ease-out) infinite;animation-delay:calc(var(--i) * 80ms)}@keyframes pnd-s-reset{60%{opacity:1;transform:none}63%{opacity:0;transform:translateY(-.3em)}69%{opacity:0;transform:translateY(.6em)}75%{opacity:1;transform:none}}[data-demo-run] .pnd-s-flip[data-step="0"]{animation:pnd-s-flip0 var(--loop) var(--demo-ease-out) infinite}@keyframes pnd-s-flip0{18%{opacity:1;transform:none}20%{opacity:0;transform:translateY(-.5em)}66.5%{opacity:0;transform:none}67%{opacity:1}}[data-demo-run] .pnd-s-flip[data-step="1"]{animation:pnd-s-flip1 var(--loop) var(--demo-ease-out) infinite}@keyframes pnd-s-flip1{18%{opacity:0;transform:translateY(.5em)}20%{opacity:1;transform:none}38%{opacity:1;transform:none}40%{opacity:0;transform:translateY(-.5em)}}[data-demo-run] .pnd-s-flip[data-step="2"]{animation:pnd-s-flip2 var(--loop) var(--demo-ease-out) infinite}@keyframes pnd-s-flip2{38%{opacity:0;transform:translateY(.5em)}40%{opacity:1;transform:none}66.5%{opacity:1}67%{opacity:0}}[data-demo-run] .pnd-s-row[data-ev="1"] .pnd-s-n[data-step="0"]{animation:pnd-s-n0-a var(--loop) var(--demo-ease-out) infinite}@keyframes pnd-s-n0-a{18%{opacity:1;transform:none}20%{opacity:0;transform:translateY(-.5em)}66.5%{opacity:0;transform:none}67%{opacity:1}}[data-demo-run] .pnd-s-row[data-ev="1"] .pnd-s-n[data-step="1"]{animation:pnd-s-n1-a var(--loop) var(--demo-ease-out) infinite}@keyframes pnd-s-n1-a{18%{opacity:0;transform:translateY(.5em)}20%{opacity:1;transform:none}66.5%{opacity:1}67%{opacity:0}}[data-demo-run] .pnd-s-row[data-ev="2"] .pnd-s-n[data-step="0"]{animation:pnd-s-n0-b var(--loop) var(--demo-ease-out) infinite}@keyframes pnd-s-n0-b{38%{opacity:1;transform:none}40%{opacity:0;transform:translateY(-.5em)}66.5%{opacity:0;transform:none}67%{opacity:1}}[data-demo-run] .pnd-s-row[data-ev="2"] .pnd-s-n[data-step="1"]{animation:pnd-s-n1-b var(--loop) var(--demo-ease-out) infinite}@keyframes pnd-s-n1-b{38%{opacity:0;transform:translateY(.5em)}40%{opacity:1;transform:none}66.5%{opacity:1}67%{opacity:0}}[data-demo-run] .pnd-s-row[data-ev="1"] .pnd-s-plus{animation:pnd-s-plus-a var(--loop) var(--demo-ease-out) infinite}@keyframes pnd-s-plus-a{16%{opacity:0;transform:translateY(.4em)}18%{opacity:1;transform:none}24%{opacity:1;transform:translateY(-.5em)}28%{opacity:0;transform:translateY(-.9em)}}[data-demo-run] .pnd-s-row[data-ev="2"] .pnd-s-plus{animation:pnd-s-plus-b var(--loop) var(--demo-ease-out) infinite}@keyframes pnd-s-plus-b{36%{opacity:0;transform:translateY(.4em)}38%{opacity:1;transform:none}44%{opacity:1;transform:translateY(-.5em)}48%{opacity:0;transform:translateY(-.9em)}}[data-demo-run] .pnd-s-row[data-ev="1"]:before{animation:pnd-s-hl-a var(--loop) ease-out infinite}@keyframes pnd-s-hl-a{16%{opacity:0}18%{opacity:1}30%{opacity:0}}[data-demo-run] .pnd-s-row[data-ev="2"]:before{animation:pnd-s-hl-b var(--loop) ease-out infinite}@keyframes pnd-s-hl-b{36%{opacity:0}38%{opacity:1}50%{opacity:0}}.pnd-h-card{padding:1em 1.1em .9em}.pnd-h-peak{margin:.7em 0 1.1em;color:var(--color-brand-300);font-weight:600}.pnd-h .demo-heat-label,.pnd-h-peak{font-size:.72em}.pnd-h .demo-heat-tick{font-size:.62em}@container demo (max-width: 419px){.pnd-h .pnd-sub{display:none}.pnd-c-plot,.pnd-c-y{height:6.5em}.pnd-c-card{margin-top:.55em}.pnd-c-file{margin-top:.6em}}[data-demo-run] .pnd-h .demo-heat-cell:not([data-empty]){animation:pnd-h-cell var(--loop) var(--demo-ease-out) infinite;animation-delay:calc(var(--c) * 45ms)}@keyframes pnd-h-cell{6%{transform:none}10%{transform:scale(0)}16%{transform:scale(0);animation-timing-function:var(--demo-ease-pop)}21%{transform:none}}[data-demo-run] .pnd-h .demo-heat-cell[data-peak]{animation:pnd-h-peak var(--loop) var(--demo-ease-out) infinite;animation-delay:calc(var(--c) * 45ms)}@keyframes pnd-h-peak{6%{transform:none}10%{transform:scale(0)}16%{transform:scale(0);animation-timing-function:var(--demo-ease-pop)}21%{transform:none}28%{transform:none}31%{transform:scale(1.6)}35%{transform:none}38%{transform:scale(1.35)}42%{transform:none}}[data-demo-run] .pnd-h-peak{animation:pnd-h-peak-text var(--loop) var(--demo-ease-out) infinite}@keyframes pnd-h-peak-text{6%{opacity:1;transform:none}9%{opacity:0;transform:none}29%{opacity:0;transform:translateY(.4em)}34%{opacity:1;transform:none}}.pnd-c-wrap{position:relative}.pnd-c .pnd-sheet{padding-bottom:1.75rem}.pnd-c .pnd-top,.pnd-c-title{align-items:center}.pnd-c-title{display:inline-flex;flex-wrap:wrap;gap:.35em .55em}.pnd-c-title .pnd-pro{font-size:.8em}.pnd-c-csv{flex:none;color:var(--color-brand-400);font-size:.72em;white-space:nowrap}.pnd-c-card{margin-top:.7em;padding:1em 1em .8em}.pnd-c-chart{display:flex;gap:.55em;margin-top:.75em}.pnd-c-y{display:flex;flex-direction:column;justify-content:space-between;height:9em;color:var(--color-fg-soft);text-align:right}.pnd-c-y>span{font-size:.62em;line-height:1}.pnd-c-plotcol{flex:1;min-width:0}.pnd-c-plot{position:relative;height:9em;overflow:hidden;color:var(--color-brand-400)}.pnd-c-svg{inset:0;display:block;height:100%;overflow:visible}.pnd-c-cover,.pnd-c-svg{position:absolute;width:100%}.pnd-c-cover{top:0;bottom:0;left:0;border-left:1.5px solid color-mix(in oklab,var(--color-brand-400) 70%,transparent);background-color:var(--color-surface);transform:translateX(101%)}.pnd-c-x{display:flex;justify-content:space-between;margin-top:.35em;color:var(--color-fg-soft);font-size:.62em}.pnd-c-file{margin-top:.8em;font-size:.75em}[data-demo-run] .pnd-c-cover{animation:pnd-c-cover var(--loop) var(--demo-ease-io) infinite}@keyframes pnd-c-cover{3%{transform:none}8%{transform:none}34%{transform:translateX(101%)}}[data-demo-run] .pnd-c-file{animation:pnd-c-file var(--loop) var(--demo-ease-out) infinite}@keyframes pnd-c-file{2%{opacity:0;transform:translateY(.4em)}50%{opacity:0;transform:translateY(.4em)}54%{opacity:1;transform:none}}[data-demo-run] .pnd-c-csv{animation:pnd-c-csv var(--loop) ease-out infinite}@keyframes pnd-c-csv{47%{transform:none}48%{transform:scale(.94)}49.5%{transform:none}}[data-demo-run] .pnd-c-cursor{animation:pnd-c-cursor var(--loop) var(--demo-ease-io) infinite}@keyframes pnd-c-cursor{36%{opacity:0;transform:translate(var(--pnd-c-x0),var(--pnd-c-y0))}38%{opacity:1}46%{transform:translate(var(--pnd-c-x1),var(--pnd-c-y1))}58%{opacity:1;transform:translate(var(--pnd-c-x1),var(--pnd-c-y1))}63%{opacity:0;transform:translate(var(--pnd-c-x2),var(--pnd-c-y2))}}[data-demo-run] .pnd-c .demo-cursor-press{animation:pnd-c-press var(--loop) ease-out infinite}@keyframes pnd-c-press{46.5%{opacity:0;transform:scale(.4)}47.5%{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.7)}}.pnd-c{--pnd-c-x0:calc(100cqw - 13.5em);--pnd-c-y0:15em;--pnd-c-x1:calc(100cqw - 5.4em);--pnd-c-y1:0.5em;--pnd-c-x2:calc(100cqw - 3.3em);--pnd-c-y2:4em}.pnd-f-crumbs{margin-top:.3em;font-size:.8em}.pnd-crumb{display:flex;align-items:center;gap:.35em;white-space:nowrap}.pnd-crumb-link,.pnd-crumb-sep{color:var(--color-fg-soft)}.pnd-crumb-here{color:var(--color-brand-300);font-weight:500}.pnd-f-screens{margin-top:.9em;align-content:start}.pnd-f-head{display:flex;align-items:center;justify-content:space-between;gap:.6em;min-height:2em}.pnd-f-gap{margin-top:.8em}.pnd-f-tiles{display:grid;grid-template-columns:1fr 1fr;gap:.6em;margin-top:.5em}.pnd-f-tile{display:flex;align-items:center;gap:.55em;min-width:0;padding:.65em .7em;font-size:.82em;font-weight:500}.pnd-f .pnd-f-tile-icon{width:1.6em;height:1.6em}.pnd-f-tile-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pnd-f-empty,.pnd-f-more{color:var(--color-fg-soft)}.pnd-f-empty{margin-top:.5em;padding:1.3em 1em;border-style:dashed;text-align:center}.pnd-f-empty,.pnd-f-none{font-size:.75em}.pnd-f-trunc{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pnd-f-order{display:flex;flex:none;gap:.45em;font-size:.68em}.pnd-f-sort-on{color:var(--color-brand-300);font-weight:600}.pnd-f-all{display:flex;align-items:center;gap:.5em;margin-top:.45em;font-size:.72em}.pnd-f-list{display:flex;flex-direction:column;gap:.45em;margin:.45em 0 0;padding:0;list-style:none}.pnd-f-plaque{position:relative;display:flex;align-items:flex-start;gap:.6em;padding:.6em .75em}.pnd-f-plaque:after{content:"";position:absolute;inset:-1px;border:1px solid color-mix(in oklab,var(--color-brand-500) 60%,transparent);border-radius:inherit;opacity:0;pointer-events:none}.pnd-f-plaque .pnd-f-check{margin-top:.2em;font-size:.85em}.pnd-f-main{display:flex;flex:1;flex-direction:column;gap:.25em;min-width:0}.pnd-f-line{display:flex;align-items:center;gap:.45em;font-size:.85em}.pnd-f-alias{font-weight:600;white-space:nowrap}.pnd-f-line .pnd-badge-ok{font-size:.7em}.pnd-f-id{font-size:.64em}.pnd-f-url{color:var(--color-fg-soft);font-size:.72em}.pnd-f-url>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pnd-f-url-old{opacity:0}.pnd-f-taps{font-size:.72em}.pnd-f-taps b{font-weight:600}.pnd-f-move{margin-left:auto;font-size:.64em;max-width:45%}.pnd-f-msg{margin-top:.7em;color:var(--color-fg-muted);font-size:.7em;text-align:center}.pnd-f-bar{position:absolute;top:var(--pnd-f-bar-top);left:1.2em;right:3.5rem;z-index:2;display:flex;flex-direction:column;gap:.5em;padding:.7em .75em;border:1px solid var(--color-line);border-radius:.75em;background-color:var(--color-surface-2);box-shadow:0 1em 2.4em rgba(0,0,0,.35);opacity:0;transform:translateY(130%)}.pnd-f-bar-row{display:flex;align-items:center;justify-content:space-between;gap:.5em;min-width:0}.pnd-f-bar-count{font-size:.82em;font-weight:500}.pnd-f-bar-label{flex:none;font-size:.7em}.pnd-f-bar .pnd-select{flex:1}.pnd-f-bar-input{flex:1;font-size:.72em;padding:.45em .65em}.pnd-f-bar-input .pnd-stack{min-width:0}.pnd-f-ph{overflow:hidden;color:#6b7488;text-overflow:ellipsis}.pnd-f-typed{position:relative;justify-self:start;overflow:hidden;padding-right:.15em;opacity:0}.pnd-f-bar-input .pnd-e-cover{background-color:color-mix(in oklab,black 25%,var(--color-surface-2))}:root[data-theme=light] .pnd-f-bar-input .pnd-e-cover{background-color:var(--color-surface)}.pnd-f-cover{transform:translateX(100%)}.pnd-f-spin{opacity:0}@container demo (max-width: 479px){.pnd-f-bar-row:last-child{flex-wrap:wrap;justify-content:flex-start}.pnd-f-bar-input{flex-basis:100%}.pnd.pnd-f{--pnd-f-bar-top:24.6em;--pnd-f-x4:4.6em;--pnd-f-y4:calc(var(--pnd-f-bar-top) + 8.1em)}}[data-demo-run] .pnd-f-s1{animation:pnd-f-s1 var(--loop) linear infinite}@keyframes pnd-f-s1{6%{opacity:0}8%{opacity:1}19%{opacity:1}21%{opacity:0}}.pnd-f-s1{opacity:0}[data-demo-run] .pnd-f-s2{animation:pnd-f-s2 var(--loop) linear infinite}@keyframes pnd-f-s2{4%{opacity:1}6%{opacity:0}21%{opacity:0}23%{opacity:1}}[data-demo-run] .pnd-f-target{animation:pnd-f-target var(--loop) ease-out infinite}@keyframes pnd-f-target{17%{transform:none}18%{transform:scale(.96)}19.5%{transform:none}}[data-demo-run] .pnd-f-check .pnd-check-on{animation:pnd-f-check var(--loop) var(--demo-ease-pop) infinite;animation-delay:calc(var(--i) * 70ms)}@keyframes pnd-f-check{31%{opacity:0;transform:scale(.4)}33%{opacity:1;transform:none}65%{opacity:1;transform:none}67%{opacity:0}}[data-demo-run] .pnd-f-plaque:after{animation:pnd-f-sel var(--loop) linear infinite;animation-delay:calc(var(--i) * 70ms)}@keyframes pnd-f-sel{31.5%{opacity:0}33.5%{opacity:1}65%{opacity:1}67%{opacity:0}}[data-demo-run] .pnd-f-url-old{animation:pnd-f-url-old var(--loop) linear infinite;animation-delay:calc(var(--i) * .12s)}@keyframes pnd-f-url-old{8.5%{opacity:0}9%{opacity:1}66%{opacity:1}69%{opacity:0}}[data-demo-run] .pnd-f-url-new{animation:pnd-f-url-new var(--loop) linear infinite;animation-delay:calc(var(--i) * .12s)}@keyframes pnd-f-url-new{8.5%{opacity:1}9%{opacity:0}66%{opacity:0}69%{opacity:1}}[data-demo-run] .pnd-f-msg{animation:pnd-f-msg var(--loop) var(--demo-ease-out) infinite}@keyframes pnd-f-msg{4%{opacity:1;transform:none}8%{opacity:0}69%{opacity:0;transform:translateY(.4em)}72%{opacity:1;transform:none}}[data-demo-run] .pnd-f-bar{animation:pnd-f-bar var(--loop) var(--demo-ease-out) infinite}@keyframes pnd-f-bar{34%{opacity:0;transform:translateY(130%)}38%{opacity:1;transform:none}65%{opacity:1;transform:none}69%{opacity:0;transform:translateY(130%)}}[data-demo-run] .pnd-f-ph{animation:pnd-f-ph var(--loop) linear infinite}@keyframes pnd-f-ph{45%{opacity:1}45.5%{opacity:0}69%{opacity:0}70%{opacity:1}}[data-demo-run] .pnd-f-typed{animation:pnd-f-typed var(--loop) linear infinite}@keyframes pnd-f-typed{45%{opacity:0}45.5%{opacity:1}69%{opacity:1}70%{opacity:0}}[data-demo-run] .pnd-f-cover{animation:pnd-f-cover var(--loop) linear infinite}@keyframes pnd-f-cover{1%{transform:none}45.5%{transform:none;animation-timing-function:steps(30)}54%{transform:translateX(100%)}}[data-demo-run] .pnd-f-change{animation:pnd-f-change var(--loop) ease-out infinite}@keyframes pnd-f-change{59.5%{transform:none}60.5%{transform:scale(.95)}62%{transform:none}}[data-demo-run] .pnd-f-spin{animation:pnd-f-spin var(--loop) linear infinite}@keyframes pnd-f-spin{60.5%{opacity:0}61%{opacity:1}65%{opacity:1}66%{opacity:0}}[data-demo-run] .pnd-f-cursor{animation:pnd-f-cursor var(--loop) var(--demo-ease-io) infinite}@keyframes pnd-f-cursor{8%{opacity:0;transform:translate(var(--pnd-f-x0),var(--pnd-f-y0))}10%{opacity:1}17%{transform:translate(var(--pnd-f-x1),var(--pnd-f-y1))}22%{transform:translate(var(--pnd-f-x1),var(--pnd-f-y1))}29.5%{transform:translate(var(--pnd-f-x2),var(--pnd-f-y2))}37%{transform:translate(var(--pnd-f-x2),var(--pnd-f-y2))}43.5%{transform:translate(var(--pnd-f-x3),var(--pnd-f-y3))}52%{transform:translate(var(--pnd-f-x3),var(--pnd-f-y3))}59%{transform:translate(var(--pnd-f-x4),var(--pnd-f-y4))}66%{opacity:1;transform:translate(var(--pnd-f-x4),var(--pnd-f-y4))}70%{opacity:0;transform:translate(var(--pnd-f-x5),var(--pnd-f-y5))}}[data-demo-run] .pnd-f .demo-cursor-press{animation:pnd-f-press var(--loop) ease-out infinite}@keyframes pnd-f-press{17%{opacity:0;transform:scale(.4)}18%{opacity:1;transform:scale(1)}20.5%{opacity:0;transform:scale(1.7)}29.5%{opacity:0;transform:scale(.4)}30.5%{opacity:1;transform:scale(1)}33%{opacity:0;transform:scale(1.7)}43.5%{opacity:0;transform:scale(.4)}44.5%{opacity:1;transform:scale(1)}47%{opacity:0;transform:scale(1.7)}59.5%{opacity:0;transform:scale(.4)}60.5%{opacity:1;transform:scale(1)}63%{opacity:0;transform:scale(1.7)}}.pnd-f{--pnd-f-bar-top:26.3em;--pnd-f-x0:calc(100cqw - 7em);--pnd-f-y0:30em;--pnd-f-x1:7.5em;--pnd-f-y1:8.2em;--pnd-f-x2:1.5em;--pnd-f-y2:11.1em;--pnd-f-x3:6em;--pnd-f-y3:calc(var(--pnd-f-bar-top) + 5.9em);--pnd-f-x4:calc(100cqw - 3.5rem - 5.4em);--pnd-f-y4:calc(var(--pnd-f-bar-top) + 5.9em);--pnd-f-x5:calc(100cqw - 8em);--pnd-f-y5:35em}@media (prefers-reduced-motion:reduce){[data-demo-run]:not([data-demo-optin]) .tsd .demo-cursor-press,[data-demo-run]:not([data-demo-optin]) .tsd .demo-phone-bar:after,[data-demo-run]:not([data-demo-optin]) .tsd .demo-qr-laser,[data-demo-run]:not([data-demo-optin]) .tsd .demo-ripple-ring,[data-demo-run]:not([data-demo-optin]) .tsd .demo-star-fill,[data-demo-run]:not([data-demo-optin]) .tsd .tsd-ch,[data-demo-run]:not([data-demo-optin]) .tsd .tsd-cursor,[data-demo-run]:not([data-demo-optin]) .tsd .tsd-dest,[data-demo-run]:not([data-demo-optin]) .tsd .tsd-field-old,[data-demo-run]:not([data-demo-optin]) .tsd .tsd-field-sel,[data-demo-run]:not([data-demo-optin]) .tsd .tsd-field:after,[data-demo-run]:not([data-demo-optin]) .tsd .tsd-found,[data-demo-run]:not([data-demo-optin]) .tsd .tsd-glow,[data-demo-run]:not([data-demo-optin]) .tsd .tsd-lock,[data-demo-run]:not([data-demo-optin]) .tsd .tsd-phone,[data-demo-run]:not([data-demo-optin]) .tsd .tsd-pill-in,[data-demo-run]:not([data-demo-optin]) .tsd .tsd-plaque-body,[data-demo-run]:not([data-demo-optin]) .tsd .tsd-review-ph,[data-demo-run]:not([data-demo-optin]) .tsd .tsd-review-typed,[data-demo-run]:not([data-demo-optin]) .tsd .tsd-save,[data-demo-run]:not([data-demo-optin]) .tsd .tsd-save-busy,[data-demo-run]:not([data-demo-optin]) .tsd .tsd-save-idle,[data-demo-run]:not([data-demo-optin]) .tsd .tsd-shadow,[data-demo-run]:not([data-demo-optin]) .tsd .tsd-store,[data-demo-run]:not([data-demo-optin]) .tsd .tsd-toast,[data-demo-run]:not([data-demo-optin]) .tsd .tsd-vf-in,[data-demo-run]:not([data-demo-optin]) .tsd-step:first-child .tsd-step-mark,[data-demo-run]:not([data-demo-optin]) .tsd-step:first-child .tsd-step-progress,[data-demo-run]:not([data-demo-optin]) .tsd-step:nth-child(2) .tsd-step-mark,[data-demo-run]:not([data-demo-optin]) .tsd-step:nth-child(2) .tsd-step-progress,[data-demo-run]:not([data-demo-optin]) .tsd-step:nth-child(3) .tsd-step-mark,[data-demo-run]:not([data-demo-optin]) .tsd-step:nth-child(3) .tsd-step-progress{animation:none}}.tsd-step,.tsd-step-body,.tsd-step-line{position:relative}.tsd-step-mark{position:absolute;inset:0;overflow:hidden;border:1px solid color-mix(in oklab,var(--color-brand-500) 35%,transparent);border-radius:1rem;background-color:color-mix(in oklab,var(--color-brand-500) 8%,transparent);opacity:0;transform:scale(.97)}.tsd-step-progress{position:absolute;right:0;bottom:0;left:0;height:2px;background-color:var(--color-brand-500);transform:scaleX(0);transform-origin:left}[data-demo-run] .tsd-step:first-child .tsd-step-mark{animation:tsd-step-1 var(--loop) linear infinite}[data-demo-run] .tsd-step:nth-child(2) .tsd-step-mark{animation:tsd-step-2 var(--loop) linear infinite}[data-demo-run] .tsd-step:nth-child(3) .tsd-step-mark{animation:tsd-step-3 var(--loop) linear infinite}[data-demo-run] .tsd-step:first-child .tsd-step-progress{animation:tsd-progress-1 var(--loop) linear infinite}[data-demo-run] .tsd-step:nth-child(2) .tsd-step-progress{animation:tsd-progress-2 var(--loop) linear infinite}[data-demo-run] .tsd-step:nth-child(3) .tsd-step-progress{animation:tsd-progress-3 var(--loop) linear infinite}@keyframes tsd-step-1{1.8%{opacity:0;transform:scale(.97)}2.6%{opacity:1;transform:none}11.4%{opacity:1;transform:none}12.2%{opacity:0;transform:scale(.99)}}@keyframes tsd-step-2{11.8%{opacity:0;transform:scale(.97)}12.6%{opacity:1;transform:none}51.4%{opacity:1;transform:none}52.2%{opacity:0;transform:scale(.99)}}@keyframes tsd-step-3{51.8%{opacity:0;transform:scale(.97)}52.6%{opacity:1;transform:none}93.4%{opacity:1;transform:none}94.2%{opacity:0;transform:scale(.99)}}@keyframes tsd-progress-1{2%{transform:scaleX(0)}12%{transform:scaleX(1)}12.4%{transform:scaleX(1)}12.5%{transform:scaleX(0)}}@keyframes tsd-progress-2{12%{transform:scaleX(0)}52%{transform:scaleX(1)}52.4%{transform:scaleX(1)}52.5%{transform:scaleX(0)}}@keyframes tsd-progress-3{52%{transform:scaleX(0)}94%{transform:scaleX(1)}94.4%{transform:scaleX(1)}94.5%{transform:scaleX(0)}}.tsd{--pl-x:6cqw;--pl-y:9cqw;--pl-w:62cqw;--ph-x:7cqw;--ph-y:56cqw;--phone-w:32cqw;--tap-rot:-8deg;--pill-x:63cqw;--pill-y:60.5cqw;--card-x:44cqw;--card-y:60cqw;--card-w:51cqw;--fs:3.05cqw;--pl-h:calc(var(--pl-w) * 0.7727);--tap-dx:calc(var(--pl-x) + var(--pl-w) * 0.235 - var(--ph-x) - var(--phone-w) * 0.5);--tap-dy:calc(var(--pl-y) + var(--pl-h) * 0.615 - var(--ph-y) - var(--phone-w) * 0.45);--tap:translate(var(--tap-dx),var(--tap-dy)) rotate(var(--tap-rot));--ready:translate(calc(var(--tap-dx) * 0.22),calc(var(--tap-dy) * 0.22)) rotate(calc(var(--tap-rot) * 0.5));border:1px solid var(--color-line);border-radius:1.25rem;background-color:var(--color-surface);background-image:radial-gradient(120% 80% at 25% 0,color-mix(in oklab,var(--color-brand-500) 12%,transparent),transparent 65%)}@container demo (min-width: 480px){.tsd{--pl-x:4cqw;--pl-y:10cqw;--pl-w:47cqw;--ph-x:69cqw;--ph-y:11cqw;--phone-w:24cqw;--tap-rot:-10deg;--pill-x:30cqw;--pill-y:49.5cqw;--card-x:33cqw;--card-y:49cqw;--card-w:35cqw;--fs:1.95cqw}}.tsd-counter{position:absolute;top:calc(var(--pl-y) + var(--pl-h));right:0;bottom:0;left:0;border-top:1px solid var(--color-line);background-image:linear-gradient(180deg,color-mix(in oklab,var(--color-fg) 6%,transparent),transparent 70%)}.tsd-plaque{position:absolute;top:var(--pl-y);left:var(--pl-x);width:var(--pl-w)}.tsd-plaque-body{position:relative;transform-origin:50% 100%}.tsd-shadow{position:absolute;right:6%;bottom:-4%;left:6%;height:9%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.36),transparent 70%)}.tsd-glow{width:46%;margin:-23% 0 0 -23%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--color-brand-500) 55%,transparent) 0,transparent 65%);opacity:0}.tsd-glow,.tsd-ripples{position:absolute;top:61.5%;left:23.5%}.tsd-ripples{--ripple-size:100%;width:40%;margin:-20% 0 0 -20%}.tsd .demo-ripple-ring{border-width:2.5px;opacity:0}.tsd-vf{--vf-size:100%;position:absolute;top:66.7%;left:71.9%;width:25%;margin:-12.5% 0 0 -12.5%}.tsd-vf-in{position:relative;display:block;opacity:0;transform:scale(1.3)}.tsd-found{position:absolute;top:-14%;right:-14%;width:32%;aspect-ratio:1;color:#16a34a;opacity:0;transform:scale(.4)}.tsd-check{display:block;width:100%;height:100%}.tsd-pill{position:absolute;top:var(--pill-y);left:var(--pill-x);z-index:3;display:flex;justify-content:center;width:0;font-size:var(--fs);line-height:1.25}.tsd-pill-in{display:flex;flex:none;flex-direction:column;opacity:0;transform:translateY(.8em) scale(.96)}.tsd-pill-in,.tsd-pill-url{align-items:center;gap:.45em}.tsd-pill-url{display:inline-flex;padding:.5em .95em;border:1px solid var(--color-line);border-radius:999px;background-color:var(--color-surface);color:var(--color-fg-muted);font-weight:600;white-space:nowrap;box-shadow:0 .7em 1.8em rgba(0,0,0,.2)}.tsd-pill-url b{color:var(--color-brand-text);font-weight:800;letter-spacing:.03em}.tsd-pill-lock{flex:none;width:.95em;height:.95em;color:var(--color-fg-soft)}.tsd-pill-note{display:inline-flex;align-items:center;gap:.35em;color:var(--color-fg-muted);font-size:.85em;font-weight:600;white-space:nowrap}.tsd-pill-note .tsd-check{width:1.15em;height:1.15em;color:#16a34a}.tsd-dest{position:absolute;top:var(--card-y);left:var(--card-x);z-index:2;display:flex;flex-direction:column;gap:.55em;width:var(--card-w);padding:.85em .95em .95em;border:1px solid var(--color-line);border-radius:.9em;background-color:var(--color-surface);color:var(--color-fg);font-size:var(--fs);line-height:1.3;box-shadow:0 1.2em 3em rgba(0,0,0,.24);opacity:0;transform:translateY(1.5em) scale(.97)}.tsd-dest-title{font-size:.95em;font-weight:700}.tsd-field{position:relative;display:grid;align-items:center;height:2.3em;padding:0 .75em;border:1px solid var(--color-line);border-radius:.55em;background-color:var(--color-surface-2);font-size:.95em;white-space:nowrap}.tsd-field:after{content:"";position:absolute;inset:-1px;border:2px solid var(--color-brand-500);border-radius:inherit;opacity:0}.tsd-field-new,.tsd-field-old{grid-area:1/1;justify-self:start;min-width:0}.tsd-field-old{position:relative;z-index:0;color:var(--color-fg-muted);opacity:0}.tsd-field-sel{position:absolute;inset:-.2em -.15em;z-index:-1;border-radius:.2em;background-color:color-mix(in oklab,var(--color-brand-500) 32%,transparent);opacity:0}.tsd-ch{display:inline-block;white-space:pre}.tsd-save{display:grid;place-items:center;min-height:2.3em;padding:.35em 1em;border-radius:.55em;background-image:linear-gradient(135deg,#1d4ed8,#0369a1);color:#ffffff;font-size:.92em;font-weight:600;line-height:1.2;text-align:center}.tsd-save-busy,.tsd-save-idle{grid-area:1/1}.tsd-save-busy{opacity:0}.tsd-toast{font-size:.82em;font-weight:500;opacity:0;transform:translateY(.5em) scale(.97);box-shadow:none}.tsd-cursor{opacity:0;transform:translate(calc(var(--card-w) * .72),3.6em)}.tsd-phone{position:absolute;top:var(--ph-y);left:var(--ph-x);z-index:4;width:var(--phone-w);font-size:calc(var(--phone-w) / 20)}.tsd .demo-phone-bar{position:relative}.tsd .demo-phone-bar:after{content:"";position:absolute;inset:-.22em;border:.2em solid var(--color-brand-500);border-radius:999px;opacity:0}.tsd-lock{position:absolute;inset:.7em;overflow:hidden;border-radius:2.5em;background:radial-gradient(circle at 30% 20%,#2e6be6 0,#10213d 55%,#05070b 100%);opacity:0}.tsd-lock-island{position:absolute;top:.55em;left:50%;width:5.6em;height:1.5em;margin-left:-2.8em;border-radius:999px;background-color:#05070b}.tsd-lock-time{top:16%;right:0;left:0;color:rgba(255,255,255,.92);font-size:4.4em;font-weight:300;letter-spacing:-.02em;line-height:1}.tsd-lock-time,.tsd-screen{position:absolute;text-align:center}.tsd-screen{inset:0;display:flex;flex-direction:column;align-items:center;padding:1.1em 1.4em;background-color:var(--demo-screen-bg);color:var(--demo-screen-fg)}.tsd-avatar{display:grid;flex:none;place-items:center;width:3.1em;height:3.1em;margin-top:.4em;border-radius:50%;background-image:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#ffffff;font-size:1.3em;font-weight:800}.tsd-biz{margin-top:.6em;font-size:1.35em;font-weight:800;line-height:1.15}.tsd-prompt{margin-top:.35em;color:var(--demo-screen-muted);font-size:.95em}.tsd-stars{margin-top:.8em;font-size:2.3em}.tsd .demo-star-fill{transform-origin:50% 55%}.tsd-box{display:grid;width:100%;min-height:5.6em;margin-top:1em;padding:.7em .8em;border:1px solid #d8dfea;border-radius:.8em;background-color:#ffffff;font-size:.9em;text-align:left}.tsd-review-ph,.tsd-review-typed{grid-area:1/1}.tsd-review-ph{color:#7a869c;opacity:0}.tsd-publish{width:100%;margin-top:.9em;padding:.6em;border-radius:999px;background-color:#2e6be6;color:#ffffff;font-size:.95em;font-weight:700}.tsd-store{align-items:stretch;padding:0 0 1em;background-color:#ffffff;text-align:left;opacity:0;transform:translateY(100%)}.tsd-store-banner{flex:none;height:6em;background-image:linear-gradient(135deg,#1e3a8a,#1d4ed8 55%,#60a5fa)}.tsd-store-title{margin:.8em 1.3em 0;font-size:1.5em;font-weight:800;line-height:1.1}.tsd-store-biz{margin:.3em 1.3em .5em;color:var(--demo-screen-muted);font-size:.9em}.tsd-store-list{display:flex;flex-direction:column;margin:0 1.3em}.tsd-store-row{display:flex;justify-content:space-between;gap:.6em;padding:.7em 0;border-bottom:1px solid #e4e9f2;color:#1b2740;font-size:.95em;font-weight:600}.tsd-store-price{color:var(--demo-screen-muted);white-space:nowrap}[data-demo-run] .tsd .tsd-plaque-body{animation:tsd-settle var(--loop) linear infinite}[data-demo-run] .tsd .tsd-shadow{animation:tsd-shadow var(--loop) linear infinite}[data-demo-run] .tsd .tsd-glow{animation:tsd-glow var(--loop) ease-out infinite}[data-demo-run] .tsd .demo-ripple-ring{animation:tsd-ripple var(--loop) cubic-bezier(.22,1,.36,1) infinite;animation-delay:calc(var(--i) * .16s)}[data-demo-run] .tsd .tsd-vf-in{animation:tsd-vf var(--loop) linear infinite}[data-demo-run] .tsd .demo-qr-laser{animation:tsd-laser var(--loop) cubic-bezier(.65,0,.35,1) infinite}[data-demo-run] .tsd .tsd-found{animation:tsd-found var(--loop) linear infinite}[data-demo-run] .tsd .tsd-pill-in{animation:tsd-pill var(--loop) cubic-bezier(.22,1,.36,1) infinite}[data-demo-run] .tsd .demo-phone-bar:after{animation:tsd-bar var(--loop) cubic-bezier(.22,1,.36,1) infinite}[data-demo-run] .tsd .tsd-dest{animation:tsd-dest var(--loop) linear infinite}[data-demo-run] .tsd .tsd-field:after{animation:tsd-focus var(--loop) linear infinite}[data-demo-run] .tsd .tsd-field-sel{animation:tsd-sel var(--loop) linear infinite}[data-demo-run] .tsd .tsd-field-old{animation:tsd-old var(--loop) linear infinite}[data-demo-run] .tsd .tsd-ch{animation:tsd-type var(--loop) linear infinite;animation-delay:calc(var(--i) * 16ms)}[data-demo-run] .tsd .tsd-cursor{animation:tsd-cursor var(--loop) linear infinite}[data-demo-run] .tsd .demo-cursor-press{animation:tsd-press var(--loop) ease-out infinite}[data-demo-run] .tsd .tsd-save{animation:tsd-save var(--loop) ease-out infinite}[data-demo-run] .tsd .tsd-save-idle{animation:tsd-idle var(--loop) linear infinite}[data-demo-run] .tsd .tsd-save-busy{animation:tsd-busy var(--loop) linear infinite}[data-demo-run] .tsd .tsd-toast{animation:tsd-toast var(--loop) linear infinite}[data-demo-run] .tsd .tsd-phone{animation:tsd-phone var(--loop) linear infinite}[data-demo-run] .tsd .tsd-lock{animation:tsd-lock var(--loop) linear infinite}[data-demo-run] .tsd .demo-star-fill{animation:tsd-star var(--loop) linear infinite;animation-delay:calc(var(--i) * .06s)}[data-demo-run] .tsd .tsd-review-ph{animation:tsd-ph var(--loop) linear infinite}[data-demo-run] .tsd .tsd-review-typed{animation:tsd-typed var(--loop) linear infinite}[data-demo-run] .tsd .tsd-store{animation:tsd-store var(--loop) linear infinite}@keyframes tsd-settle{2.5%{transform:none;animation-timing-function:cubic-bezier(.3,0,.2,1)}5.5%{transform:translateY(-5cqw) rotate(-2deg);animation-timing-function:cubic-bezier(.6,0,.85,.4)}8.5%{transform:translateY(.3cqw) scaleY(.985);animation-timing-function:cubic-bezier(.2,.7,.3,1)}9.8%{transform:translateY(-.7cqw) rotate(.4deg);animation-timing-function:cubic-bezier(.45,0,.55,1)}11%{transform:none}}@keyframes tsd-shadow{2.5%{opacity:1;transform:none;animation-timing-function:cubic-bezier(.3,0,.2,1)}5.5%{opacity:.4;transform:scaleX(.75);animation-timing-function:cubic-bezier(.6,0,.85,.4)}8.5%{opacity:1;transform:scaleX(1.05)}9.8%{opacity:.85;transform:scaleX(.97)}11%{opacity:1;transform:none}}@keyframes tsd-phone{2%{transform:none;animation-timing-function:cubic-bezier(.65,0,.35,1)}8.5%{transform:var(--ready)}10%{transform:var(--ready);animation-timing-function:cubic-bezier(.45,0,.2,1)}14.6%{transform:var(--tap);animation-timing-function:cubic-bezier(.3,0,.5,1)}15.2%{transform:var(--tap) scale(.965);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}16.2%{transform:var(--tap)}25%{transform:var(--tap);animation-timing-function:cubic-bezier(.65,0,.35,1)}29%{transform:none}78%{transform:none;animation-timing-function:cubic-bezier(.45,0,.2,1)}80.4%{transform:var(--tap);animation-timing-function:cubic-bezier(.3,0,.5,1)}81%{transform:var(--tap) scale(.965);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}82%{transform:var(--tap)}87%{transform:var(--tap);animation-timing-function:cubic-bezier(.65,0,.35,1)}91%{transform:none}}@keyframes tsd-lock{2.5%{opacity:0}5%{opacity:1}15.6%{opacity:1}16.5%{opacity:0}}@keyframes tsd-glow{14.8%{opacity:0}15.6%{opacity:1}19%{opacity:0}80.6%{opacity:0}81.4%{opacity:1}84.8%{opacity:0}}@keyframes tsd-ripple{14.6%{opacity:0;transform:scale(.3)}15.3%{opacity:.95}19.5%{opacity:0;transform:scale(1.7)}19.6%{opacity:0;transform:scale(.3)}80.4%{opacity:0;transform:scale(.3)}81.1%{opacity:.95}85.3%{opacity:0;transform:scale(1.7)}}@keyframes tsd-star{5.5%{opacity:1;transform:none}5.6%{opacity:0;transform:scale(.3)}16.6%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}17.3%{opacity:1;transform:none}}@keyframes tsd-ph{5.5%{opacity:0}5.6%{opacity:1}20.4%{opacity:1}21%{opacity:0}}@keyframes tsd-typed{5.5%{opacity:1}5.6%{opacity:0}20.4%{opacity:0}21%{opacity:1}}@keyframes tsd-vf{29%{opacity:0;transform:scale(1.3);animation-timing-function:cubic-bezier(.22,1,.36,1)}30.8%{opacity:1;transform:none}48.5%{opacity:1;transform:none}50%{opacity:0;transform:scale(.94)}}@keyframes tsd-laser{31%{opacity:0;transform:none}31.5%{opacity:1}34.5%{transform:translateY(100%)}37.5%{opacity:1;transform:none}38%{opacity:0}}@keyframes tsd-found{37.8%{opacity:0;transform:scale(.4);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}38.8%{opacity:1;transform:none}48.5%{opacity:1;transform:none}50%{opacity:0;transform:none}}@keyframes tsd-pill{38.8%{opacity:0;transform:translateY(.8em) scale(.96)}40.4%{opacity:1;transform:none}48.6%{opacity:1;transform:none}50%{opacity:0;transform:translateY(-.3em)}}@keyframes tsd-bar{38.8%{opacity:0;transform:scale(1.12)}40.4%{opacity:1;transform:none}48.6%{opacity:1;transform:none}50%{opacity:0;transform:none}}@keyframes tsd-dest{52%{opacity:0;transform:translateY(1.5em) scale(.97);animation-timing-function:cubic-bezier(.22,1,.36,1)}54.8%{opacity:1;transform:none}92%{opacity:1;transform:none;animation-timing-function:cubic-bezier(.55,0,.75,.3)}94%{opacity:0;transform:translateY(.6em) scale(.98)}}@keyframes tsd-focus{55.2%{opacity:0}55.8%{opacity:1}62%{opacity:1}62.6%{opacity:0}}@keyframes tsd-sel{56%{opacity:0}56.8%{opacity:1}57.9%{opacity:1}58%{opacity:0}}@keyframes tsd-old{51.8%{opacity:0}51.9%{opacity:1}57.9%{opacity:1}58%{opacity:0}}@keyframes tsd-type{51.8%{opacity:0}58%{opacity:0}58.1%{opacity:1}}@keyframes tsd-cursor{58.4%{opacity:0;transform:translate(calc(var(--card-w) * .78),4.4em)}59.2%{opacity:1;transform:translate(calc(var(--card-w) * .72),3.6em);animation-timing-function:cubic-bezier(.22,1,.36,1)}60%{transform:translate(calc(var(--card-w) * .72),3.6em);animation-timing-function:cubic-bezier(.65,0,.35,1)}61.6%{transform:translate(calc(var(--card-w) * .42),6.7em)}62%{transform:translate(calc(var(--card-w) * .42),6.7em) scale(.88)}62.6%{transform:translate(calc(var(--card-w) * .42),6.7em)}64.6%{opacity:1;transform:translate(calc(var(--card-w) * .42),6.7em);animation-timing-function:cubic-bezier(.65,0,.35,1)}66%{opacity:0;transform:translate(calc(var(--card-w) * .55),8.5em)}}@keyframes tsd-press{61.9%{opacity:0;transform:scale(.4)}62.2%{opacity:1}63.6%{opacity:0;transform:scale(1.7)}}@keyframes tsd-save{61.9%{transform:none}62.3%{transform:scale(.95)}62.9%{transform:none}}@keyframes tsd-idle{62.4%{opacity:1}62.7%{opacity:0}65.1%{opacity:0}65.4%{opacity:1}}@keyframes tsd-busy{62.7%{opacity:0}63%{opacity:1}64.8%{opacity:1}65.1%{opacity:0}}@keyframes tsd-toast{65.6%{opacity:0;transform:translateY(.5em) scale(.97);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}66.8%{opacity:1;transform:none}92%{opacity:1;transform:none}}@keyframes tsd-store{81.8%{opacity:1;transform:translateY(100%);animation-timing-function:cubic-bezier(.22,1,.36,1)}84%{opacity:1;transform:none}94%{opacity:1;transform:none;animation-timing-function:cubic-bezier(.65,0,.35,1)}99%{opacity:1;transform:translateY(100%)}99.2%{opacity:0;transform:translateY(100%)}}.tsm{position:relative;display:inline-block;flex:none;height:2.5rem;color:var(--color-brand-500);vertical-align:middle}.tsm-nfc{--ripple-size:2.5rem;--ripple-dur:1.4s;width:1.6rem;overflow:hidden}.tsm-nfc .demo-ripples{position:absolute;top:0;left:-1.25rem}.tsm-nfc-dot{position:absolute;top:50%;left:-.2rem;width:.4rem;height:.4rem;margin-top:-.2rem;border-radius:50%;background-color:currentColor}.tsm-qr{--vf-size:2.5rem;width:2.5rem}.tsm-qr .demo-qr-vf{position:absolute;inset:0}.tsm-qr-code{position:absolute;inset:24%;color:var(--color-fg-muted)}.tsm-qr-eye{position:absolute;width:34%;height:34%;border:2px solid;border-radius:2px}.tsm-qr-eye[data-p=tl]{top:0;left:0}.tsm-qr-eye[data-p=tr]{top:0;right:0}.tsm-qr-eye[data-p=bl]{bottom:0;left:0}.tsm-qr-dots{position:absolute;right:0;bottom:0;width:52%;height:52%;background-image:radial-gradient(currentColor 1px,transparent 1.4px);background-size:33.3% 33.3%}.scr-screen{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;background-color:var(--demo-screen-bg);color:var(--demo-screen-fg)}.scr-bar{position:relative;z-index:1}.scr-avatar{display:grid;flex:none;place-items:center;width:2.4em;height:2.4em;border-radius:50%;background-image:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#ffffff;font-size:1.3em;font-weight:800;line-height:1}.scr-review{display:flex;flex:1;flex-direction:column;align-items:center;min-height:0;padding:1.1em 1.4em;text-align:center}.scr-review .scr-avatar{margin-top:.3em}.scr-biz{margin-top:.45em;font-size:1.35em;font-weight:800;line-height:1.15}.scr-biz,.scr-prompt{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scr-prompt{margin-top:.35em;color:var(--demo-screen-muted);font-size:.95em}.scr-stars{margin-top:.35em;font-size:2.3em}.scr-stars .demo-star-fill{transform-origin:50% 55%}.scr-review-box{display:grid;align-content:start;width:100%;min-height:5em;margin-top:.9em;padding:.7em .8em;border:1px solid #d8dfea;border-radius:.8em;background-color:#ffffff;font-size:.9em;line-height:1.3;text-align:left}.scr-review-ph,.scr-review-typed{grid-area:1/1}.scr-review-ph{color:#6b778c;opacity:0}.scr-publish{width:100%;margin-top:.9em;padding:.6em;overflow:hidden;border-radius:999em;background-color:#2e6be6;color:#ffffff;font-size:.95em;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.scr-profile{display:flex;flex:1;flex-direction:column;align-items:center;min-height:0;padding:.7em 1.1em 0;background-color:#ffffff;text-align:center}.scr-handle{max-width:100%;overflow:hidden;font-size:.95em;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.scr-ring{display:grid;flex:none;place-items:center;width:5em;height:5em;margin-top:.6em;padding:.22em;border-radius:50%;background-image:linear-gradient(45deg,#f59e0b,#ef4444 50%,#c026d3)}.scr-ring .scr-avatar{width:100%;height:100%;border:.12em solid #ffffff;font-size:1.45em}.scr-profile-name{margin-top:.45em;font-size:1.1em;font-weight:800}.scr-profile-bio,.scr-profile-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scr-profile-bio{margin-top:.1em;color:var(--demo-screen-muted);font-size:.78em}.scr-follow{display:grid;width:100%;margin-top:.75em}.scr-follow-a,.scr-follow-b{grid-area:1/1;padding:.5em;overflow:hidden;border-radius:.6em;font-size:.85em;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.scr-follow-a{background-color:#2e6be6;color:#ffffff;opacity:0}.scr-follow-b{background-color:#eef1f6;color:var(--demo-screen-fg)}.scr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.18em;width:calc(100% + 2.2em);margin:.8em -1.1em 0}.scr-tile{aspect-ratio:1;background-image:radial-gradient(circle at 50% 55%,rgba(255,255,255,.55) 0 18%,transparent 19%),linear-gradient(135deg,#1d4ed8,#3b82f6)}.scr-tile:nth-child(2){background-image:linear-gradient(160deg,#dbeafe,#60a5fa 60%,#1d4ed8)}.scr-tile:nth-child(3){background-image:radial-gradient(ellipse at 50% 70%,#1e3a8a 0 30%,transparent 31%),linear-gradient(180deg,#eff6ff,#93c5fd)}.scr-tile:nth-child(4){background-image:linear-gradient(200deg,#334155,#0f172a)}.scr-tile:nth-child(5){background-image:radial-gradient(circle at 35% 40%,#93c5fd 0 16%,transparent 17%),radial-gradient(circle at 65% 60%,#fbbc04 0 16%,transparent 17%),linear-gradient(135deg,#f8fafc,#e2e8f0)}.scr-tile:nth-child(6){background-image:linear-gradient(120deg,#0f766e,#14b8a6)}.scr-menu{display:flex;flex:1;flex-direction:column;min-height:0;padding:0 1.3em 1em;background-color:#ffffff;text-align:left}.scr-menu-banner{flex:none;height:5.4em;margin-inline:-1.3em;background-image:linear-gradient(135deg,#7c2d12,#c2410c 55%,#f59e0b)}.scr-menu-title{margin-top:.55em;font-size:1.5em;font-weight:800;line-height:1.1}.scr-menu-biz,.scr-menu-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scr-menu-biz{margin:.3em 0 .4em;color:var(--demo-screen-muted);font-size:.9em}.scr-menu-list{display:flex;flex-direction:column}.scr-menu-row{position:relative;display:flex;justify-content:space-between;gap:.6em;padding:.7em 0;border-bottom:1px solid #e4e9f2;color:#1b2740;font-size:.95em;font-weight:600}.scr-menu-hl{position:absolute;inset:.2em -.55em;border-radius:.5em;background-color:#fff1d6;opacity:0}.scr-menu-row[data-hl] .scr-menu-hl{opacity:1}.scr-menu-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.scr-menu-name,.scr-menu-price{position:relative;white-space:nowrap}.scr-menu-price{flex:none;color:var(--demo-screen-muted)}.scr-menu-row[data-hl] .scr-menu-price{color:#9a3412;font-weight:800}.scr-menu-note{display:inline-flex;align-items:center;align-self:center;gap:.4em;max-width:100%;margin-top:.9em;padding:.45em .9em;border-radius:999em;background-color:#0f172a;color:#ffffff;font-size:.8em;font-weight:700}.scr-menu-note-icon{flex:none;width:1.15em;height:1.15em}.scr-menu-note-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scr-chat{display:flex;flex:1;flex-direction:column;min-height:0;background-color:#efe7de}.scr-chat-head{display:flex;flex:none;align-items:center;gap:.55em;padding:.6em .9em;background-color:color-mix(in srgb,var(--demo-wa) 24%,#ffffff);color:#0f172a}.scr-chat-head .scr-avatar{width:2.2em;height:2.2em;font-size:.95em}.scr-chat-who{display:flex;flex-direction:column;min-width:0}.scr-chat-name{font-size:.9em;font-weight:800;line-height:1.2}.scr-chat-name,.scr-chat-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scr-chat-status{color:#166534;font-size:.72em}.scr-chat-body{flex:1;justify-content:flex-end;min-height:0;padding:.8em .8em .4em}.scr-bubble,.scr-chat-body{display:flex;flex-direction:column}.scr-bubble{align-self:flex-end;max-width:84%;padding:.5em .65em .35em;border-radius:.8em .8em .2em .8em;background-color:#d9fdd3;color:#111b21;font-size:.82em;line-height:1.3;box-shadow:0 .08em .12em rgba(0,0,0,.12)}.scr-bubble-meta{display:flex;align-items:center;align-self:flex-end;gap:.25em;margin-top:.15em;color:#5b6b73;font-size:.75em}.scr-ticks{width:1.4em;height:.95em;color:#2f8fd8}.scr-composer-row{display:flex;flex:none;align-items:center;gap:.45em;padding:.5em .6em .8em}.scr-composer{display:grid;flex:1;min-width:0;padding:.55em .9em;border-radius:999em;background-color:#ffffff;font-size:.82em}.scr-composer-draft,.scr-composer-ph{grid-area:1/1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scr-composer-draft{color:#111b21;opacity:0}.scr-composer-ph{color:#66757d}.scr-send{display:grid;flex:none;place-items:center;width:2.3em;height:2.3em;border-radius:50%;background-color:#128c4a;color:#ffffff}.scr-send-icon{width:1.1em;height:1.1em}.scr-status{display:inline-flex;align-items:center;gap:.3em;min-width:0;margin-inline-end:-1.1em}.scr-st-cell{position:relative;display:inline-flex;flex:none;align-items:flex-end;gap:.1em;height:.8em}.scr-st-bar{width:.17em;height:calc(.24em + var(--i) * .18em);border-radius:.05em;background-color:currentColor}.scr-st-cell[data-off] .scr-st-bar{opacity:.35}.scr-st-cell[data-off]:after{content:"";position:absolute;top:45%;right:-.12em;left:-.12em;height:.12em;border-radius:.06em;background-color:currentColor;transform:rotate(-38deg)}.scr-st-nodata{min-width:0;max-width:6.5em;overflow:hidden;font-size:.62em;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.scr-st-wifi{flex:none;width:1em;height:1em}.scr-wjoin{position:relative;flex:1;min-height:0;overflow:hidden}.scr-wjoin-cam{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(circle at 50% 46%,#4b5563,#1f2937 55%,#0b1018)}.scr-wjoin-plaque{position:relative;width:10.5em}.scr-wjoin-vf{display:flex;--vf-size:6.3em;--vf-color:var(--demo-gold)}.scr-wjoin-banner{position:absolute;top:.6em;right:.5em;left:.5em;display:flex;align-items:center;gap:.5em;padding:.55em .7em;border-radius:1em;background-color:rgba(255,255,255,.96);color:#0f172a;box-shadow:0 .5em 1.4em rgba(0,0,0,.3);opacity:0}.scr-wjoin-banner-icon{flex:none;width:1.4em;height:1.4em;color:#2e6be6}.scr-wjoin-banner-text{display:flex;flex-direction:column;min-width:0}.scr-wjoin-banner-title{font-size:.66em;font-weight:600}.scr-wjoin-banner-action,.scr-wjoin-banner-title{overflow:hidden;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.scr-wjoin-banner-action{color:#2e6be6;font-size:.8em;font-weight:800}.scr-wjoin-home{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:1.3em 1em;padding:2em 1.5em;background-image:linear-gradient(165deg,#c7d2fe,#fbcfe8 55%,#fde68a)}.scr-wjoin-app{aspect-ratio:1;border-radius:.9em;background-color:rgba(255,255,255,.6)}.scr-wjoin-app:nth-child(3n+1){background-color:rgba(79,70,229,.55)}.scr-wjoin-app:nth-child(4n+2){background-color:rgba(236,72,153,.5)}.scr-wjoin-app:nth-child(5n){background-color:rgba(245,158,11,.6)}.scr-wjoin-sheet{position:absolute;right:.5em;bottom:.5em;left:.5em;display:flex;flex-direction:column;align-items:center;gap:.5em;padding:1.1em 1em 1em;border-radius:1.4em;background-color:#ffffff;color:#0f172a;box-shadow:0 -.4em 1.6em rgba(0,0,0,.25);transform:translateY(110%)}.scr-wjoin-sheet-icon{flex:none;width:2.1em;height:2.1em;color:#2e6be6}.scr-wjoin-sheet-q{display:-webkit-box;max-width:100%;overflow:hidden;font-size:.86em;font-weight:700;line-height:1.3;text-align:center;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere}.scr-wjoin-sheet-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5em;width:100%;margin-top:.3em}.scr-wjoin-sheet-cancel,.scr-wjoin-sheet-ok{padding:.55em;overflow:hidden;border-radius:999em;font-size:.8em;font-weight:700;text-align:center;text-overflow:ellipsis;white-space:nowrap}.scr-wjoin-sheet-cancel{background-color:#eef1f6;color:#43506a}.scr-wjoin-sheet-ok{background-color:#2e6be6;color:#ffffff}.scr-wjoin-toast{position:absolute;right:0;bottom:1.2em;left:0;display:flex;align-items:center;gap:.4em;width:fit-content;max-width:calc(100% - 2em);margin-inline:auto;padding:.5em .95em;border-radius:999em;background-color:#ffffff;color:#0f172a;font-size:.85em;font-weight:700;box-shadow:0 .5em 1.4em rgba(0,0,0,.28)}.scr-wjoin-toast-icon{flex:none;width:1.2em;height:1.2em;color:#10b981}.scr-wjoin-toast-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scr-wplq{position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;container-type:inline-size;border-radius:6%/4%;background-image:radial-gradient(circle at 30% 0,rgba(255,255,255,.16),transparent 55%),linear-gradient(165deg,#047857,#065f46 55%,#053f30);color:#ffffff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 .5em 1.4em rgba(0,0,0,.32);text-align:center}.scr-wplq-head{position:absolute;top:0;right:6cqw;left:6cqw;height:59cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4cqw}.scr-wplq-glyph{flex:none;width:15cqw;height:15cqw;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2.4}.scr-wplq-title{max-width:100%;font-size:6.4cqw;font-weight:800;line-height:1.15;overflow-wrap:anywhere}.scr-wplq-ssid{color:#d1fae5;font-size:5cqw;font-weight:700}.scr-wplq-pass,.scr-wplq-ssid{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scr-wplq-pass{color:rgba(255,255,255,.78);font-size:4.4cqw;font-weight:600;letter-spacing:.02em}.scr-wplq-qr-slot,.scr-wplq-qrbox{position:absolute;top:var(--wplq-qr-t);left:var(--wplq-qr-l);width:var(--wplq-qr-w);aspect-ratio:1}.scr-wplq-qrbox{border-radius:1.5cqw;background-color:#ffffff;box-shadow:0 0 0 4cqw #ffffff}.scr-wplq-qr{display:block;width:100%;height:100%}.scr-wplq-nfc,.scr-wplq-nfc-slot{position:absolute;top:var(--wplq-nfc-t);left:var(--wplq-nfc-l);width:var(--wplq-nfc-w);aspect-ratio:1}.scr-wplq-nfc{display:grid;place-items:center;border:.8cqw solid rgba(255,255,255,.9);border-radius:50%}.scr-wplq-nfc-icon{width:62%;height:62%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2.2}.scr-wplq-nfc-icon circle{fill:currentColor;stroke:none}.scr-wplq-nfc-slot,.scr-wplq-qr-slot{display:flex;align-items:center;justify-content:center;pointer-events:none}