:root{--ink:#0c0b0b;--paper:#eae6dd;--dim:#eae6dd8c;--hair:#eae6dd1a;--panel:#141313;--glass:oklch(14% .008 285.8/.82);--rec:#ff6a5c;--accent-emerald:oklch(76% .18 158);--radius-squircle-xs:8px;--radius-squircle-sm:14px;--radius-squircle-md:22px;--radius-squircle-lg:30px;--radius-squircle-xl:44px;--shadow-float:inset 0 1px 0 #ffffff1f, 0 1px 2px #0000004d, 0 8px 18px -2px #00000073, 0 24px 48px -8px #000000a6;--disp:"Syne", sans-serif;--mono:"IBM Plex Mono", monospace;--ease-main:cubic-bezier(.16, 1, .3, 1);--ease-hydraulic:linear(0, .015, .06 2.5%, .134 5.2%, .234 8.2%, .354 11.6%, .488 15.4%, .627 19.8%, .76 25%, .867 31.4%, .938 38.6%, .978 47.4%, .995 58.6%, 1 100%);--duration-hydraulic:.3s}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}.hidden{display:none!important}::selection{background:var(--paper);color:var(--ink)}a:focus-visible,button:focus-visible,input:focus-visible{outline:1.5px solid var(--paper);outline-offset:3px}html,body{overscroll-behavior:none;overscroll-behavior-y:none;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;background-color:var(--ink);width:100vw;height:100dvh;color:var(--paper);cursor:default;font-family:var(--disp);-webkit-font-smoothing:antialiased;font-synthesis:none;position:fixed;inset:0;overflow:hidden}body.idle-cursor{cursor:none}#grain{z-index:90;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.stage-viewport{touch-action:none;background:var(--ink);transform-origin:50%;will-change:transform;width:100vw;height:100dvh;position:absolute;inset:0;overflow:hidden}.viz-canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.ascii-viewport-layer{z-index:5;pointer-events:none;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.gate{z-index:30;background:radial-gradient(75vmin 75vmin at 50% 50%, oklch(22% .015 285.8/.4), transparent 75%), var(--ink);cursor:pointer;transition:opacity .6s var(--ease-hydraulic), transform .75s var(--ease-hydraulic), visibility .6s;place-items:center;display:grid;position:fixed;inset:0}.gate.gone{opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.08)translateY(-6px)}.gate-mark{-webkit-backdrop-filter:blur(28px)saturate(190%);width:144px;height:144px;color:var(--paper);cursor:pointer;animation:rise .8s var(--ease-hydraulic) both;transition:transform .4s var(--ease-hydraulic), box-shadow .4s var(--ease-hydraulic);background:oklch(15% .008 285.8/.55);border:1px solid #ffffff1f;border-radius:50%;position:relative;box-shadow:inset 0 1px #ffffff26,0 2px 4px #0000004d,0 16px 36px -4px #000000a6,0 0 45px -8px #ffc89626}.gate-mark:before{content:"";pointer-events:none;border:1px solid #ffffff14;border-radius:50%;animation:3.2s ease-out infinite gate-sonar;position:absolute;inset:-14px}@keyframes gate-sonar{0%{opacity:.75;transform:scale(.92)}50%{opacity:.2;transform:scale(1.22)}to{opacity:0;transform:scale(1.42)}}@media (hover:hover){.gate:hover .gate-mark{transform:scale(1.04);box-shadow:inset 0 1px #ffffff38,0 20px 48px -4px #000000bf,0 0 60px -6px #ffc89640}}.gate-mark:active{transition-duration:.12s;transform:scale(.94)}#gate-rive{opacity:0;width:100%;height:100%;transition:opacity .4s var(--ease-main);position:absolute;inset:0}.gate-mark.rive #gate-rive{opacity:1}.gate-mark.rive .gate-bars{opacity:0}.gate-bars{justify-content:center;align-items:center;gap:7px;transition:opacity .3s;display:flex;position:absolute;inset:0}.gate-bars i{background:linear-gradient(oklch(98% .002 286) 0%,oklch(86% .02 285.8) 100%);border-radius:6px;width:9px;height:56px;animation:2.2s cubic-bezier(.45,0,.55,1) infinite breathe;transform:scaleY(.3);box-shadow:0 0 12px #eae6dd2e}.gate-bars i:nth-child(2){animation-delay:-1.98s}.gate-bars i:nth-child(3){animation-delay:-1.76s}.gate-bars i:nth-child(4){animation-delay:-1.54s}.gate-bars i:nth-child(5){animation-delay:-1.32s}@keyframes breathe{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes rise{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.listen-hint-island{top:calc(16px + env(safe-area-inset-top,0px));-webkit-backdrop-filter:blur(32px)saturate(200%);border-radius:var(--radius-squircle-md,22px);corner-smoothing:100%;-webkit-corner-smoothing:100%;box-sizing:border-box;max-width:calc(100vw - 32px);color:var(--paper);z-index:25;pointer-events:auto;opacity:1;transition:opacity .3s var(--ease-hydraulic), transform .3s var(--ease-hydraulic);will-change:opacity, transform;background:oklch(14% .008 285.8/.9);border:1px solid #ffffff1f;align-items:center;gap:9px;padding:8px 14px;display:inline-flex;position:fixed;left:50%;transform:translate(-50%)translateY(0)scale(1);box-shadow:inset 0 1px #ffffff1f,0 2px 4px #0000004d,0 12px 28px -4px #000000b3}.listen-hint-island.hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(-12px)scale(.94)}.listen-wave-dot{align-items:center;gap:3px;height:16px;padding:0 2px;display:flex}.listen-wave-dot i{transform-origin:50%;width:3px;height:100%;transition:transform 80ms var(--ease-hydraulic);background:oklch(76% .18 158);border-radius:2px;animation:1.2s ease-in-out infinite wave-breathe}.listen-wave-dot i:first-child{animation-delay:0s;transform:scaleY(.4)}.listen-wave-dot i:nth-child(2){animation-delay:.2s;transform:scaleY(.9)}.listen-wave-dot i:nth-child(3){animation-delay:.4s;transform:scaleY(.5)}@keyframes wave-breathe{0%,to{opacity:.6;transform:scaleY(.35)}50%{opacity:1;transform:scaleY(1)}}.listen-mic{color:oklch(98% .002 286)}.listen-mic-slash{display:none}.listen-hint-island[data-state=paused] .listen-wave-dot i{background:var(--dim);animation:none;transform:scaleY(.2)}.listen-hint-island[data-state=paused] .listen-mic{animation:1.6s ease-in-out infinite wave-breathe}.listen-hint-island[data-state=denied] .listen-wave-dot{display:none}.listen-hint-island[data-state=denied] .listen-mic{color:oklch(70% .19 25)}.listen-hint-island[data-state=denied] .listen-mic-slash{display:inline}.listen-action-btn{width:28px;height:28px;color:var(--paper);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;place-items:center;margin:-4px -6px -4px 0;transition:background-color .2s,transform .15s;display:grid}.listen-action-btn.hidden{display:none}.listen-action-btn:hover{background:#fff3;transform:scale(1.03)}.listen-action-btn:active{transform:scale(.97)}.gate-alt{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));border-radius:var(--radius-squircle-xl,999px);corner-smoothing:100%;-webkit-corner-smoothing:100%;-webkit-backdrop-filter:blur(28px)saturate(180%);box-shadow:var(--shadow-float);animation:rise .8s .2s var(--ease-hydraulic) both;background:oklch(14% .008 285.8/.85);border:1px solid #ffffff1a;gap:4px;padding:4px;display:flex;position:fixed;translate:-50%}.gate-alt button,.dock-btn,.ctx-pill-btn{width:44px;height:44px;color:var(--dim);cursor:pointer;transition:color .15s ease, background-color .15s ease, transform .2s var(--ease-hydraulic);will-change:transform;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:relative}@media (hover:hover){.gate-alt button:hover,.dock-btn:hover,.ctx-pill-btn:hover{color:var(--paper);background:#ffffff14}}.gate-alt button:active,.dock-btn:active,.ctx-pill-btn:active{transition-duration:.1s;transform:scale(.92)}.micro-dock-island{left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:25;border-radius:var(--radius-squircle-xl,999px);corner-smoothing:100%;-webkit-corner-smoothing:100%;-webkit-backdrop-filter:blur(32px)saturate(200%);box-shadow:var(--shadow-float);box-sizing:border-box;max-width:calc(100vw - 32px);transition:opacity .3s var(--ease-hydraulic), transform .35s var(--ease-hydraulic);background:oklch(14% .008 285.8/.86);border:1px solid #ffffff1f;gap:4px;padding:5px;display:flex;position:fixed;transform:translate(-50%)}.micro-dock-island.idle-hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(14px)scale(.96)}.dock-btn.active{color:var(--paper)}.pulse-indicator{opacity:0;width:5px;height:5px;transition:opacity .15s var(--ease-hydraulic), transform .15s var(--ease-hydraulic);background:oklch(76% .18 158);border-radius:50%;position:absolute;top:8px;right:8px;transform:scale(.6);box-shadow:0 0 8px oklch(76% .18 158/.85)}.pulse-indicator.active{opacity:1;transform:scale(calc(1 + var(--audio-energy,.4) * .7))}.dock-btn#btn-dock-source:after{content:"";opacity:calc(var(--audio-energy,0) * .9);pointer-events:none;background:radial-gradient(circle,oklch(76% .18 158/.35) 0%,#0000 70%);border-radius:50%;transition:opacity 80ms;position:absolute;inset:4px}.rec-core{opacity:0;transition:opacity .2s}.recording{color:var(--rec)!important}.recording .rec-core{opacity:1;animation:1.1s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.context-menu-island{z-index:1000;background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(160%);border:1px solid var(--hair);box-shadow:var(--shadow-float);opacity:0;visibility:hidden;transition:opacity .16s ease, transform .22s var(--ease-main), visibility .16s;border-radius:999px;gap:2px;padding:4px;display:flex;position:fixed;transform:scale(.96)}.context-menu-island.visible{opacity:1;visibility:visible;transform:scale(1)}.ctx-live-indicator{background:var(--paper);border-radius:50%;width:4px;height:4px;display:none;position:absolute;top:9px;right:9px}.ctx-live-indicator.on{display:block}#collection{top:calc(18px + env(safe-area-inset-top,0px));z-index:26;pointer-events:none;opacity:0;width:60px;height:60px;margin-left:-30px;position:fixed;left:50%;overflow:visible}#collection.show{animation:collect 2.6s var(--ease-main) forwards}#collection circle{fill:#eae6dd24}#collection circle.on:not(.new){fill:#eae6ddcc!important}#collection circle.new{transform-box:fill-box;transform-origin:50%;animation:land .9s var(--ease-main)}@keyframes collect{0%{opacity:0;transform:scale(.92)}14%{opacity:1;transform:scale(1)}72%{opacity:1}to{opacity:0}}@keyframes land{0%{opacity:0;transform:scale(5)}to{opacity:1;transform:scale(1.6)}}#tap-hint{z-index:24;pointer-events:none;opacity:0;width:72px;height:72px;animation:tap-hint 1.8s var(--ease-main) 3;border:1.5px solid #eae6ddbf;border-radius:50%;margin:-36px 0 0 -36px;position:fixed;top:50%;left:50%}@keyframes tap-hint{0%{opacity:0;transform:scale(.5)}18%{opacity:1;transform:scale(.62)}to{opacity:0;transform:scale(1.7)}}.track-palette-pill{top:calc(18px + env(safe-area-inset-top,0px));z-index:60;background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(160%);border:1px solid var(--hair);box-shadow:var(--shadow-float);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:5px 14px 5px 5px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.pill-thumb-wrap{background:var(--panel);border-radius:50%;width:34px;height:34px;overflow:hidden}.pill-cover-img{object-fit:cover;width:100%;height:100%;display:block}.pill-swatches{gap:2px;display:flex}.swatch-dot{background:var(--paper);cursor:pointer;width:12px;height:12px;transition:transform .3s var(--ease-main);border:0;border-radius:50%;margin:0 3px;position:relative;box-shadow:inset 0 0 0 1px #ffffff2e}.swatch-dot:after{content:"";position:absolute;inset:-8px -4px}@media (hover:hover){.swatch-dot:hover{transform:scale(1.35)}}.swatch-dot:active{transform:scale(.9)}.pro-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(28px)saturate(180%);animation:fade .25s var(--ease-hydraulic) both;background:#0a0808b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.pro-modal-card{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:var(--radius-squircle-lg,30px);corner-smoothing:100%;-webkit-corner-smoothing:100%;width:min(350px,100%);max-height:calc(100dvh - 32px);font-family:var(--disp);animation:rise .4s var(--ease-hydraulic) both;background:oklch(14% .008 285.8/.94);border:1px solid #ffffff1f;flex-direction:column;gap:16px;padding:26px 22px 20px;display:flex;position:relative;overflow-y:auto;box-shadow:inset 0 1px #ffffff29,0 2px 4px #0006,0 16px 36px -4px #000000a6,0 32px 64px -8px #000000d9}@keyframes fade{0%{opacity:0}}.pro-close-btn{width:40px;height:40px;color:var(--dim);cursor:pointer;transition:color .15s ease, background-color .15s ease, transform .2s var(--ease-hydraulic);background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}@media (hover:hover){.pro-close-btn:hover{color:var(--paper);background:#ffffff14}}.pro-close-btn:active{transform:scale(.92)}.pro-badge{font-family:var(--mono);letter-spacing:.16em;color:var(--dim);align-self:flex-start;font-size:11px;font-weight:600}.pro-currency-toggle{border:1px solid var(--border-rim,#ffffff1a);background:#ffffff0d;border-radius:999px;padding:3px;display:flex}.pro-currency-toggle[hidden]{display:none}.currency-tab{height:32px;color:var(--dim);font:600 12px/1 var(--mono);letter-spacing:.08em;cursor:pointer;transition:background-color .2s var(--ease-hydraulic), color .15s ease;background:0 0;border:0;border-radius:999px;flex:1}.currency-tab.active{color:var(--paper);background:#ffffff24}.pro-hero-price{align-items:baseline;gap:10px;display:flex}.price-val{letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--paper);font-size:50px;font-weight:800;line-height:1}.price-type{font-family:var(--mono);color:var(--dim);font-size:12px}.pro-features{flex-wrap:wrap;gap:6px;list-style:none;display:flex}.pro-features li{border-radius:var(--radius-squircle-xs,8px);corner-smoothing:100%;-webkit-corner-smoothing:100%;font:500 11px/1 var(--mono);white-space:nowrap;color:var(--paper);background:#ffffff0a;border:1px solid #ffffff1a;padding:6px 11px}.pro-cta-btn{border-radius:var(--radius-squircle-sm,14px);corner-smoothing:100%;-webkit-corner-smoothing:100%;background:var(--paper);height:50px;color:var(--ink);letter-spacing:-.01em;transition:transform .2s var(--ease-hydraulic), background-color .15s ease;place-items:center;font-size:15px;font-weight:700;text-decoration:none;display:grid;box-shadow:0 4px 18px -2px #eae6dd40}.pro-cta-btn[hidden]{display:none}@media (hover:hover){.pro-cta-btn:hover{background:#fff;transform:translateY(-1px)}}.pro-cta-btn:active{transform:scale(.97)translateY(.5px)}.payment-method-switch{color:var(--dim);font:500 12px/1 var(--mono);cursor:pointer;background:0 0;border:0;align-self:center;padding:6px 10px}.payment-method-switch[hidden]{display:none}.license-row{border-radius:var(--radius-squircle-sm,14px);corner-smoothing:100%;-webkit-corner-smoothing:100%;transition:border-color .2s var(--ease-hydraulic);background:#ffffff08;border:1px solid #ffffff1a;gap:6px;padding:4px;display:flex}.license-row:focus-within{border-color:#ffffff59}.license-input:focus-visible{outline:none}.license-input{min-width:0;height:40px;color:var(--paper);font:500 16px/1 var(--mono);-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;flex:1;padding:0 12px}.license-input::placeholder{color:#eae6dd52}.license-activate-btn{border-radius:var(--radius-squircle-xs,10px);corner-smoothing:100%;-webkit-corner-smoothing:100%;width:40px;height:40px;color:var(--paper);cursor:pointer;transition:background-color .15s ease, transform .15s var(--ease-hydraulic);background:#ffffff1a;border:0;place-items:center;display:grid}.license-activate-btn:active{transform:scale(.92)}.license-status:empty{display:none}.license-status{font:500 12px/1.5 var(--mono);color:var(--dim);text-wrap:pretty;margin-top:-8px}.license-status.ok{color:#7fd99a}.license-status.err{color:#ff8a7a}.pro-modal-hint{font:500 11px/1.4 var(--mono);color:#eae6dd5c;text-align:center}.pro-modal-hint a{color:inherit}body.drag-over:after{content:"";z-index:9999;pointer-events:none;background:#0c0b0b66;border:1.5px dashed #eae6dd80;border-radius:28px;position:fixed;inset:14px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.gate-bars i{transform:scaleY(.6)}}body.mode-vertical-canvas{background:var(--ink)}body.mode-vertical-canvas .stage-viewport{transform-origin:50%;width:min(100dvw,56.25dvh);height:min(100dvh,177.778dvw);box-shadow:0 0 80px #000000f2, 0 0 0 1px var(--hair);margin:auto;inset:0}body.obs-mode #micro-dock,body.obs-mode #start-overlay,body.obs-mode #grain{display:none!important}body.obs-mode.transparent-bg,body.obs-mode.transparent-bg .stage-viewport{background:0 0!important}body.obs-mode #collection,body.obs-mode #tap-hint,body.mode-tiktok #collection,body.mode-tiktok #tap-hint,body.mode-tiktok #start-overlay,body.mode-tiktok #micro-dock,body.mode-tiktok #pro-modal{display:none!important}body.mode-tiktok .stage-viewport{width:100vw!important;max-width:100%!important;height:100vh!important;max-height:100%!important;box-shadow:none!important;border-radius:0!important;margin:0!important;inset:0!important}.tiktok-overlay-layer{z-index:80;pointer-events:none;flex-direction:column;display:flex;position:fixed;inset:0}.tiktok-hook-pill{-webkit-backdrop-filter:blur(24px);background:#0e0d0de6;border:1px solid #eae6dd38;border-radius:9999px;align-items:center;gap:14px;width:max-content;max-width:90%;padding:16px 32px;display:flex;position:absolute;top:130px;left:50%;transform:translate(-50%);box-shadow:0 16px 48px #000c,0 0 20px #ff3b3b26}.tiktok-hook-pill .hook-glow-dot{background:var(--rec);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.2s ease-in-out infinite blink}.tiktok-hook-pill .hook-text{font-family:var(--disp);color:var(--paper);text-align:center;letter-spacing:-.02em;white-space:nowrap;font-size:24px;font-weight:800}.tiktok-mini-player{z-index:85;width:820px;max-width:90%;position:absolute;top:90px;left:50%;transform:translate(-50%)}.mini-player-body{-webkit-backdrop-filter:blur(48px)saturate(220%);background:#ffffff14;border:1px solid #ffffff38;border-radius:28px;align-items:center;gap:20px;padding:14px 22px;display:flex;box-shadow:inset 0 1px 1px #fff6,inset 0 -1px 1px #0003,0 24px 60px #0009}.mini-art-wrap{flex-shrink:0;width:72px;height:72px}.mini-art-img{object-fit:cover;background-color:#1a1818;border-radius:18px;width:100%;height:100%;box-shadow:0 8px 24px #0009,0 0 0 1px #ffffff26}.mini-meta-col{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.mini-track-title{font-family:var(--disp);color:#fff;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.02em;font-size:24px;font-weight:800;overflow:hidden}.mini-track-artist{color:#ffffffb8;white-space:nowrap;text-overflow:ellipsis;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:500;overflow:hidden}.mini-scrub-row{align-items:center;gap:14px;margin-top:4px;display:flex}.mini-scrub-track{background:#ffffff40;border-radius:2px;flex:1;height:4px;overflow:hidden}.mini-scrub-fill{background:#fff;border-radius:2px;width:0%;height:100%;transition:width 50ms linear}.mini-time-label{font-family:var(--mono);color:#ffffffa6;flex-shrink:0;font-size:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.watermark{z-index:40;letter-spacing:.14em;color:#eae6dd73;text-shadow:0 1px 6px #000000d9;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:IBM Plex Mono,monospace;font-size:clamp(10px,1.5vmin,18px);font-weight:600;display:none;position:fixed;bottom:2.2vmin;right:2.2vmin}body.obs-mode.sellable .watermark{display:block}body.pro .watermark{display:none!important}.song-tag{left:50%;bottom:calc(74px + env(safe-area-inset-bottom,0px));z-index:25;border-radius:var(--radius-squircle-md,22px);corner-smoothing:100%;-webkit-corner-smoothing:100%;-webkit-backdrop-filter:blur(28px)saturate(180%);box-shadow:var(--shadow-float);font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.16em;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;max-width:calc(100vw - 32px);color:var(--paper);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity .28s var(--ease-hydraulic), transform .32s var(--ease-hydraulic);background:oklch(14% .008 285.8/.88);border:1px solid #ffffff1f;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:600;display:inline-flex;position:fixed;overflow:hidden;transform:translate(-50%)translateY(10px)scale(.96)}.song-tag.show{opacity:1;transform:translate(-50%)translateY(0)scale(1)}.song-tag:before{content:"";background:oklch(76% .18 158);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 8px}.song-tag[data-genre=HOUSE]:before{color:oklch(78% .16 215);background:oklch(78% .16 215)}.song-tag[data-genre=DNB]:before{color:oklch(82% .22 142);background:oklch(82% .22 142)}.song-tag[data-genre=TRAP]:before{color:oklch(75% .18 55);background:oklch(75% .18 55)}.song-tag[data-genre=LATIN]:before{color:oklch(72% .2 28);background:oklch(72% .2 28)}.song-tag[data-genre=ROCK]:before{color:oklch(68% .24 18);background:oklch(68% .24 18)}.song-tag[data-genre=POP]:before{color:oklch(78% .18 335);background:oklch(78% .18 335)}.song-tag[data-genre=AMBIENT]:before{color:oklch(76% .14 185);background:oklch(76% .14 185)}.song-tag[data-genre=JAZZ]:before{color:oklch(80% .12 85);background:oklch(80% .12 85)}body.obs-mode .song-tag,body.mode-tiktok .song-tag{display:none}@media (prefers-reduced-motion:reduce){.song-tag{transition:opacity .2s linear;transform:translate(-50%)}}