.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}