.pp{--pp-gold:var(--brand-gold,#c9a55a);--pp-gold-bright:var(--brand-gold-bright,#e6c778);--pp-ink:var(--brand-ink,#1e2529);--pp-muted:#5c676c;--pp-ease:var(--os-ease,cubic-bezier(0.22,1,0.36,1));--pp-chip-bg:rgba(30,37,41,0.05);--pp-chip-line:rgba(30,37,41,0.1);--pp-chip-ink:#4f5a5f;--pp-focus:#8a6a26;--pp-chip-on-bg:#fff8e8;--pp-chip-on-ink:#6b5420;--pp-line-ink:var(--pp-muted);position:relative;display:grid;gap:22px;width:100%;max-width:1080px;margin-inline:auto;font-family:var(--os-font,var(--font-brand,"Be Vietnam Pro",system-ui,sans-serif))}.pp[data-pp-ground=dark]{--pp-chip-bg:rgba(241,243,244,0.06);--pp-chip-line:rgba(241,243,244,0.14);--pp-chip-ink:rgba(241,243,244,0.8);--pp-focus:var(--pp-gold-bright);--pp-chip-on-bg:rgba(230,199,120,0.16);--pp-chip-on-ink:#f4dfa6;--pp-line-ink:rgba(241,243,244,0.72)}.pp-box{position:relative;isolation:isolate;width:100%;max-width:760px;margin-inline:auto;border:1px solid rgba(30,37,41,.08);border-radius:28px;box-shadow:0 2px 6px rgba(17,24,28,.04),0 24px 60px -24px rgba(17,24,28,.28)}.pp-box:after{z-index:-1;inset:0;border-radius:inherit;background:#fff}.pp-box:after,.pp-box:before{position:absolute;content:"";pointer-events:none}.pp-box:before{z-index:-2;inset:-28px -36px;border-radius:48px;background:radial-gradient(60% 70% at 50% 55%,rgba(230,199,120,.42),rgba(230,199,120,0) 70%);opacity:.55;filter:blur(18px);animation:pp-breathe 4.8s ease-in-out infinite alternate}.pp[data-pp-ground=dark] .pp-box:before{background:radial-gradient(60% 70% at 50% 55%,rgba(230,199,120,.34),rgba(230,199,120,0) 70%)}.pp-box:focus-within:before{opacity:1;animation:none;transition:opacity .42s ease-out}.pp-box:focus-within{border-color:rgba(201,165,90,.55)}@keyframes pp-breathe{0%{opacity:.4;transform:scale(.98)}to{opacity:.75;transform:scale(1.02)}}.pp-field-wrap{position:relative}.pp-field,.pp-ghost{display:block;width:100%;min-height:calc(3 * 1.45em + 48px);padding:24px 28px;font:inherit;font-size:clamp(18px,1.6vw,22px);font-weight:500;line-height:1.45;letter-spacing:-.01em;color:var(--pp-ink);white-space:pre-wrap;overflow-wrap:break-word}.pp-field{resize:none;border:0;border-radius:28px 28px 0 0;background:transparent;outline:none}.pp-field::-moz-placeholder{color:#8a9397;opacity:1;-moz-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.pp-field::placeholder{color:#8a9397;opacity:1;transition:opacity .2s ease-out}.pp[data-pp-typing=on] .pp-field::-moz-placeholder{opacity:0}.pp[data-pp-typing=on] .pp-field::placeholder{opacity:0}.pp-ghost{position:absolute;inset:0;pointer-events:none;transition:opacity .42s ease-out}.pp[data-pp-phase=clear] .pp-ghost{opacity:0}.pp-caret{display:inline-block;width:2px;height:1.1em;margin-left:2px;border-radius:1px;background:var(--pp-gold);vertical-align:-.16em;animation:pp-blink 1.05s step-end infinite}.pp[data-pp-typing=on][data-pp-phase=type] .pp-caret{animation:none}@keyframes pp-blink{50%{opacity:0}}.pp-box-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 18px;padding:0 14px 14px 28px}.pp-note{font-size:13px;line-height:1.4;color:var(--pp-muted)}.pp-build{display:inline-flex;align-items:center;gap:10px;min-height:48px;margin-left:auto;padding:0 22px 0 24px;border:0;border-radius:999px;background:linear-gradient(180deg,var(--pp-gold-bright),var(--pp-gold));box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 24px -10px rgba(169,125,40,.75);font:inherit;font-size:16px;font-weight:700;color:#1e1606;cursor:pointer}.pp-build,.pp-build svg{transition:transform .32s var(--pp-ease)}.pp-build:hover{transform:translateY(-1px)}.pp-build:hover svg{transform:translateX(3px)}.pp-build:active{transform:translateY(0) scale(.98)}.pp .pp-build:focus-visible,.pp .pp-field:focus-visible{outline:none}.pp-build:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--pp-ink)}.pp-box:has(.pp-field:focus-visible){box-shadow:0 0 0 3px var(--pp-focus),0 24px 60px -24px rgba(17,24,28,.28)}.pp-parts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none}.pp-part{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px 0 12px;border:1px solid var(--pp-chip-line);border-radius:999px;background:var(--pp-chip-bg);font-size:14px;font-weight:600;color:var(--pp-chip-ink);transition:transform .42s var(--pp-ease)}.pp-part svg{opacity:.5}.pp-part[data-used=no] svg{opacity:.25}.pp-part:before{position:absolute;z-index:-1;inset:-1px;border:1px solid rgba(201,165,90,.6);border-radius:inherit;background:var(--pp-chip-on-bg);box-shadow:0 6px 18px -8px rgba(201,165,90,.7);opacity:0;transition:opacity .42s ease-out;content:""}.pp-part{isolation:isolate}.pp-part svg{color:var(--pp-gold);transition:opacity .42s ease-out,transform .5s var(--pp-ease)}.pp-part[data-on=on]{color:var(--pp-chip-on-ink);transform:translateY(-2px)}.pp-part[data-on=on]:before{opacity:1}.pp-part[data-on=on] svg{opacity:1;transform:scale(1.12)}.pp-out{display:grid;gap:16px}.pp-app{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;min-height:34px;opacity:0;transform:translateY(8px);transition:opacity .45s ease-out,transform .5s var(--pp-ease)}.pp-app-name.os-mark{font-size:15px;font-weight:700;color:var(--pp-line-ink)}.pp[data-pp-ground=dark] .pp-app-name.os-mark{color:#f1f3f4}.pp-app-status{display:inline-flex;align-items:center;gap:7px;padding:4px 12px 4px 10px;border:1px solid rgba(47,143,91,.35);border-radius:999px;background:rgba(47,143,91,.1);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#1f6b43}.pp[data-pp-ground=dark] .pp-app-status{color:#9be0b8}.pp-app-pulse{position:relative;width:8px;height:8px;border-radius:50%;background:#2f8f5b}.pp-app-pulse:after{position:absolute;inset:0;border-radius:inherit;background:#2f8f5b;animation:pp-pulse 1.8s ease-out infinite;content:""}@keyframes pp-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.pp-result{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;font-size:14px;font-weight:600;color:var(--pp-line-ink);opacity:0;transform:translateY(8px);transition:opacity .45s ease-out,transform .5s var(--pp-ease)}.pp-result svg{color:#2f8f5b}.pp:is([data-pp-phase=shown],[data-pp-phase=fanned]) :is(.pp-app,.pp-result){opacity:1;transform:none}.pp:is([data-pp-phase=shown],[data-pp-phase=fanned]) .pp-result{transition-delay:.5s}.pp[data-pp-phase=clear] :is(.pp-app,.pp-result){opacity:0;transition-delay:0s}.pp-screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(12px,2vw,24px);width:100%;max-width:900px;min-height:196px;margin-inline:auto}.pp-screen{--os-role:var(--os-role-office);position:relative;display:grid;gap:6px;padding:16px 16px 14px;border:1px solid rgba(30,37,41,.08);border-radius:18px;background:#fff;box-shadow:0 18px 40px -22px rgba(17,24,28,.35);color:var(--os-ink,#141a22);opacity:0;transform:translateY(18px) scale(.96);transition:opacity .52s ease-out,transform .62s var(--pp-ease);transition-delay:calc(var(--n, 0) * .11s)}.pp-screen[data-os-role=leader]{--os-role:var(--os-role-leader)}.pp-screen[data-os-role=manager]{--os-role:var(--os-role-manager)}.pp-screen[data-os-role=front]{--os-role:var(--os-role-front)}.pp-screen[data-os-role=floor]{--os-role:var(--os-role-floor)}.pp-screen[data-os-role=field]{--os-role:var(--os-role-field)}.pp-screen[data-os-role=customer]{--os-role:var(--os-role-customer)}.pp-screen[data-device=phone]{justify-self:center;width:min(100%,190px);min-height:210px;align-content:start;border:5px solid var(--os-bezel,#16191e);border-radius:24px;padding-top:20px}.pp-screen[data-device=phone]:before{position:absolute;top:6px;left:50%;width:34px;height:6px;border-radius:6px;background:var(--os-bezel,#16191e);transform:translateX(-50%);content:""}.pp-screen[data-device=tablet]{border:6px solid #2a2f36;border-radius:20px}.pp-screen[data-device=page]{padding-top:22px;background:linear-gradient(#f3f5f7,#f3f5f7) top /100% 10px no-repeat,#fff}.pp-screen-who{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--os-role)}.pp-screen-title{font-size:15px;font-weight:700;line-height:1.25}.pp-screen-line{font-size:13px;color:var(--os-ink-2,#4b5560)}.pp-screen-action{justify-self:start;margin-top:4px;padding:5px 12px;border-radius:999px;background:var(--os-role);font-size:12px;font-weight:700;color:#fff}.pp-screen-mark{margin-top:6px;font-size:10px}.pp:is([data-pp-phase=shown],[data-pp-phase=fanned]) .pp-screen{opacity:1;transform:none}.pp[data-pp-phase=clear] .pp-screen{opacity:0;transform:translateY(-8px) scale(.98);transition-delay:0s}@media (max-width:640px){.pp{gap:18px}.pp-box{border-radius:22px}.pp-field,.pp-ghost{min-height:calc(4 * 1.45em + 36px);padding:18px;font-size:17px}.pp-box-foot{padding:0 10px 10px 18px}.pp-build{width:100%;justify-content:center}.pp-part{min-height:36px;padding:0 12px 0 10px;font-size:13px}.pp-screens{grid-template-columns:repeat(2,minmax(0,1fr));min-height:186px}.pp-screen:nth-child(3){display:none}.pp-screen{padding:12px 12px 10px}.pp-screen-title{font-size:14px}}@media (prefers-reduced-motion:reduce){.pp-app-pulse:after,.pp-box:before,.pp-caret{animation:none}.pp *,.pp :after,.pp :before{transition:none!important}.pp-caret{display:none}}.pp-hint{margin:0;padding:0 28px 4px;font-size:14px;font-weight:600;color:var(--pp-focus)}.pp-build[aria-busy=true]{cursor:progress;opacity:.85}.pp-part[data-on=build]{animation:pp-chip-build .5s ease-out both;animation-delay:calc(var(--n, 0) * .12s)}.pp-part[data-on=build]:before{animation:pp-chip-glow .5s ease-out both;animation-delay:calc(var(--n, 0) * .12s)}@keyframes pp-chip-build{0%{transform:none}to{transform:translateY(-2px)}}@keyframes pp-chip-glow{0%{opacity:0}to{opacity:1}}.pp[data-pp-live]:not([data-pp-live=off]) :is(.pp-app,.pp-result){opacity:1;transform:none}.pp[data-pp-live=done] .pp-screen{opacity:1;transform:none}.pp[data-pp-live=done] .pp-out .pp-screen{animation:pp-screen-in .6s var(--pp-ease) both;animation-delay:calc(var(--n, 0) * .11s)}@keyframes pp-screen-in{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}.pp-out[data-pp-out=building]{min-height:250px;align-content:start}.pp-shimmer{position:relative;overflow:hidden;padding:6px 16px;border-radius:999px;background:var(--pp-chip-bg);font-size:15px;font-weight:700;color:var(--pp-line-ink)}.pp-shimmer:after{position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(230,199,120,.45) 50%,transparent 80%);transform:translateX(-100%);animation:pp-shimmer 1.3s ease-out infinite;content:""}@keyframes pp-shimmer{to{transform:translateX(100%)}}.pp-screen-status{font-size:12px;font-weight:600;color:var(--os-role)}.pp-live-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 12px}.pp-live-primary,.pp-live-secondary{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;font:inherit;font-size:15px;font-weight:700;cursor:pointer}.pp-live-primary{border:0;background:linear-gradient(180deg,var(--pp-gold-bright),var(--pp-gold));color:#1e1606}.pp-live-secondary{border:1px solid var(--pp-chip-line);background:transparent;color:var(--pp-line-ink)}:is(.pp-live-primary,.pp-live-secondary):focus-visible{outline:3px solid var(--pp-focus);outline-offset:3px}.pp-live-error{display:grid;gap:14px;justify-items:center;min-height:250px;align-content:center;text-align:center;animation:pp-screen-in .45s ease-out both}.pp-live-error p{margin:0;max-width:52ch;font-size:16px;font-weight:600;color:var(--pp-line-ink)}@media (max-width:640px){.pp[data-pp-live=done] .pp-screens{grid-template-columns:minmax(0,1fr)}.pp[data-pp-live=done] .pp-screen:nth-child(3){display:grid}.pp-live-actions>button{width:100%;justify-content:center}}@media (prefers-reduced-motion:reduce){.pp-live-error,.pp-part[data-on=build],.pp-part[data-on=build]:before,.pp-shimmer:after,.pp[data-pp-live=done] .pp-out .pp-screen{animation:none}.pp-part[data-on=build]:before{opacity:1}}