@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--ink: #08090f;--ink-2: #0d0f18;--panel: #121524;--panel-2: #1a1f33;--line: rgba(155, 168, 200, .14);--line-strong: rgba(155, 168, 200, .3);--text: #eef1fb;--text-dim: #a6b0c8;--text-faint: #8c96b0;--brand-magenta: #ff3d81;--brand-violet: #7c5cff;--brand-cyan: #22e3d6;--brand-gradient: linear-gradient(120deg, var(--brand-magenta), var(--brand-violet), var(--brand-cyan));--wave: var(--brand-cyan);--pulse: var(--brand-violet);--cta: #b6ff3d;--cta-ink: #0a1400;--like: #ff4d6d;--danger: #ff6b7a;--success: #3ddc97;--warning: #ffc94d;--sound-color: hsl(var(--h, 268) 92% 62%);--sound-color-soft: hsl(var(--h, 268) 92% 62% / .18);--now-hue: 268;--now-color: hsl(var(--now-hue) 90% 62%);--now-color-soft: hsl(var(--now-hue) 90% 62% / .16);--radius: 18px;--radius-sm: 11px;--radius-lg: 26px;--radius-pill: 999px;--shadow-card: 0 14px 40px rgba(2, 3, 8, .5);--shadow-glow: 0 0 0 1px hsl(var(--h, 268) 92% 62% / .25), 0 12px 36px hsl(var(--h, 268) 92% 55% / .22);--ease-spring: cubic-bezier(.22, 1.2, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .15s;--dur-med: .26s;--dur-slow: .46s;--font-display: "Space Grotesk Variable", "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--header-h: 66px;--bottom-nav-h: 64px;--dock-h: 74px;--content-max: 1200px;--z-aurora: -1;--z-base: 0;--z-sticky: 30;--z-dock: 40;--z-nav: 45;--z-modal: 60}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:15px;line-height:1.55;color:var(--text);background-color:var(--ink);background-image:radial-gradient(1200px 520px at 85% -12%,rgba(255,61,129,.1),transparent 60%),radial-gradient(1000px 460px at -5% 4%,rgba(34,227,214,.08),transparent 58%),radial-gradient(900px 500px at 50% 120%,hsl(var(--now-hue) 90% 60% / .06),transparent 60%);background-attachment:fixed;background-repeat:no-repeat;min-height:100dvh;transition:background-image var(--dur-slow) linear}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.015em;margin:0;text-wrap:balance}p{margin:0}a{color:inherit}button{font:inherit;color:inherit}img,svg{display:block;max-width:100%}input,textarea,select{font:inherit}:focus-visible{outline:2px solid var(--wave);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.bars-progress-wrap{display:none!important}}.container{width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:20px}@media(max-width:640px){.container{padding-inline:14px}}.page{padding-top:24px;padding-bottom:calc(var(--bottom-nav-h) + var(--dock-h) + 28px)}@media(min-width:768px){.page{padding-bottom:calc(var(--dock-h) + 56px)}}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:36px 0 16px}.section-head h2{font-size:20px}.section-head .see-all{font-size:13px;color:var(--text-dim);text-decoration:none}.section-head .see-all:hover{color:var(--wave)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:transparent;color:var(--text);font-weight:550;font-size:14px;cursor:pointer;text-decoration:none;transition:border-color var(--dur-fast) ease,background-color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) ease}.btn:hover{border-color:var(--brand-cyan)}.btn:active{transform:scale(.95)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{border:none;background:var(--cta);color:var(--cta-ink);font-weight:700;box-shadow:0 6px 20px #9fff1a47}.btn-primary:hover{border:none;filter:brightness(1.05);box-shadow:0 9px 28px #9fff1a6b}.btn-danger{border-color:var(--danger);color:var(--danger)}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:13px 24px;font-size:15px;gap:10px}.btn-lg svg{width:18px;height:18px}.input,.select,.textarea{width:100%;padding:11px 14px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel);color:var(--text);transition:border-color .14s ease}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--wave)}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field>label{font-size:13px;font-weight:550;color:var(--text-dim)}.field-error{font-size:13px;color:var(--danger)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.glass{background:color-mix(in oklab,var(--panel) 76%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border:1px solid var(--line)}@keyframes iw-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(100deg,var(--panel) 40%,var(--panel-2) 50%,var(--panel) 60%);background-size:200% 100%;animation:iw-shimmer 1.6s linear infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.text-dim{color:var(--text-dim)}.text-faint{color:var(--text-faint)}.grad-text{background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.seo-shell h1{font-size:28px;margin-bottom:10px}.seo-shell h2{font-size:18px;margin:26px 0 10px}.seo-shell p{color:var(--text-dim);margin-bottom:8px}.seo-shell ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;padding:0;margin:10px 0 20px}.seo-shell a{color:var(--wave);text-decoration:none}.header{position:sticky;top:0;z-index:var(--z-sticky);height:var(--header-h);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);background:color-mix(in oklab,var(--ink) 72%,transparent);border-bottom:1px solid var(--line)}.header__inner{height:100%;display:flex;align-items:center;gap:20px}.header__logo{display:flex;align-items:center;gap:9px;text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.02em;flex-shrink:0}.header__logo svg{width:26px;height:26px}.header__nav{display:none;gap:4px}@media(min-width:768px){.header__nav{display:flex}}.header__nav a{padding:7px 12px;border-radius:var(--radius-pill);font-size:14px;color:var(--text-dim);text-decoration:none;transition:color .14s ease,background-color .14s ease}.header__nav a:hover{color:var(--text)}.header__nav a.active{color:var(--text);background:var(--panel-2)}.header__search{flex:1;max-width:460px;display:none}@media(min-width:640px){.header__search{display:block}}.header__actions{display:flex;align-items:center;gap:10px;margin-left:auto}.header__random{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 13px;border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:transparent;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:border-color var(--dur-fast) ease,color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-spring)}.header__random:hover{border-color:var(--cta);color:var(--cta)}.header__random:active{transform:scale(.94)}.header__random:disabled{opacity:.6;cursor:default}.header__random svg{width:16px;height:16px}@media(max-width:560px){.header__random-label{display:none}.header__random{padding:0;width:36px;justify-content:center}}.header__avatar{width:34px;height:34px;border-radius:50%;border:1px solid var(--line-strong);background:var(--panel-2);color:var(--wave);font-weight:700;font-size:14px;display:grid;place-items:center;cursor:pointer;text-transform:uppercase}.header__menu{position:absolute;top:calc(var(--header-h) - 8px);right:20px;min-width:180px;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);display:flex;flex-direction:column}.header__menu a,.header__menu button{text-align:left;padding:9px 12px;border:0;background:none;border-radius:7px;font-size:14px;color:var(--text);text-decoration:none;cursor:pointer}.header__menu a:hover,.header__menu button:hover{background:var(--panel-2)}.volume{display:none;align-items:center;gap:8px}@media(min-width:900px){.volume{display:flex}}.volume button{border:0;background:none;cursor:pointer;color:var(--text-dim);padding:4px;border-radius:6px}.volume button:hover{color:var(--text)}.volume input[type=range]{width:80px;accent-color:var(--wave)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-nav);height:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);display:grid;grid-template-columns:repeat(5,1fr);background:color-mix(in oklab,var(--ink) 86%,transparent);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border-top:1px solid var(--line)}@media(min-width:768px){.bottom-nav{display:none}}.bottom-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;color:var(--text-faint);text-decoration:none;-webkit-tap-highlight-color:transparent}.bottom-nav a svg{width:22px;height:22px}.bottom-nav a.active{color:var(--now-color)}.bottom-nav__pill{position:absolute;top:7px;right:16px;bottom:7px;left:16px;border-radius:var(--radius-pill);background:hsl(var(--now-hue) 90% 60% / .16);z-index:0}.bottom-nav__icon,.bottom-nav__label{position:relative;z-index:1}.searchbar{position:relative}.searchbar__input-wrap{display:flex;align-items:center;gap:10px;padding:0 16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-pill);transition:border-color .14s ease,box-shadow .14s ease}.searchbar__input-wrap:focus-within{border-color:var(--wave);box-shadow:0 0 0 3px #35e0c81f}.searchbar__input-wrap svg{width:17px;height:17px;color:var(--text-faint);flex-shrink:0}.searchbar input{flex:1;min-width:0;padding:11px 0;border:0;background:none;color:var(--text)}.searchbar input:focus{outline:none}.searchbar input::placeholder{color:var(--text-faint)}.searchbar--hero .searchbar__input-wrap{padding:4px 20px}.searchbar--hero input{padding:14px 0;font-size:16px}.searchbar__list{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;margin:0;padding:6px;list-style:none;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);max-height:320px;overflow-y:auto}.searchbar__option{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:7px;font-size:14px;cursor:pointer}.searchbar__option[aria-selected=true],.searchbar__option:hover{background:var(--panel-2)}.searchbar__option .kind{margin-left:auto;font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em}.sound-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}@media(min-width:640px){.sound-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}}.sound-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:16px 14px 12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);transition:border-color var(--dur-med) ease,box-shadow var(--dur-med) ease}.sound-card:hover{border-color:hsl(var(--h) 92% 62% / .6);box-shadow:var(--shadow-glow)}.sound-card.is-active{border-color:hsl(var(--h) 92% 62% / .85);box-shadow:0 10px 36px hsl(var(--h) 92% 58% / .26)}.sound-card__top{display:flex;align-items:center;gap:12px}.sound-card__play{width:52px;height:52px;flex-shrink:0;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;color:#0a0a12;background:hsl(var(--h) 92% 62%);box-shadow:0 6px 18px hsl(var(--h) 92% 55% / .4);transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-med) ease}.sound-card__play:hover{transform:scale(1.06)}.sound-card__play:active{transform:scale(.96)}.sound-card__play svg{width:20px;height:20px}.is-active .sound-card__play{box-shadow:0 0 26px 3px hsl(var(--h) 92% 58% / .55)}.sound-card__wave{flex:1;min-width:0;height:36px;position:relative}.sound-card__wave svg{width:100%;height:100%}.sound-card__wave .bars{fill:hsl(var(--h) 40% 40% / .5)}.sound-card__wave .bars-progress-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;width:0}.is-playing .bars-progress-wrap,.is-paused .bars-progress-wrap{animation:iw-sweep linear forwards;animation-duration:var(--dur, 2s)}.is-paused .bars-progress-wrap{animation-play-state:paused}.bars-progress-wrap svg .bars{fill:hsl(var(--h) 85% 62%)}@keyframes iw-sweep{0%{width:0}to{width:100%}}.sound-card__title{font-family:var(--font-display);font-size:14.5px;font-weight:600;line-height:1.3;color:var(--text);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.sound-card__title:hover{color:hsl(var(--h) 85% 68%)}.sound-card__meta{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text-faint)}.sound-card__badge{padding:2px 8px;border-radius:var(--radius-pill);background:hsl(var(--h) 82% 60% / .13);color:hsl(var(--h) 80% 70%);font-weight:550;text-decoration:none;white-space:nowrap}.sound-card__badge:hover{background:hsl(var(--h) 82% 60% / .22)}.sound-card__footer{display:flex;align-items:center;gap:4px;border-top:1px solid var(--line);padding-top:8px;font-size:12px;color:var(--text-dim)}.sound-card__stat{display:inline-flex;align-items:center;gap:4px;margin-right:8px}.sound-card__stat svg{width:13px;height:13px}.sound-card__actions{margin-left:auto;display:flex;gap:6px}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;border:0;border-radius:8px;background:none;color:var(--text-dim);cursor:pointer;transition:color .12s ease,background-color .12s ease;text-decoration:none}.icon-btn:hover{color:var(--text);background:var(--panel-2)}.icon-btn svg{width:16px;height:16px}.icon-btn.is-liked{color:var(--danger)}.equalizer{display:inline-flex;align-items:flex-end;gap:2px;height:16px}.equalizer span{width:3px;border-radius:2px;background:currentColor;animation:iw-eq .9s ease-in-out infinite}.equalizer span:nth-child(1){height:60%;animation-delay:-.3s}.equalizer span:nth-child(2){height:100%;animation-delay:-.15s}.equalizer span:nth-child(3){height:45%}@keyframes iw-eq{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip-row--scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.chip-row--scroll::-webkit-scrollbar{display:none}.chip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--panel);color:var(--text-dim);font-size:13.5px;font-weight:500;text-decoration:none;white-space:nowrap;cursor:pointer;transition:border-color .14s ease,color .14s ease}.chip:hover{border-color:var(--wave);color:var(--text)}.chip.is-selected{border-color:var(--wave);background:#35e0c81a;color:var(--wave)}.chip .count{font-size:11.5px;color:var(--text-faint)}.toast-stack{position:fixed;bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom,0px) + 16px);left:50%;transform:translate(-50%);z-index:90;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}@media(min-width:768px){.toast-stack{bottom:24px}}.toast{padding:11px 18px;border-radius:var(--radius-pill);background:var(--panel-2);border:1px solid var(--line-strong);box-shadow:var(--shadow-card);font-size:14px;animation:iw-toast-in .2s ease;max-width:min(90vw,420px)}.toast--success{border-color:var(--success)}.toast--error{border-color:var(--danger)}@keyframes iw-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#04060cb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}.modal{width:100%;max-width:440px;max-height:85dvh;overflow-y:auto;background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius);padding:22px;animation:iw-toast-in .18s ease}.modal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal__head h2{font-size:17px}.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin:28px 0 8px}.pagination button{min-width:36px;height:36px;padding:0 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:none;color:var(--text-dim);cursor:pointer;font-size:13.5px}.pagination button:hover:not(:disabled){border-color:var(--wave);color:var(--text)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination button.is-current{background:var(--brand-gradient);border:none;color:#06110f;font-weight:650}.empty-state{text-align:center;padding:56px 20px;border:1px dashed var(--line-strong);border-radius:var(--radius)}.empty-state .art{font-size:34px;margin-bottom:12px}.empty-state h3{font-size:17px;margin-bottom:6px}.empty-state p{color:var(--text-dim);font-size:14px;max-width:380px;margin:0 auto 18px}.skeleton-card{height:172px;border-radius:var(--radius)}.ad-slot{display:grid;place-items:center;min-height:90px;margin:28px 0;border:1px dashed var(--line);border-radius:var(--radius);color:var(--text-faint);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.ad-slot--sidebar{min-height:250px;margin:0}.dropzone{display:grid;place-items:center;text-align:center;padding:44px 20px;border:2px dashed var(--line-strong);border-radius:var(--radius);background:var(--ink-2);cursor:pointer;transition:border-color .14s ease,background-color .14s ease}.dropzone:hover,.dropzone.is-over{border-color:var(--wave);background:#35e0c80d}.dropzone .icon{font-size:30px;margin-bottom:10px}.dropzone p{color:var(--text-dim);font-size:14px}.dropzone .hint{font-size:12px;color:var(--text-faint);margin-top:6px}.share-menu{position:absolute;z-index:50;min-width:170px;padding:6px;background:var(--panel-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);display:flex;flex-direction:column}.share-menu button,.share-menu a{display:flex;align-items:center;gap:10px;padding:9px 12px;border:0;background:none;border-radius:7px;font-size:13.5px;color:var(--text);text-decoration:none;cursor:pointer;text-align:left}.share-menu button:hover,.share-menu a:hover{background:var(--panel)}.progress{height:8px;border-radius:4px;background:var(--panel-2);overflow:hidden}.progress>div{height:100%;background:var(--brand-gradient);border-radius:4px;transition:width .2s ease}.admin-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius)}.admin-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:640px}.admin-table th{text-align:left;padding:12px 14px;color:var(--text-faint);font-weight:550;font-size:12px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line)}.admin-table td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.admin-table tr:last-child td{border-bottom:0}.admin-table tr:hover td{background:#94a3b80a}.status-badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill);font-size:11.5px;font-weight:600}.status-badge--approved{background:#3ddc9724;color:var(--success)}.status-badge--pending{background:#ffc94d24;color:var(--warning)}.status-badge--rejected,.status-badge--hidden{background:#ff6b7a24;color:var(--danger)}.status-badge--uploading{background:var(--panel-2);color:var(--text-dim)}.wordmark{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:700;font-size:21px;letter-spacing:-.02em;line-height:1;-webkit-user-select:none;user-select:none}.wordmark__text{color:var(--text)}.wordmark__accent{font-weight:700}.wordmark__eq{display:inline-flex;align-items:flex-end;gap:2.5px;height:18px}.wordmark__eq i{width:3px;height:40%;border-radius:2px;background:var(--brand-gradient);transform-origin:bottom;animation:wm-eq 1.9s ease-in-out infinite}.wordmark__eq i:nth-child(1){animation-delay:0s}.wordmark__eq i:nth-child(2){animation-delay:.22s}.wordmark__eq i:nth-child(3){animation-delay:.44s}.wordmark__eq i:nth-child(4){animation-delay:.66s}.wordmark__eq.is-playing i{animation-duration:.62s}@keyframes wm-eq{0%,to{height:30%}50%{height:92%}}@media(prefers-reduced-motion:reduce){.wordmark__eq i{animation:none;height:62%}}.visualizer{display:block;width:100%;height:100%}.dock{position:fixed;left:12px;right:12px;margin-inline:auto;max-width:680px;bottom:calc(var(--bottom-nav-h) + 10px + env(safe-area-inset-bottom,0px));z-index:var(--z-dock);height:var(--dock-h);display:flex;align-items:center;gap:14px;padding:0 14px 0 12px;border-radius:var(--radius-pill);border:1px solid hsl(var(--h) 92% 62% / .4);box-shadow:0 14px 44px #0203088c,0 0 44px hsl(var(--h) 92% 55% / .14)}@media(min-width:768px){.dock{bottom:18px}}.dock__play{flex-shrink:0;width:48px;height:48px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;color:var(--cta-ink);background:hsl(var(--h) 92% 62%);box-shadow:0 0 20px hsl(var(--h) 92% 55% / .5);transition:transform var(--dur-fast) var(--ease-spring)}.dock__play:hover{transform:scale(1.06)}.dock__play:active{transform:scale(.94)}.dock__play svg{width:20px;height:20px}.dock__viz{flex-shrink:0;width:96px;height:34px}@media(max-width:520px){.dock__viz{display:none}}.dock__title{flex:1;min-width:0;font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--text);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock__title:hover{color:hsl(var(--h) 90% 70%)}.dock__vol{flex-shrink:0}.aurora{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-aurora);overflow:hidden;pointer-events:none;contain:strict}.aurora__blob{position:absolute;width:46vmax;height:46vmax;border-radius:50%;filter:blur(90px);opacity:.5;mix-blend-mode:screen;will-change:transform}.aurora__blob--a{background:radial-gradient(circle,var(--brand-magenta),transparent 66%);top:-14vmax;left:-8vmax;animation:aurora-a 26s var(--ease-out) infinite alternate}.aurora__blob--b{background:radial-gradient(circle,var(--brand-cyan),transparent 66%);bottom:-18vmax;right:-10vmax;animation:aurora-b 32s var(--ease-out) infinite alternate}.aurora__blob--c{background:radial-gradient(circle,hsl(var(--now-hue) 90% 60%),transparent 68%);top:26%;left:38%;opacity:.4;animation:aurora-c 22s var(--ease-out) infinite alternate;transition:background .6s linear}@keyframes aurora-a{to{transform:translate3d(18vmax,12vmax,0) scale(1.2)}}@keyframes aurora-b{to{transform:translate3d(-16vmax,-10vmax,0) scale(1.15)}}@keyframes aurora-c{to{transform:translate3d(-12vmax,14vmax,0) scale(1.3)}}.aurora.is-paused .aurora__blob{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.aurora__blob{animation:none!important}}