.vt{--ap-border:#e3e7e5;--ap-rule:#eef1ef;--ap-red:#b42127;--ap-red-soft:#fdecea;--ap-scrim:color-mix(in oklab, var(--ink) 26%, transparent);--ap-flash:color-mix(in oklab, var(--green) 20%, var(--sheet))}.ap-hero-actions{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}@media (width<=767px){.ap-hero-actions{flex-direction:column;align-items:stretch}.ap-hero-actions .vt-badges{justify-content:flex-start}}.ap-phone{background:var(--ink);width:300px;height:640px;color:var(--ink);text-align:left;border-radius:50px;padding:9px;font-family:Archivo,system-ui,sans-serif;position:relative}.ap-phone-screen{background:var(--sheet);isolation:isolate;border-radius:41px;height:100%;position:relative;overflow:clip}.ap-status{z-index:2;justify-content:space-between;align-items:center;height:42px;padding:8px 28px 0;font-size:14px;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.ap-battery{background:currentColor;border-radius:4px;width:24px;height:12px;padding:2px;display:block}.ap-battery span{background:var(--sheet);clip-path:inset(0 0 0 72%);border-radius:2px;width:100%;height:100%;display:block}.ap-lock .ap-battery span{background:var(--green)}.ap-lock{background:var(--green);color:var(--on-dark);flex-direction:column;align-items:center;padding-top:70px;display:flex;position:absolute;inset:0}.ap-lock-date{font-size:15px;font-weight:600}.ap-lock-time{letter-spacing:-.02em;margin-top:2px;font-size:88px;font-weight:700;font-stretch:75%;line-height:1}.ap-notifs{gap:8px;display:grid;position:absolute;top:37%;left:10px;right:10px}.ap-open{z-index:3;position:absolute;inset:0}.ap-app{background:var(--sheet);color:var(--ink);flex-direction:column;padding-top:44px;display:flex;position:absolute;inset:0}.ap-app-top{justify-content:space-between;align-items:center;padding:4px 16px 0;display:flex}.ap-app-title{letter-spacing:-.01em;font-size:20px;font-weight:600}.ap-app-plus{background:var(--ink);width:32px;height:32px;color:var(--sheet);border-radius:8px;place-items:center;font-size:20px;font-weight:500;line-height:1;display:grid}.ap-app-sub{color:var(--soft);padding:4px 16px 12px;font-size:12px;display:block}[data-ui] .ap-sync-list{flex:1;min-height:0;padding:0 6px;overflow:clip}.ap-phone [data-ui] .ap-sync-list li,.ap-phone .ap-sync-list li{border-top-color:var(--ap-rule);grid-template-columns:40px minmax(0,1fr) auto;gap:8px;min-height:50px;padding:0 10px}.ap-tabs{border-top:1px solid var(--ap-border);background:var(--sheet);grid-template-columns:repeat(5,minmax(0,1fr));padding-bottom:14px;display:grid}.ap-tabs>span{height:54px;color:var(--soft);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:500;line-height:1;display:flex}.ap-tabs>.is-on{color:var(--ink)}.ap-touch{z-index:4;background:var(--ap-scrim);opacity:0;pointer-events:none;border-radius:50%;width:46px;height:46px;position:absolute;top:60%;left:50%}.ap-tablet{background:var(--ink);width:720px;color:var(--ink);text-align:left;border-radius:34px;padding:12px;font-family:Archivo,system-ui,sans-serif}.ap-tablet-screen{background:var(--zinc);border-radius:23px;flex-direction:column;display:flex;overflow:clip}.ap-tablet-top{justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex}.ap-live{color:var(--soft);align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.ap-live:before{content:"";background:var(--green);border-radius:50%;width:8px;height:8px}.ap-tablet-body{padding:0 8px 8px}.ap-tablet .ap-tabs{padding-bottom:6px}.vt-two .vt-two-object--ui>.ap-two-tablet{left:var(--m);transform-origin:0 100%;width:620px;bottom:6%;transform:rotate(-3deg)}@media (prefers-reduced-motion:no-preference){.vt-two .vt-two-object--ui>.ap-two-tablet{transition:transform .4s var(--ease-out)}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.vt-two-field:hover .vt-two-object--ui>.ap-two-tablet{transform:rotate(-1.5deg)translateY(-8px)}}@media (width<=899px){.vt-two .vt-two-object--ui>.ap-two-tablet{width:600px;bottom:4%}}.ap-scene-stage{column-gap:var(--gut);padding:var(--sec) var(--m);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;row-gap:56px;display:grid}.ap-scene-head{grid-column:1/7;gap:24px;display:grid}.ap-scene-head .vt-lead{max-width:40ch}.ap-beats{grid-area:2/1/auto/7;gap:36px;margin:0;padding:0;list-style:none;display:grid}.ap-beat{gap:10px;max-width:44ch;display:grid}.ap-beat-name{text-transform:uppercase;font-size:clamp(30px,1.8vw + 14px,48px);font-weight:860;font-stretch:70%;line-height:.95}.ap-beat-count{display:none}.ap-scene-device{grid-area:1/8/span 2/13;place-self:center}.ap-scene-tilt{transform:rotate(-4deg)}.ap-scene:not(.is-live) .ap-open,.ap-scene:not(.is-live) .ap-touch{display:none}.ap-scene.is-live .ap-scene-stage{height:100svh;padding:calc(var(--hdr) + 3svh) var(--m) clamp(32px, 6svh, 72px);grid-template-rows:auto 1fr;row-gap:24px}.ap-scene.is-live .ap-beats{grid-template-areas:"temps";align-self:end}.ap-scene.is-live .ap-beat{grid-area:temps;align-self:end}.ap-scene.is-live .ap-beat-count{display:block}.ap-scene.is-live .ap-scene-device{align-self:center}@media (width>=768px) and (height<=820px){.ap-scene .ap-phone{zoom:.84}}@media (width>=768px) and (height<=700px){.ap-scene .ap-phone{zoom:.72}}@media (width<=767px){.ap-scene-stage{grid-template-columns:minmax(0,1fr);row-gap:40px}.ap-scene-head,.ap-beats,.ap-scene-device{grid-column:1/-1}.ap-scene-device{grid-row:2}.ap-beats{grid-row:3}.ap-scene .ap-phone{zoom:.9}.ap-scene.is-live .ap-scene-stage{padding:calc(var(--hdr) + 12px) var(--m) 24px;grid-template-rows:auto minmax(0,1fr) auto;row-gap:12px}.ap-scene.is-live .ap-scene-head .vt-lead{display:none}.ap-scene.is-live .ap-scene-device{grid-row:2;min-height:0}.ap-scene.is-live .ap-beats{grid-row:3}.ap-scene.is-live .ap-beat-name{font-size:26px}.ap-scene.is-live .ap-phone{zoom:.66}}@media (width<=767px) and (height<=740px){.ap-scene.is-live .ap-phone{zoom:.56}}.ap-slot-plus,.ap-slot-table,.ap-slot-noshow{place-items:center;font-family:Archivo,system-ui,sans-serif;font-weight:600;line-height:1;display:grid}.ap-slot-plus,.ap-slot-table{background:var(--ink);width:1.5em;height:1.5em;color:var(--sheet);font-size:.56em}.ap-slot-plus{border-radius:.3em}.ap-slot-table{border-radius:50%;width:1.8em;height:1.8em;font-size:.42em}.ap-slot-noshow{background:var(--ap-red-soft);height:1.8em;color:var(--ap-red);white-space:nowrap;border-radius:999px;padding:0 .7em;font-size:max(10px,.34em)}.vt-words .vt-slot--ui:has(.ap-slot-noshow){width:3em}.ap-sync{column-gap:var(--gut);padding:var(--sec) var(--m);grid-template-rows:auto 1fr;grid-template-columns:repeat(12,minmax(0,1fr));row-gap:40px;display:grid}.ap-sync-text{grid-area:1/1/auto/7;align-content:start;gap:24px;display:grid}.ap-sync-hint{grid-area:1/9/auto/13;align-self:end;max-width:32ch;font-weight:600}.ap-sync-desk{grid-area:2/1/auto/10;align-content:start;align-self:end;gap:12px;display:grid}.ap-sync-phone{z-index:1;grid-area:2/9/auto/13;place-self:end center;justify-items:center;gap:16px;display:grid;position:relative}.ap-sync-phone-tilt{transform:rotate(3deg)}.ap-sync .ap-phone{zoom:.92;height:480px}.ap-desk{background:var(--ink);color:var(--ink);text-align:left;border-radius:16px;grid-template-columns:180px minmax(0,1fr);padding:8px 8px 8px 0;font-family:Archivo,system-ui,sans-serif;display:grid}.ap-desk-side{background:var(--zinc);color:var(--soft);border-radius:10px 0 0 10px;align-content:start;gap:2px;margin:0 0 0 8px;padding:16px 10px;font-size:14px;display:grid}.ap-desk-side>span{border-radius:6px;padding:8px 10px}.ap-desk-side>.is-on{background:var(--step);color:var(--ink);font-weight:600}.ap-desk-mark{color:var(--ink);font-variation-settings:"WONK" 0;margin-bottom:14px;font-family:Fraunces,Georgia,serif;font-size:22px;font-weight:600}.ap-desk-sheet{background:var(--sheet);border-radius:0 10px 10px 0;flex-direction:column;gap:18px;padding:24px;display:flex}.ap-desk .ui-carnet-list li{border-top-color:var(--ap-rule)}.ap-pill-btn{cursor:pointer;transition:transform var(--t-press) var(--ease-out), outline-color var(--t-hover) ease;border:0;font-family:inherit}.ap-pill-btn:active{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.ap-pill-btn:hover{outline-offset:1px;outline:2px solid}}.ap-pill-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}[data-ui] .ap-sync-list li.is-flash{background:var(--ap-flash)}@media (prefers-reduced-motion:no-preference){[data-ui] .ap-sync-list li.is-flash{animation:ap-flash 1.6s var(--ease-out) both}}@keyframes ap-flash{0%{background:var(--ap-flash)}60%{background:var(--ap-flash)}to{background:0 0}}@media (width<=1099px){.ap-desk{grid-template-columns:140px minmax(0,1fr)}}@media (width<=899px){.ap-sync{grid-template-rows:none;grid-template-columns:minmax(0,1fr);row-gap:48px}.ap-sync-text,.ap-sync-hint,.ap-sync-desk,.ap-sync-phone{grid-area:auto/1/auto/-1}.ap-sync-phone{justify-self:end;margin:-120px 0 0}.ap-desk{grid-template-columns:minmax(0,1fr);min-height:0;padding:8px}.ap-desk-side{display:none}.ap-desk-sheet{border-radius:10px;padding:18px 14px}}@media (width<=767px){.ap-sync-phone{justify-self:center;margin-top:-64px}.ap-sync .ap-phone{zoom:.82}}.ap-pic{display:contents}.vt-two .ap-two-notif{bottom:84px}@media (width>=768px) and (width<=1099px){.ap-scene-head,.ap-beats{grid-column:1/8}.ap-scene-device{grid-column:8/13}.ap-scene .ap-phone{zoom:.8}}.ap-app>.ap-app-carnet{flex:1;min-height:0;overflow:clip}
