.scene[data-astro-cid-i24p33vu]{--ease-expo:cubic-bezier(.16, 1, .3, 1);--loop:9s;--rotate:27s;aspect-ratio:5/4;border-radius:calc(var(--radius) + 6px);background:radial-gradient(125% 90% at 72% 0%, var(--demo-screen-top), var(--demo-screen-bottom));width:100%;max-width:460px;box-shadow:0 1px 1px color-mix(in srgb, var(--text) 4%, transparent), 0 22px 55px -26px var(--demo-shadow);position:relative;overflow:hidden}.scene__bar[data-astro-cid-i24p33vu]{background:color-mix(in srgb, var(--demo-panel) 60%, transparent);backdrop-filter:blur(6px);justify-content:space-between;align-items:center;height:26px;padding-inline:12px;display:flex;position:absolute;inset:0 0 auto}.scene__menus[data-astro-cid-i24p33vu]{background:color-mix(in srgb, var(--text) 24%, transparent);border-radius:2px;width:14px;height:4px;position:relative}.scene__menus[data-astro-cid-i24p33vu]:before,.scene__menus[data-astro-cid-i24p33vu]:after{content:"";background:color-mix(in srgb, var(--text) 24%, transparent);border-radius:2px;height:4px;position:absolute;top:0}.scene__menus[data-astro-cid-i24p33vu]:before{width:10px;left:20px}.scene__menus[data-astro-cid-i24p33vu]:after{width:10px;left:36px}.scene__tray[data-astro-cid-i24p33vu]{color:var(--text);display:inline-flex}.scene__trayMark[data-astro-cid-i24p33vu]{font-size:13px}.scene__work[data-astro-cid-i24p33vu]{opacity:.5;flex-direction:column;gap:13px;padding:28px 30px;display:flex;position:absolute;inset:26px 0 0}.scene__work[data-astro-cid-i24p33vu] span[data-astro-cid-i24p33vu]{background:color-mix(in srgb, var(--text) 10%, transparent);border-radius:4px;height:7px}.scene__work[data-astro-cid-i24p33vu] span[data-astro-cid-i24p33vu]:first-child{width:70%}.scene__work[data-astro-cid-i24p33vu] span[data-astro-cid-i24p33vu]:nth-child(2){width:86%}.scene__work[data-astro-cid-i24p33vu] span[data-astro-cid-i24p33vu]:nth-child(3){width:58%}.scene__work[data-astro-cid-i24p33vu] span[data-astro-cid-i24p33vu]:nth-child(4){width:78%}.scene__work[data-astro-cid-i24p33vu] span[data-astro-cid-i24p33vu]:nth-child(5){width:42%}.scene__key[data-astro-cid-i24p33vu]{font-family:var(--font-sans);letter-spacing:.02em;color:var(--text);background:var(--demo-panel);box-shadow:0 1px 0 color-mix(in srgb, var(--text) 14%, transparent), 0 7px 18px -7px var(--demo-shadow);animation:keycap var(--loop) var(--ease-expo) infinite;border-radius:9px;padding:7px 11px;font-size:12px;font-weight:600;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.scene__panel[data-astro-cid-i24p33vu]{background:var(--demo-panel);width:78%;min-height:104px;box-shadow:0 1px 2px color-mix(in srgb, var(--text) 6%, transparent), 0 26px 55px -22px var(--demo-shadow);animation:panel var(--loop) var(--ease-expo) infinite;border-radius:14px;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.scene__var[data-astro-cid-i24p33vu]{display:flex;position:absolute;inset:16px 18px 40px}.scene__var--a[data-astro-cid-i24p33vu],.scene__var--b[data-astro-cid-i24p33vu]{align-items:center}.scene__var--c[data-astro-cid-i24p33vu]{align-items:flex-start}.scene__var--a[data-astro-cid-i24p33vu]{animation:noteA var(--rotate) var(--ease-expo) infinite}.scene__var--b[data-astro-cid-i24p33vu]{animation:noteB var(--rotate) var(--ease-expo) infinite}.scene__var--c[data-astro-cid-i24p33vu]{animation:noteC var(--rotate) var(--ease-expo) infinite}.scene__note[data-astro-cid-i24p33vu]{font-family:var(--font-serif);color:var(--text);font-size:16px;line-height:1.4}.scene__caret[data-astro-cid-i24p33vu]{vertical-align:-.18em;background:var(--text);width:2px;height:1.05em;margin-left:1.5px;animation:1.05s step-end infinite caret;display:inline-block}.scene__list[data-astro-cid-i24p33vu]{flex-direction:column;gap:7px;width:100%;list-style:none;display:flex}.scene__task[data-astro-cid-i24p33vu]{font-family:var(--font-sans);color:var(--text);align-items:center;gap:9px;font-size:14px;display:flex}.scene__box[data-astro-cid-i24p33vu]{background:color-mix(in srgb, var(--text) 8%, transparent);border-radius:5px;flex:none;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.scene__box--done[data-astro-cid-i24p33vu]{background:#1f9d57}.scene__box--done[data-astro-cid-i24p33vu] svg[data-astro-cid-i24p33vu]{color:#fff;width:11px;height:11px}.scene__task--done[data-astro-cid-i24p33vu]{color:var(--text-muted);text-decoration:line-through;text-decoration-color:color-mix(in srgb, var(--text) 35%, transparent)}.scene__saved[data-astro-cid-i24p33vu]{font-family:var(--font-sans);color:var(--text-muted);animation:savedIn var(--loop) ease-out infinite;align-items:center;gap:5px;font-size:12px;font-weight:550;display:inline-flex;position:absolute;bottom:15px;left:18px}.scene__check[data-astro-cid-i24p33vu]{color:#1f9d57;width:14px;height:14px}@keyframes keycap{0%{opacity:0;transform:translate(-50%,-50%)scale(.96)}2%{opacity:1;transform:translate(-50%,-50%)scale(1)}7%{opacity:1;transform:translate(-50%,-50%)scale(.92)}11%{opacity:1;transform:translate(-50%,-50%)scale(1)}17%{opacity:0;transform:translate(-50%,-50%)scale(1)}to{opacity:0}}@keyframes panel{0%{opacity:0;transform:translate(-50%,calc(-50% - 8px))scale(.975)}5%{opacity:0;transform:translate(-50%,calc(-50% - 8px))scale(.975)}14%{opacity:1;transform:translate(-50%,-50%)scale(1)}86%{opacity:1;transform:translate(-50%,-50%)scale(1)}94%{opacity:0;transform:translate(-50%,calc(-50% - 6px))scale(.985)}to{opacity:0;transform:translate(-50%,calc(-50% - 8px))scale(.975)}}@keyframes savedIn{0%,57%{opacity:0;transform:translateY(3px)}65%{opacity:1;transform:translateY(0)}86%{opacity:1;transform:translateY(0)}91%,to{opacity:0}}@keyframes caret{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes noteA{0%,5%{opacity:0;transform:translateY(5px)}10%{opacity:1;transform:translateY(0)}29%{opacity:1;transform:translateY(0)}31%,to{opacity:0;transform:translateY(0)}}@keyframes noteB{0%,38.3%{opacity:0;transform:translateY(5px)}43.3%{opacity:1;transform:translateY(0)}62.3%{opacity:1;transform:translateY(0)}64.3%,to{opacity:0;transform:translateY(0)}}@keyframes noteC{0%,71.6%{opacity:0;transform:translateY(5px)}76.6%{opacity:1;transform:translateY(0)}95.6%{opacity:1;transform:translateY(0)}97.6%,to{opacity:0;transform:translateY(0)}}.scene__emoji[data-astro-cid-i24p33vu]{vertical-align:-.12em;width:1.25em;height:1em;display:inline-block;position:relative}.scene__emoji[data-astro-cid-i24p33vu]>span[data-astro-cid-i24p33vu]{line-height:1;position:absolute;top:0;left:0}.scene__emoji[data-astro-cid-i24p33vu]>span[data-astro-cid-i24p33vu]:first-child{animation:2.6s ease-in-out infinite emojiSwapA}.scene__emoji[data-astro-cid-i24p33vu]>span[data-astro-cid-i24p33vu]:nth-child(2){opacity:0;animation:2.6s ease-in-out infinite emojiSwapB}@keyframes emojiSwapA{0%,40%{opacity:1;transform:scale(1)rotate(0)}50%,90%{opacity:0;transform:scale(.5)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes emojiSwapB{0%,40%{opacity:0;transform:scale(.5)rotate(10deg)}50%,90%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(.5)rotate(10deg)}}@media (prefers-reduced-motion:reduce){.scene__key[data-astro-cid-i24p33vu],.scene__var--b[data-astro-cid-i24p33vu],.scene__var--c[data-astro-cid-i24p33vu]{display:none}.scene__panel[data-astro-cid-i24p33vu],.scene__var--a[data-astro-cid-i24p33vu],.scene__saved[data-astro-cid-i24p33vu],.scene__caret[data-astro-cid-i24p33vu]{animation:none}}