[data-island=shape]{position:absolute;inset:0}[data-island=shape] canvas{display:block;width:100%;height:100%}.left-rail-bars{display:flex;align-items:stretch;justify-content:center;width:100%;margin:1.1rem 0;padding:0 .4rem;height:8rem}.audio-bars{display:flex;align-items:stretch;justify-content:center;gap:.5rem;width:100%;height:100%}.audio-bars-col{display:flex;flex-direction:column;justify-content:space-between;gap:3px;height:100%;width:.7rem}.audio-bars-seg{display:block;flex:0 0 auto;height:2px;border-radius:1px;transition:opacity .45s cubic-bezier(.4,0,.2,1),background .45s cubic-bezier(.4,0,.2,1)}.status-bar{position:fixed;left:calc(var(--rail-w-left, 4rem) + 1.25rem);bottom:1rem;z-index:35;display:flex;align-items:center;gap:.65rem;pointer-events:none;transition:left .32s cubic-bezier(.4,0,.2,1)}.drawer-open .status-bar{left:calc(var(--rail-w-left, 4rem) + var(--drawer-w, 18rem) + 1.25rem)}.status-bar>*{pointer-events:auto}.status-indicator-wrap{display:inline-flex}.status-indicator{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .65rem .25rem .5rem;background:hsl(var(--card) / .7);backdrop-filter:blur(8px);border:1px solid hsl(var(--border));border-radius:9999px;font-size:.6875rem;letter-spacing:.12em;color:hsl(var(--muted-foreground))}.status-dot{width:.5rem;height:.5rem;border-radius:9999px;background:hsl(var(--muted-foreground));display:inline-block}.status-dot.is-online{background:#42d773;box-shadow:0 0 8px #42d773b3;animation:status-pulse 2s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.55}}.status-label{font-weight:500;text-transform:capitalize}.status-bar-time{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.625rem;letter-spacing:.08em;color:hsl(var(--muted-foreground));text-transform:uppercase}.status-bar-date{font-weight:500}.status-bar-clock{opacity:.8}@media (max-width: 640px){.status-bar{left:.75rem}.status-bar-time{display:none}}.hero-donut-wrap{position:absolute;top:4.5rem;right:1.25rem;z-index:12;pointer-events:auto}.donut-island{display:flex;flex-direction:column;align-items:center;gap:.85rem;padding:1rem 1.1rem .9rem;background:hsl(var(--card) / .55);backdrop-filter:blur(10px);border:1px solid hsl(var(--border) / .6);border-radius:16px;color:hsl(var(--card-foreground));width:13.5rem}.donut-svg-wrap{position:relative}.donut-svg{width:100%;height:100%;display:block}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.donut-value{font-family:var(--font-serif);font-weight:300;font-size:1.75rem;line-height:1;color:hsl(var(--foreground));letter-spacing:-.02em}.donut-label{font-size:.55rem;letter-spacing:.22em;text-transform:uppercase;color:hsl(var(--muted-foreground));margin-top:.15rem}.donut-legend{display:flex;flex-direction:column;gap:.4rem;width:100%;font-size:.7rem;line-height:1.3}.donut-legend li{display:grid;grid-template-columns:.6rem 1fr auto;align-items:center;gap:.6rem;color:hsl(var(--muted-foreground));white-space:nowrap}.donut-legend-dot{width:.5rem;height:.5rem;border-radius:9999px;display:inline-block}.donut-legend-pct{font-family:var(--font-mono);font-weight:600;color:hsl(var(--foreground) / .85)}@media (max-width: 1024px){.hero-donut-wrap{display:none}}.music-player-card{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem .5rem .5rem;background:hsl(var(--card) / .85);backdrop-filter:blur(12px);border:1px solid hsl(var(--border));border-radius:9999px;box-shadow:0 4px 24px #0000004d;color:hsl(var(--card-foreground));font-size:.75rem}.mp-cover{width:2.5rem;height:2.5rem;border-radius:9999px;overflow:hidden;flex:none}.mp-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.mp-cover-placeholder{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;background:hsl(var(--magenta) / .85);color:hsl(var(--magenta-foreground))}.mp-cover-placeholder svg{width:1rem;height:1rem}.mp-meta{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.mp-title{font-weight:600;font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.mp-artist{color:hsl(var(--muted-foreground));font-size:.6875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.mp-play{width:2rem;height:2rem;border-radius:9999px;background:hsl(var(--magenta));color:hsl(var(--magenta-foreground));display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;flex:none}.mp-play.is-playing{filter:brightness(.9)}.mp-play svg{width:.875rem;height:.875rem}.mp-status{display:inline-flex;align-items:center;gap:.25rem;font-size:.5625rem;letter-spacing:.18em;font-weight:600;color:hsl(var(--muted-foreground));text-transform:uppercase}.mp-status-dot{width:.4rem;height:.4rem;border-radius:9999px;background:hsl(var(--muted-foreground));display:inline-block}.mp-status[data-online=true] .mp-status-dot{background:#47d175}.mp-icon-btn{width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:hsl(var(--muted-foreground));cursor:pointer;flex:none}.mp-icon-btn:hover{color:hsl(var(--foreground))}.mp-icon-btn svg{width:.875rem;height:.875rem}.mp-volume{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:4rem;height:.25rem;background:hsl(var(--muted) / .5);border-radius:9999px;outline:none}.mp-volume::-webkit-slider-thumb{-webkit-appearance:none;width:.625rem;height:.625rem;border-radius:9999px;background:hsl(var(--foreground));cursor:pointer}.mp-volume::-moz-range-thumb{width:.625rem;height:.625rem;border-radius:9999px;background:hsl(var(--foreground));cursor:pointer;border:none}@media (max-width: 640px){.music-player-card{font-size:.6875rem;gap:.5rem}.mp-volume,.mp-status{display:none}}#island-music-player{position:fixed;bottom:1rem;right:calc(var(--rail-w-right, 3rem) + 1rem);max-width:24rem;width:calc(100vw - var(--rail-w-right, 3rem) - var(--rail-w-left, 4rem) - 3rem);z-index:55;pointer-events:none}@media (max-width: 640px){#island-music-player{right:.75rem;width:calc(100vw - 1.5rem)}}#island-music-player>*{pointer-events:auto}#cart-drawer{will-change:transform}.cart-drawer-open #cart-drawer{transform:translate(0)}.island-loaded-fade{animation:page-fade-in .4s cubic-bezier(.4,0,.2,1) forwards}