.pip-study-scene[data-v-4bbd083c]{--scene-ink: oklch(.29 .025 95);--scene-ease: cubic-bezier(.22, 1, .36, 1);position:relative;width:100%;color:var(--scene-ink)}.pip-desk[data-v-4bbd083c]{position:relative;width:100%;aspect-ratio:1.06;isolation:isolate}.desk-sun[data-v-4bbd083c]{position:absolute;inset:10% 8% 8%;border-radius:50%;background:#ffda72;transform:rotate(-12deg);animation:desk-arrive-4bbd083c .8s var(--scene-ease) both}.desk-path[data-v-4bbd083c]{position:absolute;inset:0;width:100%;height:100%;stroke:#a7976e;stroke-width:1.5;stroke-dasharray:4 8}.desk-pip[data-v-4bbd083c]{position:absolute;width:66%;left:17%;bottom:8%;animation:pip-settle-4bbd083c 3.6s var(--scene-ease) both}.desk-pip img[data-v-4bbd083c]{width:100%;height:auto;transform:rotate(-4deg);transition:transform .35s var(--scene-ease)}.pip-study-scene:has(.pip-replay:hover,.pip-replay:focus-visible) .desk-pip img[data-v-4bbd083c]{transform:rotate(0) translateY(-6px)}.desk-sheet[data-v-4bbd083c]{position:absolute;width:33%;left:0;top:9%;padding:7% 4% 5%;background:#fcfaf1;border:1px solid oklch(.82 .035 95);border-radius:4px 16px 4px 4px;transform:rotate(-12deg);animation:sheet-arrive-4bbd083c 1s var(--scene-ease) .15s both}.sheet-title[data-v-4bbd083c]{display:block;font-size:clamp(10px,1.1vw,13px);font-weight:600;white-space:nowrap}.desk-sheet svg[data-v-4bbd083c]{width:100%;margin:12% 0;stroke:#3c633d;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.desk-sheet i[data-v-4bbd083c]{display:block;height:5px;margin-top:10px;background:#dcd8c7;border-radius:3px}.desk-sheet i[data-v-4bbd083c]:last-child{width:68%;background:#f6d476}.desk-cards[data-v-4bbd083c]{position:absolute;top:7%;right:1%;width:31%;aspect-ratio:1.1;padding:6%;background:#e5d7f7;border:1px solid oklch(.76 .04 305);border-radius:12px;transform:rotate(12deg);animation:card-arrive-4bbd083c 1s var(--scene-ease) .35s both}.desk-cards[data-v-4bbd083c]:before{content:"";position:absolute;inset:0;z-index:-1;background:#ede2fb;border:inherit;border-radius:inherit;transform:rotate(-9deg) translate(-7px,5px)}.desk-cards span[data-v-4bbd083c]{display:block;font-size:clamp(10px,1.1vw,13px);font-weight:500}.desk-cards strong[data-v-4bbd083c]{font-size:clamp(32px,4vw,54px);font-weight:500;line-height:1.3}.desk-cards svg[data-v-4bbd083c]{position:absolute;width:22%;right:13%;bottom:18%;stroke:#3c633d;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.desk-listen[data-v-4bbd083c]{position:absolute;right:0;bottom:3%;display:flex;align-items:center;gap:10px;width:47%;padding:16px;border:1px solid oklch(.8 .04 60);border-radius:999px;background:#fedec4;transform:rotate(5deg);animation:listen-arrive-4bbd083c 1s var(--scene-ease) .55s both}.desk-listen>svg[data-v-4bbd083c]{flex:0 0 25px;width:25px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.desk-listen span[data-v-4bbd083c]{font-size:13px}.desk-wave[data-v-4bbd083c]{display:flex;flex:1;align-items:center;justify-content:end;gap:3px;height:24px}.desk-wave i[data-v-4bbd083c]{width:3px;height:45%;background:#8a6241;border-radius:4px;animation:wave-settle-4bbd083c 1.6s var(--scene-ease) .9s 2}.desk-wave i[data-v-4bbd083c]:nth-child(3n){height:100%;animation-delay:1.05s}.desk-wave i[data-v-4bbd083c]:nth-child(3n+1){height:70%;animation-delay:1.2s}.desk-spark[data-v-4bbd083c]{position:absolute;font-size:44px;animation:spark-arrive-4bbd083c .9s var(--scene-ease) .65s both}.spark-one[data-v-4bbd083c]{left:7%;bottom:15%;color:#8a6241}.spark-two[data-v-4bbd083c]{top:1%;left:47%;font-size:34px}.pip-replay[data-v-4bbd083c]{position:absolute;z-index:2;left:17%;bottom:8%;width:66%;aspect-ratio:1;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.pip-replay[data-v-4bbd083c]:focus-visible{outline:2px solid var(--scene-ink);outline-offset:6px}@keyframes desk-arrive-4bbd083c{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes pip-settle-4bbd083c{0%{opacity:0;transform:translateY(28px) rotate(5deg)}30%,65%{opacity:1;transform:translateY(-4px) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes sheet-arrive-4bbd083c{0%{opacity:0;transform:translate(20px,24px) rotate(-5deg)}to{opacity:1;transform:rotate(-12deg)}}@keyframes card-arrive-4bbd083c{0%{opacity:0;transform:translate(-20px,24px) rotate(4deg)}to{opacity:1;transform:rotate(12deg)}}@keyframes listen-arrive-4bbd083c{0%{opacity:0;transform:translateY(24px) rotate(0)}to{opacity:1;transform:rotate(5deg)}}@keyframes spark-arrive-4bbd083c{0%{opacity:0;transform:scale(.5) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes wave-settle-4bbd083c{0%,to{transform:scaleY(1)}50%{transform:scaleY(.35)}}@media(max-width:900px){.pip-study-scene[data-v-4bbd083c]{max-width:420px;margin-inline:auto}}@media(max-width:600px){.pip-study-scene[data-v-4bbd083c]{max-width:300px}.desk-listen[data-v-4bbd083c]{padding:12px;gap:6px;width:51%}.desk-listen span[data-v-4bbd083c]{font-size:11px}}@media(prefers-reduced-motion:reduce){.pip-desk[data-v-4bbd083c] *{animation:none!important;transition:none!important}.pip-study-scene:has(.pip-replay:hover,.pip-replay:focus-visible) .desk-pip img[data-v-4bbd083c]{transform:rotate(-4deg)}.pip-replay[data-v-4bbd083c]{display:none}}