[data-mx=ops] .fl-sec{background:var(--band-bg);position:relative}[data-mx=ops] .phone{background:#0f172a;border-radius:48px;width:300px;height:620px;padding:10px;position:relative;box-shadow:0 2px 4px #0f172a1f,0 40px 80px -20px #0f172a59,inset 0 0 0 2px #334155}[data-mx=ops] .phone .pscr{background:#f7f8fa;border-radius:38px;font-size:12px;line-height:1.35;position:absolute;inset:10px;overflow:hidden}[data-mx=ops] .island{z-index:6;background:#0f172a;border-radius:20px;width:92px;height:26px;position:absolute;top:10px;left:50%;transform:translate(-50%)}[data-mx=ops] .sbar{color:#0f172a;justify-content:space-between;align-items:center;height:44px;padding:6px 26px 0;font-size:12px;font-weight:600;display:flex}[data-mx=ops] .sbar .ic{align-items:center;gap:5px;display:flex}[data-mx=ops] .phead{background:#fff;border-bottom:1px solid #e2e8f0;padding:2px 14px 10px}[data-mx=ops] .phead .venue{color:#64748b;font-size:11px}[data-mx=ops] .stepper{align-items:center;gap:6px;display:flex}[data-mx=ops] .stepper b{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;place-items:center;width:26px;height:26px;font-weight:500;display:grid}[data-mx=ops] .stepper span{padding:0 4px;font-size:13px;font-weight:600}[data-mx=ops] .mode{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:4px 9px;font-size:11px;font-weight:600}[data-mx=ops] .pbody{position:absolute;inset:118px 0 62px;overflow:hidden}[data-mx=ops] .pscreen{opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);pointer-events:none;flex-direction:column;gap:10px;padding:12px;display:flex;position:absolute;inset:0;transform:translateY(14px)}[data-mx=ops] .pscreen.on{opacity:1;transform:none}[data-mx=ops] .pscreen.off-up{transform:translateY(-14px)}[data-mx=ops] .pcard{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px 11px}[data-mx=ops] .pcard .lbl{color:#64748b;justify-content:space-between;align-items:center;font-size:10px;font-weight:500;display:flex}[data-mx=ops] .pcard .val{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:19px;font-weight:700}[data-mx=ops] .pcard .cap{color:#64748b;font-size:10px}[data-mx=ops] .ptitle{font-size:13px;font-weight:600}[data-mx=ops] .pdesc{color:#64748b;font-size:10.5px}[data-mx=ops] .tabbar{background:#fff;border-top:1px solid #e2e8f0;justify-content:space-around;height:62px;padding:8px 4px 0;display:flex;position:absolute;bottom:0;left:0;right:0}[data-mx=ops] .tabbar div{color:#94a3b8;flex-direction:column;align-items:center;gap:2px;font-size:9px;font-weight:600;transition:color .3s;display:flex}[data-mx=ops] .tabbar div.on{color:var(--ink-green)}[data-mx=ops] .tabbar svg{width:18px;height:18px}[data-mx=ops] .notif{z-index:7;opacity:0;background:#fffffff0;border:1px solid #e2e8f0;border-radius:18px;gap:10px;padding:10px 12px;transition:transform .6s cubic-bezier(.2,1.1,.3,1),opacity .4s;display:flex;position:absolute;top:46px;left:8px;right:8px;transform:translateY(-140%);box-shadow:0 12px 30px #0f172a2e}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){[data-mx=ops] .notif{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1}}[data-mx=ops] .notif.show{opacity:1;transform:none}[data-mx=ops] .notif .app-ic{background:var(--brand-primary);color:#14201a;border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}[data-mx=ops] .shift-row{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:7px 0;transition:background .4s,opacity .4s;display:flex}[data-mx=ops] .shift-row.hl{background:var(--brand-accent-5);margin:0 -11px;padding:7px 11px}[data-mx=ops] .shift-row.done{opacity:.5;background:0 0}[data-mx=ops] .endbtn{color:#fff;background:#0f172a;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:600;transition:transform .2s,background .3s}[data-mx=ops] .endbtn.pressed{background:var(--ink-green);transform:scale(.92)}[data-mx=ops] .pill-lab{border-radius:999px;padding:2px 7px;font-size:10.5px;font-weight:700}[data-mx=ops] .pill-good{background:var(--tint-12);color:var(--ink-green)}[data-mx=ops] .pill-bad{background:var(--brand-accent-10);color:#b4232a}[data-mx=ops] .pill-amb{color:#92400e;background:#fef3c7}[data-mx=ops] .bubble-p{opacity:0;max-width:88%;transition:opacity .4s, transform .4s var(--ease);background:#fff;border:1px solid #e2e8f0;border-radius:14px 14px 14px 4px;padding:8px 10px;transform:translateY(8px)}[data-mx=ops] .bubble-p.me{color:#fff;background:#0f172a;border-color:#0f172a;border-radius:14px 14px 4px;align-self:flex-end}[data-mx=ops] .bubble-p.in{opacity:1;transform:none}[data-mx=ops] .fh{background:var(--brand-primary-30);border-radius:3px 3px 0 0;flex:1;display:block}[data-mx=ops] .fh:first-child,[data-mx=ops] .fh:nth-child(2){opacity:.55;background:#f59e0b}[data-mx=ops] .brief{transition:border-color .5s,box-shadow .5s}[data-mx=ops] .brief.hl{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-30)}[data-mx=ops] .fl-cap{text-align:left;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block}[data-mx=ops] .fl-t{color:var(--ink-green);align-items:center;gap:10px;font-size:13px;font-weight:600;display:inline-flex}[data-mx=ops] .fl-t:after{content:"";background:var(--brand-primary);width:32px;height:1px}[data-mx=ops] .fl-cap b{letter-spacing:-.02em;text-wrap:balance;margin-top:10px;font-size:26px;font-weight:600;line-height:1.2;display:block}[data-mx=ops] .fl-p{color:#475569;margin-top:10px;font-size:16.5px;display:block}[data-mx=ops] .fl-note{color:#475569;text-align:center;font-size:11px}[data-mx=ops] .fl-rail{display:none}[data-mx=ops] .fl-sec.fl-pin{height:350vh}[data-mx=ops] .fl-pin .fl-stick{height:calc(100vh - 64px);position:sticky;top:64px;overflow:hidden}[data-mx=ops] .fl-pin .fl-wrap{flex-direction:column;height:100%;padding-top:40px;padding-bottom:18px;display:flex}[data-mx=ops] .fl-pin .fl-head{text-align:center}[data-mx=ops] .fl-pin .fl-head .h2{font-size:34px}[data-mx=ops] .fl-pin .fl-stage{flex:1;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:72px;min-height:0;display:grid}[data-mx=ops] .fl-pin .fl-dev{grid-area:1/2}[data-mx=ops] .fl-pin .fl-scale{transform-origin:0 0}[data-mx=ops] .fl-pin .fl-cap{cursor:default;opacity:0;max-width:360px;transition:opacity .6s var(--ease), transform .7s var(--ease);pointer-events:none;grid-row:1}[data-mx=ops] .fl-pin .fl-cap.l{grid-column:1;justify-self:end;transform:translate(28px)}[data-mx=ops] .fl-pin .fl-cap.r{grid-column:3;justify-self:start;transform:translate(-28px)}[data-mx=ops] .fl-pin .fl-cap.on{opacity:1;transform:none}[data-mx=ops] .fl-pin .fl-cap.prev{opacity:.22;transform:none}[data-mx=ops] .fl-pin .fl-cap.prev .fl-p{opacity:0}[data-mx=ops] .fl-pin .fl-rail{width:min(720px,100%);height:44px;margin:8px auto 0;display:block;position:relative}[data-mx=ops] .fl-track{background:#e2e8f0;border-radius:2px;height:2px;position:absolute;top:0;left:0;right:0}[data-mx=ops] .fl-track i{background:var(--brand-primary);border-radius:2px;width:0;height:100%;display:block}[data-mx=ops] .fl-rail ol{position:relative}[data-mx=ops] .fl-rail li{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:-5px;transform:translate(-50%)}[data-mx=ops] .fl-rail li:first-child{align-items:flex-start;transform:none}[data-mx=ops] .fl-rail li:last-child{align-items:flex-end;transform:translate(-100%)}[data-mx=ops] .fl-rail li b{width:12px;height:12px;transition:border-color .4s, background .4s, transform .4s var(--ease);background:#fff;border:2px solid #cbd5e1;border-radius:50%}[data-mx=ops] .fl-rail li span{color:#475569;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px;font-weight:500;transition:color .4s}[data-mx=ops] .fl-rail li.done b{border-color:var(--ink-green);background:var(--ink-green)}[data-mx=ops] .fl-rail li.on b{border-color:var(--ink-green);transform:scale(1.3)}[data-mx=ops] .fl-rail li.on span{color:#0f172a;font-weight:600}[data-mx=ops] .fl-pin .fl-note{position:absolute;bottom:14px;right:24px}[data-mx=ops] .fl-sec:not(.fl-pin){padding:96px 0 72px}[data-mx=ops] .fl-sec:not(.fl-pin) .fl-head{max-width:640px}[data-mx=ops] .fl-sec:not(.fl-pin) .fl-stage{margin-top:32px}[data-mx=ops] .fl-sec:not(.fl-pin) .fl-dev{z-index:3;background:linear-gradient(var(--band-bg) 90%, transparent);justify-content:center;height:412px;margin:0 -24px;padding-top:12px;display:flex;position:sticky;top:64px}[data-mx=ops] .fl-sec:not(.fl-pin) .fl-scale{transform-origin:50% 0;flex-shrink:0;width:300px;height:620px;transform:scale(.62)}[data-mx=ops] .fl-sec:not(.fl-pin) .fl-cap{opacity:.3;min-height:52vh;transition:opacity .5s var(--ease);padding:28px 0}[data-mx=ops] .fl-sec:not(.fl-pin) .fl-cap.on{opacity:1}[data-mx=ops] .fl-sec:not(.fl-pin) .fl-cap b{font-size:22px}[data-mx=ops] .fl-sec:not(.fl-pin) .fl-note{margin-top:8px}@media (prefers-reduced-motion:reduce){[data-mx=ops] .fl-sec *{transition:none!important}[data-mx=ops] .fl-sec .fl-dev{position:relative!important;top:0!important}[data-mx=ops] .fl-sec .fl-cap{border:1px solid #0000;border-radius:14px;opacity:1!important;min-height:0!important;padding:18px 16px!important}[data-mx=ops] .fl-sec .fl-cap.on{background:#fff;border-color:#e2e8f0}[data-mx=ops] .fl-sec .fl-cap:not(.on) .fl-p{color:#475569}}@media (prefers-reduced-motion:reduce) and (width>=1024px){[data-mx=ops] .fl-sec:not(.fl-pin) .fl-stage{grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);align-items:center;gap:16px 56px;display:grid}[data-mx=ops] .fl-sec:not(.fl-pin) .fl-dev{background:0 0;grid-area:1/2/span 3;height:auto;margin:0;padding:0}[data-mx=ops] .fl-sec:not(.fl-pin) .fl-scale{transform:none}[data-mx=ops] .fl-sec:not(.fl-pin) .fl-cap.l{grid-column:1}[data-mx=ops] .fl-sec:not(.fl-pin) .fl-cap.r{grid-column:3}[data-mx=ops] .fl-sec:not(.fl-pin) .fl-cap[data-k="0"]{grid-row:1}[data-mx=ops] .fl-sec:not(.fl-pin) .fl-cap[data-k="2"]{grid-row:2}[data-mx=ops] .fl-sec:not(.fl-pin) .fl-cap[data-k="4"]{grid-row:3}[data-mx=ops] .fl-sec:not(.fl-pin) .fl-cap[data-k="1"]{grid-row:1}[data-mx=ops] .fl-sec:not(.fl-pin) .fl-cap[data-k="3"]{grid-row:2}[data-mx=ops] .fl-sec:not(.fl-pin) .fl-head{text-align:center;margin:0 auto}}