@layer components{.dark :is(.home-hero,.home-showcase){--background:#191613;--foreground:#f3eee8;--card:#221f1b;--card-foreground:var(--foreground);--muted-foreground:#afa598;--border:#413b35;--primary:#e8956f;--primary-foreground:#2c180f;--ring:var(--primary)}.dark .home-showcase{--muted:#2c2825;--accent:#2c2825}:is(.home-hero,.home-showcase):lang(zh){--font-serif-display:"Noto Serif SC", "Source Han Serif SC", "Songti SC", "SimSun"}.home-hero .home-ambient__glow{--ambient-intensity:16%}.home-hero .home-ambient__ring{border:6px solid color-mix(in oklch, var(--primary) 15%, transparent);filter:blur(4px)}@media (width<64rem){.home-hero :is(.home-ambient__glow,.home-ambient__ring){top:clamp(24rem,55vh,30rem)}}.home-wave{width:100%;height:100%;position:relative}.home-wave__layer{align-items:flex-end;gap:3px;display:flex;position:absolute;inset:0}.home-wave__bar{background:var(--primary);transform-origin:bottom;border-radius:2px;flex:1;min-width:2px;animation:2.4s ease-in-out infinite home-wave-bar}.home-wave[data-playhead=true] .home-wave__layer--base .home-wave__bar{background:color-mix(in oklch, var(--muted-foreground) 45%, transparent)}.home-wave__layer--played{clip-path:inset(0 100% 0 0);animation:home-wave-played var(--home-wave-duration,22s) linear infinite}.home-wave__head{background:var(--primary);width:2px;box-shadow:0 0 12px color-mix(in oklch, var(--primary) 70%, transparent);animation:home-wave-head var(--home-wave-duration,22s) linear infinite;border-radius:1px;position:absolute;top:-4px;bottom:0;left:0}@keyframes home-wave-bar{0%,to{transform:scaleY(1)}50%{transform:scaleY(.72)}}@keyframes home-wave-played{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes home-wave-head{0%{left:0}to{left:calc(100% - 2px)}}.home-ambient{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.home-ambient__glow,.home-ambient__ring{top:var(--home-ambient-y);left:var(--home-ambient-x);width:var(--home-ambient-size);aspect-ratio:1;border-radius:50%;position:absolute;translate:-50% -50%}.home-ambient__glow{background:radial-gradient(circle, color-mix(in oklch, var(--primary) var(--ambient-intensity,26%), transparent) 0%, transparent 65%);animation:9s ease-in-out infinite home-ambient-breathe}.home-ambient__ring{border:1px solid color-mix(in oklch, var(--primary) 30%, transparent);opacity:0;animation:7.2s ease-out infinite home-ambient-ring}@keyframes home-ambient-breathe{0%,to{opacity:.75;scale:.96}50%{opacity:1;scale:1.04}}@keyframes home-ambient-ring{0%{opacity:0;scale:.2}15%{opacity:.7}to{opacity:0;scale:1}}.home-meter{flex:1;align-items:center;gap:3px;height:22px;display:flex}.home-meter__bar{background:color-mix(in oklch, var(--primary) 80%, transparent);border-radius:2px;flex:1;animation:1.8s ease-in-out infinite home-wave-bar}.home-roll{--note-strong:var(--primary);--note-soft:color-mix(in oklch, var(--primary) 55%, var(--foreground));--note-dim:color-mix(in oklch, var(--primary) 60%, transparent)}.home-roll__lane{background:var(--muted);border-radius:6px;flex:1;position:relative;overflow:hidden}.home-roll__grid{background:color-mix(in oklch, var(--border) 45%, transparent);width:1px;position:absolute;top:0;bottom:0}.home-roll__grid--bar{background:var(--border)}.home-roll__note{background:var(--note-strong);height:7px;animation:home-roll-hit var(--home-roll-loop,9s) linear infinite;border-radius:2px;position:absolute}.home-roll__note[data-tone=soft]{background:var(--note-soft)}.home-roll__note[data-tone=dim]{background:var(--note-dim)}.home-roll__head{background:var(--foreground);width:2px;box-shadow:0 0 10px color-mix(in oklch, var(--primary) 80%, transparent), -24px 0 28px -6px color-mix(in oklch, var(--primary) 30%, transparent);animation:home-roll-head var(--home-roll-loop,9s) linear infinite;position:absolute;top:0;bottom:0;left:0}@keyframes home-roll-head{0%{left:0}to{left:calc(100% - 2px)}}@keyframes home-roll-hit{0%{filter:brightness(1.7);box-shadow:0 0 10px color-mix(in oklch, var(--primary) 80%, transparent)}7%,to{filter:none;box-shadow:none}}@media (prefers-reduced-motion:no-preference){[data-reveal]{transition:opacity .6s,translate .6s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0s)}[data-reveal=pending]{opacity:0;translate:0 18px}}@media (prefers-reduced-motion:reduce){.home-wave__bar,.home-wave__layer--played,.home-wave__head,.home-ambient__glow,.home-ambient__ring,.home-meter__bar,.home-roll__note,.home-roll__head{animation:none}.home-wave__layer--played{clip-path:inset(0 62% 0 0)}.home-wave__head{left:38%}.home-roll__head{left:31%}.home-ambient__ring{display:none}}}@layer utilities{.home-stem-demo [data-slot=audio-play]{border:1px solid var(--border);color:var(--primary);background:0 0}.home-stem-demo [data-slot=audio-play]:hover{background:var(--muted)}.home-stem-demo [data-slot=audio-label]{width:5rem;max-width:32%}.home-stem-demo [data-slot=audio-waveform]{border-radius:2px;align-items:flex-end;gap:clamp(2px,.5vw,6px);max-width:23rem}.home-stem-demo [data-slot=audio-peak]{background:color-mix(in oklch, var(--primary) 70%, var(--card));border-radius:1px;min-height:2px}.home-stem-demo [data-played=true]{background:var(--primary)}.home-stem-demo [data-slot=audio-time]{display:none}}