.island-demo[data-astro-cid-uibs3l6e]{width:100%;margin:0}.island-demo__caption[data-astro-cid-uibs3l6e]{letter-spacing:.08em;text-transform:uppercase;color:var(--lagoon);align-items:center;gap:8px;margin-bottom:12px;font-size:.78rem;font-weight:700;display:inline-flex}.island-demo__live[data-astro-cid-uibs3l6e]{background:var(--lagoon);border-radius:50%;width:8px;height:8px;animation:2s ease-out infinite demo-pulse;box-shadow:0 0 #1ec8d48c}.island-demo__stage[data-astro-cid-uibs3l6e]{border-radius:calc(var(--radius) + 12px);border:1px solid var(--line);isolation:isolate;background:radial-gradient(80% 50% at 50% 0,#1ec8d424,#0000 55%),radial-gradient(circle at 85% 70%,#ff6b8a29,#0000 40%),radial-gradient(circle at 12% 80%,#c47bff1f,#0000 38%),linear-gradient(165deg,#0e141c 0%,#070a0e 55%,#050505 100%);min-height:clamp(280px,48vw,400px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,0 32px 90px #0000008c}.island-demo__glow[data-astro-cid-uibs3l6e]{pointer-events:none;background:radial-gradient(#1ec8d438,#0000 65%);height:55%;animation:6s ease-in-out infinite demo-glow;position:absolute;inset:-20% 10% auto}.island-demo__menubar[data-astro-cid-uibs3l6e]{opacity:.35;align-items:center;gap:10px;display:flex;position:absolute;top:14px;left:16px;right:16px}.island-demo__apple[data-astro-cid-uibs3l6e]{background:#ffffffb3;border-radius:3px;width:10px;height:12px}.island-demo__menu-item[data-astro-cid-uibs3l6e]{background:#ffffff59;border-radius:2px;width:36px;height:4px}.island-demo__menu-item[data-astro-cid-uibs3l6e].short{width:22px}.island-demo__island[data-astro-cid-uibs3l6e]{z-index:2;flex-direction:column;align-items:center;width:min(88%,420px);display:flex;position:absolute;top:18%;left:50%;transform:translate(-50%)}.island-demo__pill[data-astro-cid-uibs3l6e]{z-index:3;background:#050505;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;width:220px;height:38px;animation:12s ease-in-out infinite demo-pill;display:flex;position:relative;box-shadow:0 12px 40px #000000a6,0 0 32px #1ec8d433}.island-demo__cam[data-astro-cid-uibs3l6e]{background:radial-gradient(circle at 35% 35%,#3a4555,#0a0c10 70%);border-radius:50%;width:10px;height:10px;position:absolute;left:14px;box-shadow:inset 0 0 0 1px #ffffff14}.island-demo__pill-content[data-astro-cid-uibs3l6e]{color:#ffffffe0;letter-spacing:.02em;align-items:center;gap:10px;padding-left:28px;font-size:.72rem;font-weight:700;display:flex}.island-demo__eq[data-astro-cid-uibs3l6e]{align-items:flex-end;gap:2px;height:12px;display:flex}.island-demo__eq[data-astro-cid-uibs3l6e] i[data-astro-cid-uibs3l6e]{background:linear-gradient(180deg, var(--lagoon), var(--sun));border-radius:1px;width:2px;animation:.9s ease-in-out infinite demo-eq;display:block}.island-demo__eq[data-astro-cid-uibs3l6e] i[data-astro-cid-uibs3l6e]:first-child{height:40%;animation-delay:0s}.island-demo__eq[data-astro-cid-uibs3l6e] i[data-astro-cid-uibs3l6e]:nth-child(2){height:80%;animation-delay:.15s}.island-demo__eq[data-astro-cid-uibs3l6e] i[data-astro-cid-uibs3l6e]:nth-child(3){height:55%;animation-delay:.3s}.island-demo__eq[data-astro-cid-uibs3l6e] i[data-astro-cid-uibs3l6e]:nth-child(4){height:70%;animation-delay:.45s}.island-demo__pill-time[data-astro-cid-uibs3l6e]{color:var(--lagoon);font-variant-numeric:tabular-nums}.island-demo__panel[data-astro-cid-uibs3l6e]{transform-origin:top;background:linear-gradient(160deg,#121820fa,#080a0efc);border:1px solid #ffffff1a;border-radius:28px;width:100%;margin-top:-8px;animation:12s ease-in-out infinite demo-expand;overflow:hidden;box-shadow:0 24px 60px #00000080,0 0 40px #1ec8d414}.island-demo__panel-inner[data-astro-cid-uibs3l6e]{height:148px;position:relative;overflow:hidden}.island-demo__slide[data-astro-cid-uibs3l6e]{opacity:0;align-items:center;gap:16px;padding:22px 22px 18px;animation:12s ease-in-out infinite demo-slide;display:flex;position:absolute;inset:0;transform:translateY(8px)}.island-demo__slide--music[data-astro-cid-uibs3l6e]{animation-name:demo-slide-1}.island-demo__slide--weather[data-astro-cid-uibs3l6e]{animation-name:demo-slide-2}.island-demo__slide--todo[data-astro-cid-uibs3l6e]{animation-name:demo-slide-3}.island-demo__slide--sys[data-astro-cid-uibs3l6e]{animation-name:demo-slide-4}.island-demo__album[data-astro-cid-uibs3l6e]{background:linear-gradient(135deg,#1ec8d4e6,#ff6b8ad9 55%,#ffe566b3);border-radius:16px;flex-shrink:0;width:72px;height:72px;animation:12s ease-in-out infinite demo-album;box-shadow:0 12px 28px #1ec8d44d}.island-demo__meta[data-astro-cid-uibs3l6e]{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.island-demo__meta[data-astro-cid-uibs3l6e] strong[data-astro-cid-uibs3l6e]{font-size:.98rem;font-family:var(--display);letter-spacing:-.02em}.island-demo__meta[data-astro-cid-uibs3l6e] span[data-astro-cid-uibs3l6e]{color:var(--muted);font-size:.8rem}.island-demo__meta[data-astro-cid-uibs3l6e].compact span[data-astro-cid-uibs3l6e]{display:block}.island-demo__progress[data-astro-cid-uibs3l6e]{background:#ffffff14;border-radius:999px;height:4px;margin-top:8px;overflow:hidden}.island-demo__progress[data-astro-cid-uibs3l6e] i[data-astro-cid-uibs3l6e]{border-radius:inherit;background:linear-gradient(90deg, var(--lagoon), var(--sun));width:42%;height:100%;animation:12s linear infinite demo-progress;display:block}.island-demo__controls[data-astro-cid-uibs3l6e]{flex-direction:column;align-items:center;gap:8px;display:flex}.island-demo__controls[data-astro-cid-uibs3l6e] span[data-astro-cid-uibs3l6e]{background:#fff3;border-radius:50%;width:10px;height:10px}.island-demo__controls[data-astro-cid-uibs3l6e] .play[data-astro-cid-uibs3l6e]{background:linear-gradient(135deg, var(--lagoon), #6ef0c8);width:28px;height:28px;box-shadow:0 6px 16px #1ec8d459}.island-demo__chip[data-astro-cid-uibs3l6e]{background:#1ec8d41f;border:1px solid #1ec8d447;border-radius:999px;align-self:flex-start;margin-top:6px;padding:3px 10px;font-weight:700;color:#9ef0f5!important;font-size:.72rem!important;display:inline-flex!important}.island-demo__todos[data-astro-cid-uibs3l6e]{flex-direction:column;gap:10px;width:100%;margin:0;padding:0;list-style:none;display:flex}.island-demo__todos[data-astro-cid-uibs3l6e] li[data-astro-cid-uibs3l6e]{color:var(--ink);align-items:center;gap:10px;font-size:.9rem;display:flex}.island-demo__todos[data-astro-cid-uibs3l6e] li[data-astro-cid-uibs3l6e].done{color:var(--faint);text-decoration:line-through}.island-demo__todos[data-astro-cid-uibs3l6e] i[data-astro-cid-uibs3l6e]{border:1.5px solid #1ec8d48c;border-radius:5px;flex-shrink:0;width:16px;height:16px}.island-demo__todos[data-astro-cid-uibs3l6e] li[data-astro-cid-uibs3l6e].done i[data-astro-cid-uibs3l6e]{background:linear-gradient(135deg, var(--lagoon), var(--palm));border-color:#0000}.island-demo__rings[data-astro-cid-uibs3l6e]{gap:12px;display:flex}.ring[data-astro-cid-uibs3l6e]{width:56px;height:56px;color:var(--muted);background:conic-gradient(var(--lagoon) 0 62%, #ffffff14 0), #0a0e14;border-radius:50%;place-items:center;font-size:.62rem;font-weight:800;display:grid;mask:radial-gradient(farthest-side,#0000 calc(100% - 6px),#000 calc(100% - 5px))}.ring[data-astro-cid-uibs3l6e] span[data-astro-cid-uibs3l6e]{position:absolute;mask:none}.ring[data-astro-cid-uibs3l6e]{border:5px solid #ffffff14;border-top-color:var(--lagoon);border-right-color:var(--lagoon);background:0 0;position:relative;mask:none}.ring[data-astro-cid-uibs3l6e].r2{border-top-color:var(--sunset);border-right-color:var(--sunset);border-bottom-color:var(--sunset)}.ring[data-astro-cid-uibs3l6e].r3{border-top-color:var(--dusk)}.island-demo__dots[data-astro-cid-uibs3l6e]{justify-content:center;gap:6px;padding-bottom:12px;display:flex}.island-demo__dots[data-astro-cid-uibs3l6e] i[data-astro-cid-uibs3l6e]{background:#fff3;border-radius:50%;width:5px;height:5px;animation:12s ease-in-out infinite demo-dot}.island-demo__dots[data-astro-cid-uibs3l6e] i[data-astro-cid-uibs3l6e]:nth-child(2){animation-delay:-3s}.island-demo__dots[data-astro-cid-uibs3l6e] i[data-astro-cid-uibs3l6e]:nth-child(3){animation-delay:-6s}.island-demo__dots[data-astro-cid-uibs3l6e] i[data-astro-cid-uibs3l6e]:nth-child(4){animation-delay:-9s}.island-demo__sparkles[data-astro-cid-uibs3l6e]{pointer-events:none;opacity:.7;width:100%;height:100%;position:absolute;inset:0}.sp[data-astro-cid-uibs3l6e]{animation:4s ease-in-out infinite demo-twinkle}.s2[data-astro-cid-uibs3l6e]{animation-delay:1s}.s3[data-astro-cid-uibs3l6e]{animation-delay:1.6s}.s4[data-astro-cid-uibs3l6e]{animation-delay:2.2s}@keyframes demo-pulse{0%{box-shadow:0 0 #1ec8d48c}70%{box-shadow:0 0 0 10px #1ec8d400}to{box-shadow:0 0 #1ec8d400}}@keyframes demo-glow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes demo-pill{0%,8%{width:220px;transform:scale(1)}14%,88%{width:min(100%,380px);transform:scale(1.02)}94%,to{width:220px;transform:scale(1)}}@keyframes demo-expand{0%,8%{opacity:0;max-height:0;transform:scaleY(.4)}14%,88%{opacity:1;max-height:220px;transform:scaleY(1)}94%,to{opacity:0;max-height:0;transform:scaleY(.4)}}@keyframes demo-slide-1{0%,12%{opacity:0;transform:translateY(8px)}16%,30%{opacity:1;transform:translateY(0)}34%,to{opacity:0;transform:translateY(-6px)}}@keyframes demo-slide-2{0%,34%{opacity:0;transform:translateY(8px)}38%,52%{opacity:1;transform:translateY(0)}56%,to{opacity:0;transform:translateY(-6px)}}@keyframes demo-slide-3{0%,56%{opacity:0;transform:translateY(8px)}60%,74%{opacity:1;transform:translateY(0)}78%,to{opacity:0;transform:translateY(-6px)}}@keyframes demo-slide-4{0%,78%{opacity:0;transform:translateY(8px)}82%,92%{opacity:1;transform:translateY(0)}96%,to{opacity:0;transform:translateY(-6px)}}@keyframes demo-eq{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}@keyframes demo-progress{0%,12%{width:18%}30%{width:48%}to{width:72%}}@keyframes demo-album{0%,to{filter:hue-rotate()}50%{filter:hue-rotate(25deg)}}@keyframes demo-dot{0%,20%{background:var(--lagoon);transform:scale(1.3)}25%,to{background:#fff3;transform:scale(1)}}@keyframes demo-twinkle{0%,to{opacity:.25}50%{opacity:1}}@media (width<=600px){.island-demo__panel-inner[data-astro-cid-uibs3l6e]{height:160px}.island-demo__album[data-astro-cid-uibs3l6e]{width:56px;height:56px}.island-demo__slide[data-astro-cid-uibs3l6e]{gap:12px;padding:16px}}@media (prefers-reduced-motion:reduce){.island-demo__live[data-astro-cid-uibs3l6e],.island-demo__glow[data-astro-cid-uibs3l6e],.island-demo__pill[data-astro-cid-uibs3l6e],.island-demo__panel[data-astro-cid-uibs3l6e],.island-demo__slide[data-astro-cid-uibs3l6e],.island-demo__eq[data-astro-cid-uibs3l6e] i[data-astro-cid-uibs3l6e],.island-demo__progress[data-astro-cid-uibs3l6e] i[data-astro-cid-uibs3l6e],.island-demo__album[data-astro-cid-uibs3l6e],.island-demo__dots[data-astro-cid-uibs3l6e] i[data-astro-cid-uibs3l6e],.sp[data-astro-cid-uibs3l6e]{animation:none!important}.island-demo__pill[data-astro-cid-uibs3l6e]{width:min(100%,340px)}.island-demo__panel[data-astro-cid-uibs3l6e]{opacity:1;max-height:220px;transform:none}.island-demo__slide--music[data-astro-cid-uibs3l6e]{opacity:1;transform:none}.island-demo__slide--weather[data-astro-cid-uibs3l6e],.island-demo__slide--todo[data-astro-cid-uibs3l6e],.island-demo__slide--sys[data-astro-cid-uibs3l6e]{opacity:0;pointer-events:none}}