@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital,wght@0,400;1,400&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Outfit:wght@400;500;600;700;800&display=swap");.po-screen{--paper:#F5F6F4;--paper-2:#FFFFFF;--card:#FFFFFF;--card-2:#FBFCFD;--border:#E8ECF0;--border-strong:#D8DEE6;--pink:#E91E8C;--pink-soft:#FF4DA6;--pink-tint:#FFEAF4;--pink-ink:#C01773;--teal:#0891B2;--cyan:#06B6D4;--teal-tint:#ECFBFD;--navy:#0A1224;--navy-2:#25395C;--amber:#F59E0B;--amber-bg:#FFFBEB;--amber-line:#FCE3A6;--text:#1E293B;--muted:#64748B;--subtle:#94A3B8;--track:#EDF0F3;--shadow:0 4px 16px rgba(15,23,42,0.08);--shadow-sm:0 2px 8px rgba(15,23,42,0.06);--shadow-lg:0 18px 44px -12px rgba(15,23,42,0.18);--glow:0 0 0 1px rgba(233,30,140,0.30),0 8px 22px -6px rgba(233,30,140,0.45),0 0 18px rgba(233,30,140,0.30);--r-card:16px;--r-chip:10px;--r-pill:999px;--font:"Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--display:"Outfit","Inter",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--serif:"Instrument Serif",Georgia,serif;position:relative;width:100%;height:100%;overflow:auto;background:var(--paper);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.po-screen *{box-sizing:border-box}body[data-po-theme=dark] .po-screen{--paper:#0A1224;--paper-2:#0E1830;--card:rgba(17,27,49,0.55);--card-2:rgba(13,21,40,0.5);--border:rgba(255,255,255,0.09);--border-strong:rgba(255,255,255,0.16);--pink-tint:rgba(233,30,140,0.14);--teal-tint:rgba(6,182,212,0.12);--amber-bg:rgba(245,158,11,0.10);--amber-line:rgba(245,158,11,0.32);--text:#EAF0F7;--muted:#93A4BE;--subtle:#64748B;--track:rgba(255,255,255,0.07);--shadow:0 8px 30px rgba(0,0,0,0.40);--shadow-sm:0 4px 16px rgba(0,0,0,0.32);--shadow-lg:0 22px 50px -12px rgba(0,0,0,0.6);background:radial-gradient(rgba(255,255,255,.045) 1px,transparent 1px) 0 0 /26px 26px,radial-gradient(120% 80% at 50% -10%,rgba(8,145,178,.1),transparent 60%),var(--paper)}body[data-po-theme=dark] .po-card{backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}body[data-po-glow=off] .po-screen{--glow:0 6px 18px -6px rgba(233,30,140,0.35)}.po-eyebrow{font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--teal)}.po-eyebrow,.po-mono{font-family:var(--mono)}.po-serif{font-family:var(--serif);font-style:italic;color:var(--pink);font-weight:400}.po-display{letter-spacing:-.02em;line-height:1.3}.po-display,.po-logo{font-family:var(--display);font-weight:700;color:var(--text)}.po-logo{display:inline-flex;align-items:center;font-size:15px;letter-spacing:-.01em}.po-logo .op{background:var(--pink);color:#fff;padding:1px 6px 2px;border-radius:5px;margin-left:1px}.po-langs{display:flex;gap:4px}.po-lang{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.06em;padding:5px 9px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--paper-2);color:var(--muted);cursor:pointer;transition:all .2s ease}.po-lang.active{background:var(--navy);color:#fff;border-color:var(--navy)}body[data-po-theme=dark] .po-lang.active{background:rgba(255,255,255,.92);color:var(--navy);border-color:transparent}.po-stat{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.04em;padding:7px 12px;border-radius:var(--r-pill);background:var(--paper-2);border:1px solid var(--border);color:var(--text)}.po-stat svg{width:13px;height:13px;color:var(--teal)}.po-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:52px;padding:0 22px;border:1px solid transparent;border-radius:var(--r-chip);font-family:var(--display);font-size:16px;font-weight:600;cursor:pointer;transition:all .25s ease}.po-btn-pink{background:var(--pink);color:#fff;box-shadow:var(--glow)}.po-btn-pink:hover{filter:brightness(1.04);transform:translateY(-1px)}.po-btn-ghost{background:transparent;color:var(--muted);border-color:transparent;width:auto;min-height:44px;font-weight:500}.po-btn-ghost:hover,.po-btn-outline{color:var(--text)}.po-btn-outline{background:var(--paper-2);border-color:var(--border-strong)}.po-btn.is-disabled,.po-btn[disabled]{background:var(--track);color:var(--subtle);box-shadow:none;cursor:default}.po-btn svg{width:18px;height:18px}.po-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-sm)}.po-progress{height:5px;border-radius:var(--r-pill);background:var(--track);overflow:hidden}.po-progress>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pink),var(--pink-soft));box-shadow:0 0 10px rgba(233,30,140,.45)}.po-privacy{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px}.po-privacy svg{width:14px;height:14px;color:var(--teal);flex-shrink:0}.po-opt{display:flex;align-items:center;gap:12px;min-height:52px;padding:13px 16px;border:1.5px solid var(--border);border-radius:12px;background:var(--paper-2);color:var(--text);font-size:15px;font-weight:500;cursor:pointer;transition:all .22s ease}.po-opt:hover{border-color:var(--border-strong)}.po-opt .po-radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-strong);flex-shrink:0;display:grid;place-items:center;transition:all .2s}.po-opt .po-check-mark{margin-left:auto;opacity:0;color:#fff;transition:opacity .2s}.po-opt.selected{background:var(--pink);border-color:var(--pink);color:#fff;box-shadow:var(--glow)}.po-opt.selected .po-radio{border-color:rgba(255,255,255,.85);background:rgba(255,255,255,.18)}.po-opt.selected .po-check-mark{opacity:1}.po-row-opt{display:flex;align-items:center;gap:14px;min-height:56px;padding:15px 18px;border:1.5px solid var(--border);border-radius:12px;background:var(--paper-2);cursor:pointer;transition:all .22s ease;position:relative;overflow:hidden}.po-row-opt:hover{border-color:var(--border-strong)}.po-row-opt .ring{width:22px;height:22px;border-radius:50%;border:2px solid var(--border-strong);flex-shrink:0;display:grid;place-items:center;transition:all .2s}.po-row-opt .ring i{width:10px;height:10px;border-radius:50%;background:var(--pink);transform:scale(0);transition:transform .2s cubic-bezier(.3,1.4,.5,1)}.po-row-opt.selected{border-color:var(--pink);background:var(--pink-tint)}.po-row-opt.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--pink)}.po-row-opt.selected .ring{border-color:var(--pink)}.po-row-opt.selected .ring i{transform:scale(1)}.po-row-opt.other .ring{border-color:var(--amber)}.po-row-opt.other:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--amber)}.po-chk{display:flex;align-items:center;gap:13px;min-height:52px;padding:13px 16px;border:1.5px solid var(--border);border-radius:12px;background:var(--paper-2);cursor:pointer;transition:all .22s ease}.po-chk .box{width:22px;height:22px;border-radius:7px;border:2px solid var(--border-strong);flex-shrink:0;display:grid;place-items:center;color:#fff;transition:all .2s}.po-chk .box svg{opacity:0;transition:opacity .15s}.po-chk.selected{border-color:var(--teal);background:var(--teal-tint)}.po-chk.selected .box{background:var(--teal);border-color:var(--teal)}.po-chk.selected .box svg{opacity:1}.po-scale{display:flex;gap:7px}.po-scale .dot{flex:1;aspect-ratio:1;min-width:0;display:grid;place-items:center;border:1.5px solid var(--border);border-radius:50%;font-family:var(--mono);font-size:13px;font-weight:600;color:var(--muted);background:var(--paper-2);cursor:pointer;transition:all .2s ease}.po-scale .dot:hover{border-color:var(--pink-soft);color:var(--pink)}.po-scale .dot.selected{background:var(--pink);border-color:var(--pink);color:#fff;transform:scale(1.12);box-shadow:var(--glow)}.po-scale-ends{display:flex;justify-content:space-between;margin-top:9px;font-size:12px;color:var(--subtle)}.po-likert{display:flex;flex-direction:column;gap:9px}.po-likert .seg{display:flex;align-items:center;gap:12px;min-height:50px;padding:0 16px;border:1.5px solid var(--border);border-radius:12px;background:var(--paper-2);cursor:pointer;font-size:14.5px;font-weight:500;transition:all .2s ease}.po-likert .seg .n{font-family:var(--mono);font-size:12px;color:var(--subtle)}.po-likert .seg.selected{border-color:var(--pink);background:var(--pink-tint);color:var(--pink-ink)}body[data-po-theme=dark] .po-likert .seg.selected{color:#fff}.po-textarea{width:100%;min-height:150px;padding:16px;border:1.5px solid var(--border);border-radius:12px;background:var(--paper-2);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.55;resize:none;transition:all .2s ease}.po-textarea::placeholder{color:var(--subtle)}.po-textarea.focused{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(6,182,212,.16)}.po-counter{display:flex;justify-content:flex-end;margin-top:8px;font-family:var(--mono);font-size:11.5px;color:var(--subtle);letter-spacing:.04em}.po-mic{width:96px;height:96px;border-radius:50%;border:none;background:var(--pink);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:var(--glow);position:relative}.po-mic svg{width:34px;height:34px}.po-mic .pulse{position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(233,30,140,.45);animation:po-pulse 1.6s ease-out infinite}@keyframes po-pulse{0%{transform:scale(.9);opacity:.7}to{transform:scale(1.35);opacity:0}}.po-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:44px}.po-wave i{width:3px;border-radius:999px;background:linear-gradient(var(--teal),var(--cyan));animation:po-wave 1s ease-in-out infinite}@keyframes po-wave{0%,to{height:22%}50%{height:100%}}.po-live{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:5px 11px;border-radius:var(--r-pill);color:#DC2626;background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.22)}.po-live .blip{width:7px;height:7px;border-radius:50%;background:#EF4444;box-shadow:0 0 0 0 rgba(239,68,68,.6);animation:po-blip 1.5s infinite}@keyframes po-blip{0%{box-shadow:0 0 0 0 rgba(239,68,68,.5)}70%{box-shadow:0 0 0 7px rgba(239,68,68,0)}to{box-shadow:0 0 0 0 rgba(239,68,68,0)}}.po-bar-row{display:flex;flex-direction:column;gap:8px}.po-bar-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.po-bar-head .lbl{font-size:14px;font-weight:500;color:var(--text)}.po-bar-head .pct{font-family:var(--display);font-weight:700;font-size:16px;color:var(--teal);font-variant-numeric:tabular-nums}.po-bar{height:12px;border-radius:999px;background:var(--track);overflow:hidden}.po-bar>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--cyan))}.po-bar-row.you .po-bar>i{background:linear-gradient(90deg,var(--pink),var(--pink-soft))}.po-bar-row.you .pct{color:var(--pink)}.po-you-tag{font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--pink);padding:2px 7px;border-radius:999px}.po-voted{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:12px;background:var(--pink-tint);border:1px solid rgba(233,30,140,.22)}.po-voted .k{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--pink-ink)}body[data-po-theme=dark] .po-voted .k{color:var(--pink-soft)}.po-voted .v{font-weight:600;color:var(--text)}.po-donut{width:150px;height:150px;flex-shrink:0;place-items:center}.po-donut,.po-donut .hole{border-radius:50%;display:grid}.po-donut .hole{width:86px;height:86px;background:var(--card);place-items:center;text-align:center}.po-legend{display:flex;flex-direction:column;gap:9px}.po-legend .it{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);white-space:nowrap}.po-legend .sw{width:11px;height:11px;border-radius:3px;flex-shrink:0}.po-avg{font-family:var(--display);font-weight:800;font-size:64px;line-height:1;color:var(--teal);letter-spacing:-.03em}.po-avg-scale{font-family:var(--mono);font-size:12px;color:var(--subtle)}.po-total{font-family:var(--display);font-weight:800;font-size:30px;color:var(--teal);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.po-ctitle{font-family:var(--display);font-size:17px;font-weight:600;color:var(--text)}.po-success{width:96px;height:96px;border-radius:50%;background:var(--pink-tint);display:grid;place-items:center}.po-success .ring{width:96px;height:96px}.po-success .ring circle{fill:none;stroke:rgba(233,30,140,.25);stroke-width:4}.po-success .ring .tick{stroke:var(--pink);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:48;stroke-dashoffset:48;animation:po-draw .7s ease .2s forwards}@keyframes po-draw{to{stroke-dashoffset:0}}.po-share{display:flex;gap:10px}.po-share .ic{width:52px;height:52px;flex-shrink:0;border-radius:12px;border:1px solid var(--border);background:var(--paper-2);display:grid;place-items:center;color:var(--muted);cursor:pointer;transition:all .2s}.po-share .ic:hover{border-color:var(--border-strong);color:var(--text)}.po-foot{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--subtle)}.po-bottombar{position:sticky;bottom:0;left:0;right:0;padding:14px 20px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--paper) 72%,transparent)}.po-divider{height:1px;background:var(--border)}.po-card-2{background:var(--card-2);border:1px solid var(--border);border-radius:12px;transition:all .2s ease}.po-card-2:hover{border-color:var(--border-strong);transform:translateY(-1px) scale(1.005)}.po-input{width:100%;min-height:50px;padding:0 16px;border:1.5px solid var(--border);border-radius:12px;background:var(--paper-2);color:var(--text);font-family:var(--font);font-size:15px}.po-input::placeholder{color:var(--subtle)}.po-input:focus{outline:none;border-color:var(--pink)}.po-screen.po-desktop-navy{background:radial-gradient(rgba(255,255,255,.05) 1px,transparent 0) 0 0 /26px 26px,radial-gradient(120% 80% at 50% -12%,rgba(8,145,178,.14),transparent 60%),#0A1224}.po-screen.po-desktop-navy .po-card{box-shadow:var(--shadow-lg)}.po-screen.po-glow-stage{background:radial-gradient(80% 50% at 50% 32%,rgba(233,30,140,.07),transparent 70%),var(--paper)}body[data-po-theme=dark] .po-screen.po-glow-stage{background:radial-gradient(rgba(255,255,255,.045) 1px,transparent 1px) 0 0 /26px 26px,radial-gradient(80% 50% at 50% 32%,rgba(233,30,140,.12),transparent 70%),var(--paper)}@media (prefers-reduced-motion:reduce){.po-live .blip,.po-mic .pulse,.po-success .ring .tick,.po-wave i{animation:none}.po-success .ring .tick{stroke-dashoffset:0}}