.pullup-v301-demo-page{color:#e8e4dd;color:lab(90.76% .288427 3.81444);box-sizing:border-box;background:radial-gradient(120% 80% at 50% -20%,#18192859,#030101);background:radial-gradient(120% 80% at 50% -20%,lab(9.22461% 2.97717 -10.7505/.35),lab(.457718% .302538 .422585));min-height:100dvh;padding:clamp(20px,4vw,48px)}.pullup-v301-demo-page__header{max-width:1400px;margin:0 auto 32px}.pullup-v301-demo-page__title{font-family:var(--serif);letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(26px,3vw,36px);font-weight:400;line-height:1.15}.pullup-v301-demo-page__sub{font-family:var(--sans);color:#aaa497;color:lab(67.5944% .674576 7.69861);letter-spacing:-.01em;max-width:52ch;margin:0;font-size:14px;line-height:1.5}.pullup-v301-demo-page__tracks{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.pullup-v301-demo-page__track{font-family:var(--sans);letter-spacing:-.01em;color:#dad7d0;color:lab(86.1199% .289887 3.81539);cursor:pointer;background:#0f070399;background:lab(2.44759% 1.89917 2.52855/.6);border:.5px solid #383a4580;border:.5px solid lab(24.4324% 1.55185 -7.32018/.5);border-radius:100px;padding:8px 16px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s,transform .12s}.pullup-v301-demo-page__track:hover{background:#13142359;background:lab(6.94658% 2.90282 -10.6344/.35);border-color:#51536c8c;border-color:lab(35.8419% 3.44642 -14.5006/.55)}.pullup-v301-demo-page__track--on{color:#0b0401;color:lab(1.53632% 1.43998 1.80024);background:#ebe4d6;background:lab(90.7964% .639915 7.67279);border-color:#0000}.pullup-v301-demo-page__grid{grid-template-columns:1fr;gap:clamp(24px,3vw,40px);max-width:1600px;margin:0 auto;display:grid}@media (min-width:1100px){.pullup-v301-demo-page__grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:start}}.pullup-v301-demo-frame{background:#010100;background:lab(.192039% .180006 .225028);border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px #45475340,0 24px 80px #00000073;box-shadow:0 0 0 1px lab(30.2349% 1.51375 -7.33777/.25),0 24px 80px lab(0% 0 0/.45)}.pullup-v301-demo-frame__label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#777165;color:lab(47.8715% .723511 7.73717);margin-bottom:8px;padding:12px 16px 0;font-size:10px}.pullup-v301-demo-frame__iframe{background:#0a0a0a;border:0;width:100%;display:block}.pullup-v301-demo-frame--desktop .pullup-v301-demo-frame__iframe{height:min(820px,78vh);min-height:560px}.pullup-v301-demo-frame--mobile{max-width:420px;margin-left:auto;margin-right:auto}@media (min-width:1100px){.pullup-v301-demo-frame--mobile{margin-left:0;margin-right:0}}.pullup-v301-demo-frame--mobile .pullup-v301-demo-frame__iframe{height:min(720px,70vh);min-height:520px}.pullup-v301-embed-stage{min-height:100svh;position:relative;container:pullup-v301/inline-size}@container pullup-v301 (min-width:1024px){.pullup-v301-embed-stage .v3-np-body--web{box-sizing:border-box;background:0 0;column-gap:clamp(20px,4cqw,48px);max-width:min(1320px,100%);min-height:0;margin-left:auto;margin-right:auto;padding:clamp(56px,10vmin,140px) clamp(16px,3.5cqw,48px) clamp(32px,7vmin,96px)}.pullup-v301-embed-stage .v3-np-col-art{overscroll-behavior:contain;justify-content:center;align-items:center;padding:clamp(12px,2.5vmin,28px) clamp(10px,2cqw,20px) clamp(16px,3vmin,36px) clamp(10px,2cqw,24px);overflow:hidden}.pullup-v301-embed-stage .v3-np-col-art-inner{flex-direction:column;flex:0 auto;justify-content:center;align-items:center;gap:clamp(10px,2vmin,20px);width:100%;max-width:min(520px,100%);min-height:0;display:flex}.pullup-v301-embed-stage .v3-np-big-art-stack{--pullup-side:min(100%,min(76cqw,58vmin,520px));width:var(--pullup-side);max-width:var(--pullup-side);max-height:var(--pullup-side);aspect-ratio:1;flex-shrink:1;height:auto;min-height:0;margin:0}.pullup-v301-embed-stage .v3-np-title-web{font-size:clamp(24px,4.8cqw,40px)}.pullup-v301-embed-stage .v3-np-artist-web{margin-top:6px;font-size:clamp(15px,2.4cqw,20px)}.pullup-v301-embed-stage .v3-np-col-panel{padding-top:clamp(4px,1vmin,12px)}}.pullup-v301-embed-stage__chrome{box-sizing:border-box;min-height:100vh;padding-bottom:calc(120px + env(safe-area-inset-bottom,0px));background:var(--paper);color:var(--ink)}.pullup-v301-embed-stage__hint{font-family:var(--sans);color:var(--ink-3);max-width:36ch;padding:24px 20px 8px;font-size:13px;line-height:1.45}.pullup-v301-embed-stage__hint strong{color:var(--ink-2);font-weight:500}.pullup-v301-embed-stage--app{z-index:60;pointer-events:none;min-height:0;position:fixed;inset:0}.pullup-v301-embed-stage--app .v3-np-root{pointer-events:auto}.pullup-v301-demo-page__web-mini-block{border-top:.5px solid #383a4559;border-top:.5px solid lab(24.4324% 1.55185 -7.32018/.35);max-width:1600px;margin:clamp(40px,5vw,64px) auto 0;padding-top:8px}.pullup-v301-demo-page__web-mini-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#777165;color:lab(47.8715% .723511 7.73717);margin-bottom:12px;font-size:10px}.pullup-v301-demo-page__web-mini-title{font-family:var(--serif);letter-spacing:-.02em;color:#e8e4dd;color:lab(90.76% .288427 3.81444);margin:0 0 6px;font-size:clamp(20px,2.2vw,26px);font-weight:400}.pullup-v301-demo-page__web-mini-sub{font-family:var(--sans);color:#9e988b;color:lab(62.9538% .683934 7.70578);letter-spacing:-.01em;max-width:60ch;margin:0 0 20px;font-size:13px;line-height:1.45}.pullup-v301-web-mini-demo{border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px #45475340,0 24px 80px #00000073;box-shadow:0 0 0 1px lab(30.2349% 1.51375 -7.33777/.25),0 24px 80px lab(0% 0 0/.45)}.pullup-v301-web-mini-demo__shell{grid-template-columns:minmax(0,1fr) minmax(240px,300px);min-height:380px;max-height:min(520px,70vh);display:grid}@media (max-width:900px){.pullup-v301-web-mini-demo__shell{grid-template-columns:1fr;max-height:none}.pullup-v301-web-mini-demo__rail{display:none}}.pullup-v301-web-mini-demo__main{background:radial-gradient(90% 70% at 50% 20%,#00595d59,#0000 55%),radial-gradient(70% 50% at 80% 60%,#5d382766,#0000 50%),linear-gradient(165deg,#120601,#010309);background:radial-gradient(90% 70% at 50% 20%,lab(33.4894% -24.9795 -10.2348/.35),#0000 55%),radial-gradient(70% 50% at 80% 60%,lab(27.6958% 15.6004 17.8776/.4),#0000 50%),linear-gradient(165deg,lab(2.42154% 3.11926 3.4483),lab(.872366% .0483319 -2.26578));flex-direction:column;flex:1;min-width:0;min-height:280px;display:flex;position:relative}.pullup-v301-web-mini-demo__hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:32px 24px 88px;display:flex}.pullup-v301-web-mini-demo__hero-kicker{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#8c8579;color:lab(55.9929% .700206 7.71844);font-size:9px}.pullup-v301-web-mini-demo__hero-title{font-family:var(--serif);letter-spacing:-.02em;color:#eeebe4;color:lab(93.08% .287741 3.81397);font-size:clamp(22px,3.5cqw,34px);font-style:italic;font-weight:400}.pullup-v301-web-mini-demo__rail{color:var(--dark-ink);background:#0b0401;background:lab(1.53632% 1.43998 1.80024);border-left:.5px solid #27283380;border-left:.5px solid lab(16.3073% 1.62859 -7.28713/.5);padding:18px 16px 20px;overflow-y:auto}.pullup-v301-web-mini-demo__rail-head{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dark-ink-3);margin-bottom:14px;font-size:9px}.pullup-v301-web-mini-demo__rail-row{align-items:center;gap:12px;padding:8px 0;display:flex}.pullup-v301-web-mini-demo__rail-art{border-radius:4px;flex-shrink:0;width:36px;height:36px;box-shadow:0 0 0 .5px #ffffff14;box-shadow:0 0 0 .5px lab(100% 0 0/.08)}.pullup-v301-web-mini-demo__rail-text{flex-direction:column;gap:2px;min-width:0;display:flex}.pullup-v301-web-mini-demo__rail-t{font-family:var(--sans);color:var(--dark-ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.pullup-v301-web-mini-demo__rail-a{font-family:var(--sans);color:var(--dark-ink-3);font-size:11px}.pullup-v301-web-mini-demo__rail-hint{font-family:var(--sans);color:var(--dark-ink-3);margin:20px 0 0;font-size:11px;font-style:italic;line-height:1.4}.pullup-v301-web-mini-demo__art{border-radius:2px;flex-shrink:0;width:44px;height:44px;box-shadow:0 0 0 .5px #ffffff1a;box-shadow:0 0 0 .5px lab(100% 0 0/.1)}.pullup-v301-web-mini-demo .tap{font:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0}.pullup-v301-web-mini-demo .web-mini{background:var(--paper-2);border-top:.5px solid var(--rule);cursor:default;-webkit-user-select:none;user-select:none;position:relative}.pullup-v301-web-mini-demo .web-mini.under-sheet{z-index:5;-webkit-backdrop-filter:blur(20px)saturate(140%);background:#0000008c;border-top:.5px solid #ffffff14;position:absolute;bottom:0;left:0;right:0}.pullup-v301-web-mini-demo .web-mini.under-sheet .progress{background:#ffffff1a}.pullup-v301-web-mini-demo .web-mini.under-sheet .progress .fill{background:var(--dark-ink)}.pullup-v301-web-mini-demo .web-mini.under-sheet .meta .t{color:var(--dark-ink)}.pullup-v301-web-mini-demo .web-mini.under-sheet .meta .a{color:var(--dark-ink-3)}.pullup-v301-web-mini-demo .web-mini.under-sheet .transport button{color:var(--dark-ink-2)}.pullup-v301-web-mini-demo .web-mini.under-sheet .transport button:hover,.pullup-v301-web-mini-demo .web-mini.under-sheet .transport .playpause{color:var(--dark-ink)}.pullup-v301-web-mini-demo .web-mini.under-sheet .aux button{color:var(--dark-ink-3)}.pullup-v301-web-mini-demo .web-mini.under-sheet .aux button:hover{color:var(--dark-ink)}.pullup-v301-web-mini-demo .web-mini.under-sheet .aux .times{color:var(--dark-ink-3)}.pullup-v301-web-mini-demo .web-mini .progress{background:var(--rule);height:1px;position:absolute;top:0;left:0;right:0}.pullup-v301-web-mini-demo .web-mini .progress .fill{background:var(--ink-2);height:100%}.pullup-v301-web-mini-demo .web-mini .row{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:10px 20px;display:grid}.pullup-v301-web-mini-demo .web-mini .track{align-items:center;gap:12px;min-width:0;display:flex}.pullup-v301-web-mini-demo .web-mini .meta{min-width:0}.pullup-v301-web-mini-demo .web-mini .meta .t{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:1.15;overflow:hidden}.pullup-v301-web-mini-demo .web-mini .meta .a{font-family:var(--sans);color:var(--ink-3);letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.pullup-v301-web-mini-demo .web-mini .transport{justify-content:center;align-items:center;gap:18px;display:flex}.pullup-v301-web-mini-demo .web-mini .transport button{justify-content:center;align-items:center;padding:6px;transition:color .12s;display:flex}.pullup-v301-web-mini-demo .web-mini .aux{color:var(--ink-3);justify-content:flex-end;align-items:center;gap:14px;display:flex}.pullup-v301-web-mini-demo .web-mini .aux button{padding:6px;transition:color .12s}.pullup-v301-web-mini-demo .web-mini .aux .times{font-family:var(--mono);letter-spacing:.02em;color:var(--ink-3);white-space:nowrap;font-size:10px}.pullup-v301-web-mini-demo .web-mini .mini-toggle{color:var(--ink-3);padding:6px;transition:color .12s;position:relative}.pullup-v301-web-mini-demo .web-mini .mini-toggle:hover{color:var(--ink-2)}.pullup-v301-web-mini-demo .web-mini .mini-toggle.on{color:var(--accent)}.pullup-v301-web-mini-demo .web-mini .mini-toggle.on:after{content:"";background:var(--accent);border-radius:50%;width:3px;height:3px;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.pullup-v301-web-mini-demo .web-mini .mini-love{color:var(--ink-3);flex-shrink:0;margin-left:6px;padding:6px;transition:color .12s,transform .12s}.pullup-v301-web-mini-demo .web-mini .mini-love:hover{color:var(--ink)}.pullup-v301-web-mini-demo .web-mini .mini-love.on{color:var(--accent)}.pullup-v301-web-mini-demo .web-mini .mini-volume{align-items:center;gap:6px;display:flex}.pullup-v301-web-mini-demo .web-mini .mini-volume-slider{appearance:none;cursor:pointer;width:80px;height:16px;accent-color:var(--ink);background:0 0}.pullup-v301-web-mini-demo .web-mini .mini-volume-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--dark-ink-2)0 var(--vol-pct,70%),#ffffff1a var(--vol-pct,70%)100%);border-radius:1px;height:2px}.pullup-v301-web-mini-demo .web-mini .mini-volume-slider::-moz-range-track{background:#ffffff1a;border-radius:1px;height:2px}.pullup-v301-web-mini-demo .web-mini .mini-volume-slider::-moz-range-progress{background:var(--dark-ink-2);border-radius:1px;height:2px}.pullup-v301-web-mini-demo .web-mini .mini-volume-slider::-webkit-slider-thumb{appearance:none;background:var(--dark-ink);cursor:pointer;opacity:0;border:0;border-radius:50%;width:10px;height:10px;margin-top:-4px;transition:opacity .12s}.pullup-v301-web-mini-demo .web-mini .mini-volume-slider::-moz-range-thumb{background:var(--dark-ink);cursor:pointer;opacity:0;border:0;border-radius:50%;width:10px;height:10px;transition:opacity .12s}.pullup-v301-web-mini-demo .web-mini .mini-volume:hover .mini-volume-slider::-webkit-slider-thumb{opacity:1}.pullup-v301-web-mini-demo .web-mini .mini-volume:hover .mini-volume-slider::-moz-range-thumb{opacity:1}.pullup-v301-web-mini-demo .web-mini.under-sheet .mini-toggle{color:var(--dark-ink-3)}.pullup-v301-web-mini-demo .web-mini.under-sheet .mini-toggle:hover{color:var(--dark-ink-2)}.pullup-v301-web-mini-demo .web-mini.under-sheet .mini-love{color:var(--dark-ink-3)}.pullup-v301-web-mini-demo .web-mini.under-sheet .mini-love:hover{color:var(--dark-ink)}