:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #05030b;--bg-soft: #0d1020;--text: #eef2ff;--muted: rgba(226, 232, 240, .72);--border: rgba(148, 163, 184, .18);--card: rgba(10, 12, 24, .82)}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at top left,rgba(59,130,246,.24),transparent 22%),radial-gradient(circle at top right,rgba(168,85,247,.22),transparent 25%),linear-gradient(180deg,#05020d,#090617 40%,#05030b)}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}#root{min-height:100vh}.page{min-height:100vh;position:relative}.page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(circle at center,black 30%,transparent 100%);mask-image:radial-gradient(circle at center,black 30%,transparent 100%);opacity:.18;pointer-events:none}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:18px;padding:12px 22px;margin:0 0 24px;background:#070810d1;border-bottom:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.03em}.icon{width:18px;height:18px;flex:0 0 auto}.brand__mark{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(114,228,255,.45);background:radial-gradient(circle at 30% 30%,#38bdf8eb,#a855f7f2);color:#060712;box-shadow:0 0 0 1px #ffffff0d,0 0 24px #38bdf859}.brand__icon{width:28px;height:28px}.brand__text{font-size:1.6rem}.brand__text em{font-style:normal;color:#63d8ff}.nav{display:flex;align-items:center;gap:22px;justify-content:center;color:#ffffffd1}.nav a{display:inline-flex;align-items:center;gap:10px;font-size:.98rem}.nav__icon{width:16px;height:16px;opacity:.78}.searchbar{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 10px 8px 14px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#10121fe0;box-shadow:inset 0 0 0 1px #ffffff05}.searchbar__icon,.hero-search__icon{display:inline-flex;align-items:center;color:#ffffff73}.searchbar__icon-svg,.searchbar__button-icon{width:17px;height:17px}.searchbar input,.hero-search input,.auth-form input{width:100%;min-width:0;border:0;outline:none;background:transparent;color:var(--text);font:inherit}.searchbar input::placeholder,.hero-search input::placeholder,.auth-form input::placeholder{color:#e2e8f057}.searchbar button,.hero-search button,.oauth-stack button,.login-submit,.sound-card__play,.sound-card__actions button{border:0;font:inherit;cursor:pointer}.searchbar button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;color:#ffffffd1;background:#ffffff0a}.topbar__actions{display:flex;align-items:center;gap:10px}.upload-btn,.login-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:0 18px;border-radius:14px;border:1px solid transparent;font-weight:700}.button__icon{width:18px;height:18px}.upload-btn{color:#0b1020;background:linear-gradient(135deg,#4dd5ff,#4ea8ff 45%,#9d5bff);box-shadow:0 0 18px #4ea8ff61}.login-btn{background:#ffffff0f;border-color:#ffffff14}.login-btn--button{cursor:pointer;color:inherit}.user-chip{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#ffffffe6;font-weight:700;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-menu{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 10px 0 8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#141624eb;color:inherit;cursor:pointer}.account-menu-shell{position:relative;display:inline-flex}.account-menu__badge{position:relative;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.82rem;color:#f3f7ff;background:linear-gradient(135deg,#8a5cfff2,#4c88fff2)}.account-menu__badge:after{content:"";position:absolute;right:-1px;bottom:-1px;width:8px;height:8px;border-radius:50%;background:#4ade80;border:1px solid rgba(8,10,18,.9)}.account-menu__caret{width:14px;height:14px;color:#e2eaffc7}.account-dropdown{position:absolute;right:0;top:calc(100% + 10px);z-index:60;width:230px;padding:8px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at top right,rgba(124,92,255,.14),transparent 42%),#090a14fa;box-shadow:0 18px 60px #0000007a,0 0 0 1px #ffffff08 inset;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.account-dropdown:before{content:"";position:absolute;top:-5px;right:18px;width:10px;height:10px;transform:rotate(45deg);border-left:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.1);background:#090a14fa}.account-dropdown__head{display:grid;gap:2px;padding:10px 10px 12px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08)}.account-dropdown__head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem}.account-dropdown__head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.78rem}.account-dropdown__head .account-dropdown__label{color:#5ed7ffe6;font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.account-dropdown a,.account-dropdown button{width:100%;min-height:38px;display:flex;align-items:center;padding:0 10px;border:0;border-radius:10px;color:#eff4ffe6;background:transparent;text-align:left;font:inherit;font-weight:700;cursor:pointer}.account-dropdown a:hover,.account-dropdown button:hover{color:#fff;background:#ffffff12}.account-dropdown button{color:#fecdd3}.info-page{width:min(1120px,calc(100% - 40px));margin:0 auto 56px}.info-hero{padding:38px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top left,rgba(56,189,248,.14),transparent 25%),radial-gradient(circle at bottom right,rgba(255,178,74,.12),transparent 24%),#090a14e6;box-shadow:0 20px 70px #0000005c}.info-hero h1{max-width:860px;margin:18px 0 14px;font-size:clamp(2.25rem,5vw,4.2rem);line-height:1.02;letter-spacing:-.055em}.info-hero p{max-width:760px;margin:0;color:var(--muted);font-size:1.05rem;line-height:1.75}.info-page__updated{display:inline-flex;margin-top:20px;color:#e2e8f08f;font-size:.82rem}.info-page__content{display:grid;gap:14px;margin-top:18px}.info-section{padding:22px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#0c0d19c7}.info-section h2{margin:0 0 10px;font-size:1.08rem;letter-spacing:-.02em}.info-section p{margin:0;color:#e2e8f0b8;line-height:1.75}.info-page__links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.info-page__links a{min-height:40px;display:inline-flex;align-items:center;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#eff4ffe6;font-weight:700}.user-center-layout{display:grid;gap:20px;grid-template-columns:220px minmax(0,1fr)}.user-center-nav{display:grid;gap:8px;align-content:start}.user-center-panel{display:grid;gap:18px}.user-center-form{border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px}.library-main--favorites,.library-main--uploads{min-height:306px}.library-head--favorites,.library-head--uploads{align-items:start;padding-top:16px}.library-head--favorites h1,.library-head--uploads h1{gap:7px;font-size:1.35rem;letter-spacing:-.03em}.library-head--favorites .library-title-icon,.library-head--uploads .library-title-icon{color:#3ee3ff;filter:drop-shadow(0 0 10px rgba(62,227,255,.78))}.library-head--favorites p,.library-head--uploads p{margin-top:3px;color:#e2e8f078;font-size:.8rem}.library-head--favorites .library-side-link,.library-head--uploads .library-side-link{margin-top:7px;color:#e2e8f0c7;font-size:.82rem}.favorites-card-grid{width:min(1132px,calc(100% - 40px));margin:14px auto 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,176px));gap:12px}.favorite-sound-card{position:relative;min-height:140px;display:grid;align-content:end;justify-items:center;padding:18px 12px 11px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#10091fd1;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.favorite-sound-card__visual{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;width:100%;border:0;color:#f8fbff;background:transparent;cursor:pointer}.favorite-sound-card__wave{position:absolute;left:10px;right:10px;top:46px;height:9px;opacity:.76;background:repeating-linear-gradient(90deg,rgba(75,207,255,.72) 0 17px,transparent 17px 22px);filter:drop-shadow(0 0 10px rgba(75,207,255,.36))}.favorite-sound-card__play{position:relative;z-index:2;width:58px;height:58px;display:inline-grid;place-items:center;border-radius:50%;border:1px solid rgba(95,214,255,.96);color:#61dcff;background:radial-gradient(circle at center,#1baae557,#030915eb 64%);box-shadow:0 0 22px #42d3ff8c,inset 0 0 18px #43d8ff42}.favorite-sound-card--green .favorite-sound-card__wave{background:repeating-linear-gradient(90deg,rgba(46,230,125,.68) 0 17px,transparent 17px 22px);filter:drop-shadow(0 0 10px rgba(46,230,125,.34))}.favorite-sound-card--green .favorite-sound-card__play{border-color:#41ef84f5;color:#55ff91;background:radial-gradient(circle at center,#27c96257,#030d0beb 64%);box-shadow:0 0 22px #2de57c80,inset 0 0 18px #2de57c3b}.favorite-sound-card>strong{position:relative;z-index:3;width:100%;margin-top:82px;color:#f8fafc;font-size:.72rem;line-height:1.25;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-sound-card__actions{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:7px}.favorite-sound-card__actions button{width:13px;height:13px;display:inline-grid;place-items:center;border:0;padding:0;color:#e2e8f094;background:transparent;cursor:pointer}.favorite-sound-card__actions .action-icon{width:12px;height:12px}.favorite-sound-card__actions button.is-active{color:#ff4ca2}.favorite-sound-card--loading{opacity:.7}.upload-board-menu{position:absolute;z-index:8;top:14px;left:calc(100% - 62px);width:140px;display:grid;gap:9px;padding:12px 12px 11px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:#0c0719f5;box-shadow:0 18px 48px #00000057,inset 0 1px #ffffff08}.favorite-board-menu{top:14px;left:calc(100% - 62px)}.upload-board-menu span{color:#e2e8f06b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.55rem;line-height:1;letter-spacing:.16em;text-transform:uppercase}.upload-board-menu button,.upload-board-menu a{min-width:0;display:flex;align-items:center;gap:8px;border:0;padding:0;color:#e2e8f0c7;background:transparent;font:inherit;font-size:.72rem;line-height:1.2;text-align:left;cursor:pointer}.upload-board-menu a{color:#35d7ff}.upload-board-menu em{color:#e2e8f07a;font-size:.68rem;font-style:normal}.profile-page-shell{width:min(690px,calc(100% - 32px));margin:0 auto;padding:2px 0 46px}.profile-summary{display:flex;align-items:center;gap:18px;margin:0 0 24px}.profile-avatar{width:64px;height:64px;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;font-size:1.28rem;font-weight:900;background:linear-gradient(135deg,#7c55ff,#915cff);box-shadow:inset 0 0 0 1px #ffffff1f}.profile-summary h1{margin:0 0 6px;font-size:1.78rem;line-height:1;letter-spacing:-.04em}.profile-summary p,.profile-card__head p{margin:0;color:#e2e8f085}.profile-summary p{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem;letter-spacing:.02em}.profile-card{padding:28px 26px;margin:0 0 18px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:#0c0619bd;box-shadow:inset 0 1px #ffffff08}.profile-card--password{margin-top:22px}.profile-card--notice{display:grid;gap:18px}.profile-card__head{display:grid;gap:7px;margin:0 0 20px}.profile-card__head h2{margin:0;font-size:1.02rem;letter-spacing:-.015em}.profile-card__head p{font-size:.88rem;line-height:1.55}.profile-form{display:grid;gap:17px}.profile-form label{display:grid;gap:8px}.profile-form label span{color:#e2e8f0b8;font-size:.78rem;font-weight:800}.profile-form input{width:100%;min-height:40px;padding:0 13px;border:1px solid rgba(255,255,255,.1);border-radius:9px;outline:0;color:#f8fafcf0;background:#ffffff0b}.profile-form input:disabled{color:#e2e8f094;cursor:not-allowed}.profile-email-field{position:relative}.profile-email-field input{padding-right:108px}.profile-email-field strong{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:5px 9px;border-radius:999px;color:#4ee5ff;background:#0ea5e924;border:1px solid rgba(78,229,255,.22);font-size:.56rem;letter-spacing:.18em}.profile-primary-btn,.profile-secondary-btn{justify-self:start;min-height:44px;padding:0 20px;border:0;border-radius:10px;font:inherit;font-size:.84rem;font-weight:900;cursor:pointer}.profile-primary-btn{color:#040812;background:linear-gradient(135deg,#4bd4ff,#5aa9ff 44%,#955cff);box-shadow:0 12px 30px #4da6ff47}.profile-secondary-btn{color:#f8fafc;background:#ffffff08;border:1px solid rgba(255,255,255,.12)}.profile-primary-btn:disabled,.profile-secondary-btn:disabled{opacity:.62;cursor:not-allowed}.profile-status{margin:-4px 0 0;padding:9px 11px;border-radius:9px;font-size:.84rem}.profile-status--error{color:#fecaca;background:#ef44441a;border:1px solid rgba(239,68,68,.24)}.profile-status--success{color:#bbf7d0;background:#22c55e1a;border:1px solid rgba(34,197,94,.24)}.profile-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-shell,.favorites-hero,.categories-section,.trending-header,.trending-grid,.footer,.login-layout{width:min(1280px,calc(100% - 40px));margin:0 auto}.hero-shell{padding-top:18px}.favorites-hero{padding-top:24px}.favorites-hero__card{width:min(1280px,calc(100% - 40px));margin:0 auto;padding:32px;border-radius:30px;border:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at top left,rgba(56,189,248,.12),transparent 24%),linear-gradient(180deg,#0d091af5,#080812f2);box-shadow:0 18px 60px #00000061}.favorites-hero__card h1{margin:14px 0 12px;font-size:clamp(2.2rem,5vw,3.6rem);line-height:.98;letter-spacing:-.06em}.favorites-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hero-card{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;padding:34px 34px 30px;border-radius:24px;border:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at top left,rgba(56,189,248,.13),transparent 24%),radial-gradient(circle at top right,rgba(168,85,247,.11),transparent 22%),linear-gradient(180deg,#0d091af5,#080812f2);box-shadow:0 20px 80px #00000075}.hero-copy h1,.auth-card h1{margin:16px 0 14px;font-size:clamp(2.65rem,5.4vw,4.35rem);line-height:1.04;letter-spacing:-.055em}.hero-word--blue{color:#39cfff}.hero-word--pink{color:#ff5f82}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;letter-spacing:.24em;color:#ffdc78eb;font-size:.68rem;font-weight:800;background:#ffb12a1f;border-color:#ffbe4a52}.eyebrow:before{content:"⚡";width:auto;height:auto;border-radius:0;background:transparent;box-shadow:none}.hero-copy p,.footer__brand p,.trending-header p,.auth-card p{margin:0;color:var(--muted);line-height:1.7}.hero-search{display:flex;align-items:center;gap:12px;margin-top:22px;max-width:510px;padding:6px 6px 6px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#121423eb}.hero-search button{padding:0 18px;min-height:40px;border-radius:10px;color:#030712;font-weight:800;background:linear-gradient(135deg,#46d5ff,#58b3ff 35%,#b96cff)}.feature-badges{display:flex;flex-wrap:wrap;gap:18px;margin-top:16px}.feature-badges span{display:inline-flex;align-items:center;gap:8px;padding:0;border-radius:0;color:#ffffffe0;background:transparent;font-size:.82rem}.feature-badges em{font-style:normal;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;color:#63e6ff;background:#37beff1f}.hero-visual{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:0;border-radius:0;border:0;background:transparent}.floating-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:88px;gap:10px}.floating-grid span{min-height:0;display:grid;place-items:center;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#ffffff14,#ffffff08);font-weight:700;letter-spacing:.03em;text-align:center;font-size:.72rem;text-transform:uppercase;box-shadow:0 0 26px #6e5bff1f}.floating-grid span:nth-child(1){grid-column:1 / span 2;transform:rotate(-2deg);border-color:#bc5dff52}.floating-grid span:nth-child(2){grid-column:3 / span 2;transform:rotate(-3deg);border-color:#4781ff57}.floating-grid span:nth-child(3){grid-column:5 / span 2;transform:rotate(-4deg);border-color:#ff529661}.floating-grid span:nth-child(4){grid-column:1 / span 2;border-color:#ffca474d}.floating-grid span:nth-child(5){grid-column:3 / span 2;border-color:#32d9ff57}.floating-grid span:nth-child(6){grid-column:5 / span 2;border-color:#39e6b152}.floating-grid span:nth-child(7){grid-column:6 / span 1;grid-row:2 / span 1;font-size:.6rem}.floating-grid span:nth-child(8){grid-column:2 / span 2;border-color:#a149ff57}.audience-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;color:#ffffffc7}.audience-row strong,.audience-row span{padding:10px 14px;border-radius:999px;background:#ffffff0d}.audience-row strong{width:26px;height:26px;padding:0;display:grid;place-items:center;color:#f5f8ff;font-size:.75rem}.audience-row span{background:#ffffff0a;font-size:.78rem;padding:8px 10px}.categories-section{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}.category-card,.view-all-card{min-height:58px;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:#0b0d18d1}.category-card{display:flex;gap:12px;align-items:center;width:100%;text-align:left;cursor:pointer}.category-card__icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#ffffff0d;font-size:1rem}.category-card__copy{display:flex;flex-direction:column;gap:4px}.category-card__copy strong,.view-all-card strong{font-size:.88rem}.category-card__copy span,.view-all-card span{color:var(--muted);font-size:.76rem}.view-all-card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(135deg,#42d3ff24,#ad52ff1f);box-shadow:0 0 24px #62b0ff1f}.trending-header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-top:28px}.trending-header h2,.footer h2{margin:0;font-size:1.35rem}.section-bolt{color:#43d8ff;margin-right:8px;text-shadow:0 0 14px rgba(67,216,255,.7)}.trending-header a{color:#ffffffd6}.trending-page-layout{width:min(1280px,calc(100% - 40px));margin:30px auto 0;display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;align-items:start}.trending-filters{position:sticky;top:102px;padding:16px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#0b0d18e6;box-shadow:0 18px 40px #0000003d}.trending-filters h2,.trending-filter-group h3{margin:0}.trending-filters h2{font-size:1rem}.trending-filter-group{display:grid;gap:6px;margin-top:18px}.trending-filter-group h3{color:#ffffff8a;font-size:.74rem;font-weight:800;text-transform:uppercase}.trending-filter-group button{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0;color:#ffffffc2;background:transparent;font-size:.8rem;text-align:left;cursor:pointer}.trending-filter-group button i{width:8px;height:8px;border-radius:999px;background:#ffffff24}.trending-filter-group button.active{color:#6de2ff}.trending-filter-group button.active i{background:#6de2ff;box-shadow:0 0 12px #6de2ffd1}.trending-reset-btn{width:100%;min-height:36px;margin-top:18px;border-radius:8px;color:#ffffffdb;background:#ffffff0f;cursor:pointer}.trending-results{min-width:0}.trending-header--page{margin-top:0}.trending-header--page h2{font-size:1.45rem}.trending-header--page p{margin:5px 0 0;color:#e2e8f09e}.sort-controls{width:min(1280px,calc(100% - 40px));margin:14px auto 0;display:flex;gap:10px}.sort-controls button{min-height:40px;padding:0 16px;border-radius:12px;border:1px solid rgba(255,255,255,.14);color:#ffffffd6;background:#ffffff08;cursor:pointer}.sort-controls button.active{color:#071321;border-color:transparent;background:linear-gradient(135deg,#4dd5ff,#6da8ff 45%,#9d5bff)}.trending-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:14px}.trending-grid--compact{margin-top:16px;gap:12px}.trending-results .trending-grid--compact{width:100%}.sound-card{border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0a0b14e6;padding:0;overflow:hidden}.sound-card--compact{position:relative;min-height:154px;border-radius:8px;background:#0c0e18f2;box-shadow:0 18px 34px #00000047}.sound-card__play{width:100%;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;padding:12px;background:transparent;color:inherit;text-align:left}.sound-card--compact .sound-card__play{min-height:98px;grid-template-columns:1fr;justify-items:center;gap:8px;padding:14px 10px 8px}.sound-card--compact .sound-card__play:before{content:"";width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 42% 42%,#ffffff 0 9%,var(--sound-accent, #54d9ff) 10% 62%,rgba(255,255,255,.12) 63% 100%);box-shadow:0 0 24px color-mix(in srgb,var(--sound-accent, #54d9ff) 58%,transparent)}.sound-card--compact .sound-card__play:after{content:"";width:72px;height:14px;border-radius:999px;opacity:.8;background:repeating-linear-gradient(90deg,var(--sound-accent, #54d9ff) 0 3px,transparent 3px 7px);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--sound-accent, #54d9ff) 42%,transparent))}.sound-card__rank{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:.68rem;font-weight:800;background:#ffffff0f}.sound-card--compact .sound-card__rank{position:absolute;top:8px;left:8px;z-index:1;width:22px;height:22px;color:#111827;background:#ffffffeb}.sound-card__title{font-weight:800;font-size:.88rem}.sound-card--compact .sound-card__title{width:100%;min-height:32px;display:-webkit-box;overflow:hidden;color:#ffffffeb;font-size:.76rem;line-height:1.25;text-align:center;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.sound-card__meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px 10px;color:#e2e8f0b8;font-size:.72rem}.sound-card--compact .sound-card__meta-row{padding:0 10px 8px;font-size:.68rem}.sound-card--red{--sound-accent: #ff5a7a}.sound-card--purple{--sound-accent: #9c70ff}.sound-card--green{--sound-accent: #3ee58f}.sound-card--cyan{--sound-accent: #4fe2ff}.sound-card--blue{--sound-accent: #5d9cff}.sound-card--white{--sound-accent: #f8fafc}.sound-card--orange{--sound-accent: #ffad4d}.sound-card__meta-row span{display:inline-flex;align-items:center;gap:6px}.metric-icon{width:15px;height:15px}.sound-card--loading{opacity:.65}.status-text{width:min(1280px,calc(100% - 40px));margin:12px auto 0;color:#fca5a5}.pagination{width:min(1280px,calc(100% - 40px));margin:16px auto 0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.pagination button{min-height:38px;min-width:38px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);color:#ffffffd6;background:#ffffff08;cursor:pointer}.pagination button.active{color:#071321;border-color:transparent;background:linear-gradient(135deg,#4dd5ff,#6da8ff 45%,#9d5bff)}.pagination button:disabled{opacity:.45;cursor:not-allowed}.sound-card__actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#ffffff0f}.sound-card__actions button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;color:#ffffffd1;background:#0a0b14f2}.sound-card--compact .sound-card__actions button{min-height:34px}.sound-card__actions button.is-active{color:#fecdd3;background:#be185d38}.uploads-card-grid{width:min(1132px,calc(100% - 40px));margin:14px auto 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,176px));gap:12px}.upload-sound-card{position:relative;min-height:140px;display:grid;align-content:end;justify-items:center;padding:18px 12px 11px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 50% 38%,rgba(45,244,224,.24),transparent 25%),#10091fd1;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.upload-sound-card__top-actions{position:absolute;top:8px;right:8px;z-index:2;display:flex;gap:5px}.upload-sound-card__top-actions a,.upload-sound-card__top-actions button{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.09);border-radius:50%;color:#e2e8f0d1;background:#04060f94;cursor:pointer}.upload-sound-card__visual{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;width:100%;border:0;color:#0dfff0;background:transparent;cursor:pointer}.upload-sound-card__bars{position:absolute;left:10px;right:10px;top:46px;height:9px;background:repeating-linear-gradient(90deg,rgba(49,229,218,.62) 0 17px,transparent 17px 22px);filter:drop-shadow(0 0 10px rgba(49,229,218,.3))}.upload-sound-card__play{width:58px;height:58px;position:relative;z-index:1;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(45,255,236,.9);background:radial-gradient(circle at center,#1dc6bc57,#030d14eb 64%);box-shadow:0 0 22px #2dffec7a,inset 0 0 18px #2dffec33}.upload-sound-card__title{position:relative;z-index:3;width:100%;margin-top:82px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;line-height:1.25;text-align:center}.upload-sound-card__sr-meta{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.upload-sound-card__actions{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:7px;color:#e2e8f0b8}.upload-sound-card__actions button,.upload-sound-card__actions a{width:13px;height:13px;display:inline-flex;align-items:center;justify-content:center;border:0;color:inherit;background:transparent;cursor:pointer}.upload-sound-card__actions .action-icon,.upload-sound-card__top-actions .action-icon{width:12px;height:12px}.upload-sound-card__actions button.is-active{color:#fecdd3}.upload-sound-card--loading{opacity:.7}.bottom-player{position:fixed;left:50%;bottom:22px;z-index:60;width:min(760px,calc(100% - 32px));min-height:70px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px 18px 12px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#080812f0;box-shadow:0 22px 70px #00000080,inset 0 1px #ffffff0a;transform:translate(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-player__toggle{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;color:#06101f;background:linear-gradient(135deg,#45d8ff,#7e7bff 60%,#b563ff);box-shadow:0 0 28px #5ca9ff6b;font-size:1.05rem;font-weight:900;cursor:pointer}.bottom-player__body{min-width:0;display:grid;gap:7px}.bottom-player__body strong{overflow:hidden;color:#fffffff0;font-size:.96rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.bottom-player__timeline{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;color:#e2e8f08a;font-size:.7rem}.bottom-player__timeline input{width:100%;height:5px;border-radius:999px;accent-color:#52d9ff;background:linear-gradient(90deg,#52d9ff 0 var(--player-progress),rgba(255,255,255,.12) var(--player-progress) 100%);cursor:pointer}.bottom-player__close{width:28px;height:28px;border-radius:50%;color:#ffffffad;background:transparent;font-size:1.35rem;cursor:pointer}.upload-edit-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:#03050eb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.upload-edit-panel{width:min(520px,100%);display:grid;gap:14px;padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#0f0d1cfa;box-shadow:0 24px 80px #0000006b}.upload-edit-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.upload-edit-panel__head h2{margin:0;font-size:1.05rem}.upload-edit-panel__head p{margin:4px 0 0;color:#e2e8f08f;font-size:.78rem}.upload-edit-panel__head button{width:32px;height:32px;border:1px solid rgba(255,255,255,.08);border-radius:50%;color:#e2e8f0c7;background:#ffffff0f}.upload-edit-panel label{display:grid;gap:7px;color:#e2e8f0d1;font-size:.78rem;font-weight:800}.upload-edit-panel input,.upload-edit-panel textarea{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;background:#ffffff0f}.upload-edit-panel textarea{min-height:86px;resize:vertical}.upload-edit-panel__actions{display:flex;justify-content:flex-end;gap:10px}.upload-edit-panel__actions button{min-height:38px;padding:0 14px;border-radius:8px;border:1px solid rgba(255,255,255,.1);color:#e2e8f0e0;background:#ffffff12}.upload-edit-panel__actions button[type=submit]{color:#07111f;border-color:transparent;background:linear-gradient(135deg,#39d8ff,#9568ff);font-weight:900}.library-main{min-height:300px;padding:0 0 34px}.library-head{width:min(1132px,calc(100% - 40px));margin:6px auto 0;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.library-head h1{margin:0;display:inline-flex;align-items:center;gap:8px;font-size:clamp(1.35rem,2.2vw,1.7rem);letter-spacing:-.035em}.library-title-icon{width:22px;height:22px;color:#35d7ff;fill:currentColor;filter:drop-shadow(0 0 12px rgba(53,215,255,.62))}.library-head p{margin:4px 0 0;color:#e2e8f094;font-size:.86rem}.library-side-link{margin-top:12px;color:#e2e8f0db;font-weight:700;font-size:.82rem}.library-side-link:hover{color:#63d8ff}.library-inline-link{color:#2fd8ff;font-weight:800}.library-inline-link:hover{color:#8ee9ff}.upload-page-main{min-height:306px;display:grid;place-items:start center;padding:56px 20px 70px}.upload-panel{width:min(590px,100%);display:grid;justify-items:center;text-align:center}.upload-panel h1{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1;letter-spacing:-.055em}.upload-panel h1 span{color:#28cfff}.upload-panel p{margin:12px 0 0;color:#e2e8f0a8;font-size:.95rem}.upload-picker{width:min(426px,100%);min-height:58px;margin-top:32px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;border-radius:13px;color:#071321;background:linear-gradient(135deg,#42d3ff,#65a1ff 48%,#b157ff);box-shadow:0 18px 38px #34aaff3d;cursor:pointer}.upload-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-picker strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem}.upload-note{min-height:22px}.upload-form-card{width:min(620px,100%);margin-top:30px;display:grid;gap:17px;padding:28px 28px 26px;border-radius:20px;border:1px solid rgba(255,255,255,.09);background:#0d0819eb;text-align:left}.upload-file-summary{color:#e2e8f094;font-weight:700}.upload-form-card label{display:grid;gap:9px;color:#e2e8f0c7;font-weight:800;font-size:.86rem}.upload-form-card input,.upload-form-card select,.upload-form-card textarea{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:11px;outline:none;color:var(--text);background:#ffffff0e;padding:0 15px}.upload-form-card input,.upload-form-card select{min-height:48px}.upload-form-card textarea{min-height:92px;padding-top:13px;resize:vertical}.upload-form-card input::placeholder,.upload-form-card textarea::placeholder{color:#e2e8f061}.upload-checkbox{display:flex!important;grid-template-columns:none;align-items:flex-start;gap:10px!important;font-weight:500!important}.upload-checkbox input{width:20px;min-height:20px;margin-top:2px;accent-color:#53cfff}.upload-checkbox span{display:grid;gap:4px}.upload-checkbox small{max-width:520px;color:#e2e8f085;line-height:1.45}.upload-publish-btn{width:max-content;min-height:52px;padding:0 25px;border:0;border-radius:13px;color:#071321;font-weight:900;background:linear-gradient(135deg,#42d3ff,#65a1ff 48%,#b157ff);box-shadow:0 18px 38px #34aaff47;cursor:pointer}.upload-publish-btn:disabled{opacity:.55;cursor:not-allowed}.upload-processing-card{width:min(292px,calc(100% - 40px));min-height:164px;margin:22px auto 0 min(8.4vw,140px);display:grid;place-items:center;align-content:center;gap:10px;border-radius:12px;background:#05050eb8}.upload-processing-card strong{font-size:.88rem}.upload-processing-card p{margin:0;color:#e2e8f073;font-size:.76rem}.upload-processing-card__spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(53,215,255,.16);border-top-color:#35d7ff;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.favorites-empty{width:min(1132px,calc(100% - 40px));min-height:218px;margin:0 auto;display:grid;place-items:center;text-align:center;color:#e2e8f0d1;font-size:.92rem}.favorites-empty p{margin:0}.favorites-empty__actions{display:flex;gap:10px;justify-content:center;margin-top:16px}.board-main{min-height:306px;padding-bottom:34px}.board-list{width:min(1132px,calc(100% - 40px));min-height:246px;margin:14px auto 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,270px));align-content:start;gap:18px}.board-page-head{width:min(1132px,calc(100% - 40px));margin:16px auto 0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.board-page-head h1{margin:0;display:inline-flex;align-items:center;gap:7px;font-size:1.35rem;letter-spacing:-.03em}.board-page-head__icon{width:19px;height:19px;color:#35d7ff;filter:drop-shadow(0 0 10px rgba(53,215,255,.65))}.board-page-head p{margin:3px 0 0;font-size:.8rem;color:#e2e8f078}.board-create-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;margin-top:2px;padding:0 16px;border:0;border-radius:9px;color:#050913;font-size:.78rem;font-weight:900;background:linear-gradient(135deg,#43d5ff,#6da8ff 48%,#965cff);box-shadow:0 13px 32px #47baff5c;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.board-create-btn:hover{transform:translateY(-1px)}.board-create-btn__plus{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:999px;font-weight:700;font-size:.86rem;line-height:1;background:#04091329}.board-modal-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px}.board-modal-card{position:relative;z-index:2;width:min(366px,100%);margin:0;padding:20px 18px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0d071bf5;box-shadow:0 22px 80px #00000057}.board-modal-card h2{margin:0;font-size:.98rem;letter-spacing:-.015em}.board-modal-card>p{margin:14px 0 20px;color:#e2e8f070;font-size:.72rem;line-height:1.45}.board-modal-card .auth-form{gap:12px}.board-modal-card .auth-form label{gap:6px}.board-modal-card .auth-form label span,.board-color-field>span{color:#e2e8f0a8;font-size:.68rem;font-weight:900}.board-modal-card .auth-form small{margin-top:-3px;color:#e2e8f06b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.58rem;line-height:1.35}.board-modal-card input,.board-modal-card textarea{min-height:31px;border-radius:8px;background:#ffffff0e;font-size:.78rem}.board-modal-card textarea{min-height:60px;padding:10px;resize:vertical}.board-color-field{display:grid;gap:8px}.board-color-field div{display:flex;flex-wrap:wrap;gap:8px}.board-color-field button{width:22px;height:22px;border:2px solid transparent;border-radius:50%;background:var(--board-swatch);cursor:pointer}.board-color-field button.is-active{border-color:#ffffffd1;box-shadow:0 0 0 2px #ffffff1a}.board-modal-actions{display:flex;gap:8px}.board-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#040710c2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.board-submit-btn,.board-cancel-btn{min-height:35px;padding:0 16px;border-radius:8px;font:inherit;font-size:.76rem;font-weight:900;cursor:pointer}.board-submit-btn{border:0;color:#040913;background:linear-gradient(135deg,#43d5ff,#6da8ff 48%,#965cff);box-shadow:0 12px 28px #47baff4d}.board-cancel-btn{border:1px solid rgba(255,255,255,.1);color:#f8fafcdb;background:#ffffff05}.boards-empty-state{min-height:190px;grid-column:1 / -1;display:grid;place-items:center;align-content:center;gap:12px;color:#e2e8f0ad;font-size:.82rem}.boards-empty-state p{margin:0}.boards-loading-text{grid-column:1 / -1;margin:34px 0 0;color:#e2e8f080;font-size:.82rem}.board-card{position:relative;min-height:160px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,#17415994,#0b101ee0);overflow:hidden;transition:border-color .2s ease,transform .2s ease,background-color .2s ease}.board-card:hover{border-color:#74d9ff66;transform:translateY(-1px)}.board-card--loading{opacity:.7}.board-card__link,.board-card__meta{position:relative;z-index:2;display:grid;align-content:end;gap:7px;min-height:160px;padding:22px 16px 56px}.board-row__label{font-size:.67rem;letter-spacing:.16em;color:#bce3f5d1}.board-card__link strong,.board-card__meta strong{font-size:1.14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-row__subline{color:var(--muted);font-size:.72rem}.board-card__open{color:#6fdcffeb;font-size:.68rem;font-weight:900}.board-card__glow{position:absolute;top:28px;right:28px;width:58px;height:22px;border-radius:999px;background:#38d3ff7a;filter:blur(13px)}.board-card__play{position:absolute;z-index:3;left:16px;bottom:16px;display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.18);color:#edf5ffe6;font-size:.62rem;font-weight:700;background:#040812bd;transition:background-color .18s ease,border-color .18s ease,color .18s ease;cursor:pointer}.board-card__play:hover:not(:disabled){border-color:#7dddff80;color:#f3fbff;background:#4695ff29}.board-card__play:active:not(:disabled){background:#4695ff42}.board-card__play:disabled,.board-submit-btn:disabled{opacity:.58;cursor:not-allowed}.board-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:14px;border:1px solid rgba(255,255,255,.11);background:#0e111eeb;padding:14px 16px}.board-row__meta{display:grid;gap:3px;min-width:0;flex:1 1 auto}.board-row__meta strong{font-size:1.03rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-row__play{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.18);color:#edf5ffe6;font-size:.9rem;font-weight:700;background:#ffffff05;cursor:pointer;flex:0 0 auto}.board-detail-main{min-height:430px;padding-bottom:46px}.board-detail-head{width:min(1132px,calc(100% - 40px));margin:20px auto 0}.board-back-link{color:#75dbffeb;font-size:.8rem;font-weight:800}.board-detail-copy{display:grid;justify-items:center;gap:10px;margin-top:36px;text-align:center}.board-detail-copy h1{margin:0;font-size:clamp(2rem,4vw,3.02rem);line-height:1;letter-spacing:-.06em}.board-detail-copy p{max-width:620px;margin:0;color:#e2e8f080;font-size:.82rem}.board-detail-grid{width:min(860px,calc(100% - 40px));margin:32px auto 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(156px,156px));justify-content:center;gap:12px}.board-detail-grid .sound-card--compact{min-height:144px;border-radius:9px;background:#10091fd6}.board-detail-grid .sound-card--compact .sound-card__play{min-height:104px;padding-top:16px}.board-detail-grid .sound-card--compact .sound-card__play:before{width:57px;height:57px}.board-detail-grid .sound-card--compact .sound-card__play:after{position:absolute;left:10px;right:10px;top:46px;width:auto;height:9px}.board-detail-grid .sound-card__title{min-height:30px;font-size:.72rem}.board-detail-sound__actions{grid-template-columns:repeat(5,minmax(0,1fr));background:transparent;padding:0 30px 8px}.board-detail-sound__actions button,.board-detail-grid .sound-card--compact .sound-card__actions button{min-height:18px;color:#e2e8f09e;background:transparent}.board-detail-sound__actions button.is-active{color:#ff4c93;background:transparent}.board-detail-sound__remove{position:absolute;top:7px;right:7px;z-index:4;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,89,121,.62);color:#ff5d7d;background:#140510db;cursor:pointer}.board-detail-hint{width:min(860px,calc(100% - 40px));margin:16px auto 0;color:#e2e8f061;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;text-align:center}.board-detail-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:9px}.board-detail-actions button,.board-detail-actions a{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:9px;border:1px solid rgba(255,255,255,.13);color:#f8fafc;background:#ffffff05;font-size:.78rem;font-weight:900}.board-edit-card{position:relative;width:min(385px,calc(100% - 40px));margin:18px auto 20px;padding:19px 18px;border-radius:12px;background:#0d071bf5}.board-edit-card h2{margin:0 0 4px;color:#f8fafcf0;font-size:.92rem;letter-spacing:-.01em}.board-edit-card>p{margin:0 0 16px;color:#e2e8f07a;font-size:.66rem}.board-edit-card .auth-form{gap:11px}.board-edit-card .auth-form label{gap:6px}.board-edit-card .auth-form label span,.board-edit-card .board-color-field>span{color:#e2e8f0a8;font-size:.66rem;font-weight:900}.board-edit-card .auth-form small{margin-top:-3px;color:#e2e8f06b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.58rem;line-height:1.35}.board-edit-card .auth-form input,.board-edit-card .auth-form textarea{min-height:31px;padding:0 11px;border-radius:8px;background:#ffffff0e;font-size:.72rem}.board-edit-card .auth-form textarea{min-height:62px;padding:10px 11px;resize:vertical}.board-edit-card .checkbox{justify-content:flex-start;gap:7px;color:#e2e8f08f;font-size:.68rem}.board-edit-card .checkbox input{width:13px;height:13px;accent-color:#58b3ff}.board-edit-card .board-submit-btn{width:max-content;min-height:36px}.board-delete-link{display:block;width:max-content;margin:12px 0 0 auto;padding:0;border:0;color:#e2e8f06b;background:transparent;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.6rem;cursor:pointer}.board-delete-link:disabled{opacity:.6;cursor:not-allowed}.board-detail-empty{width:min(1132px,calc(100% - 40px));min-height:176px;margin:30px auto 0;display:grid;place-items:center;align-content:center;gap:13px;text-align:center}.board-detail-empty p{margin:0;color:#f8fafcdb;font-size:.92rem}.board-detail-empty span{color:#e2e8f073;font-size:.78rem}.action-icon{width:17px;height:17px}.home-quality-section,.home-cta{width:min(1280px,calc(100% - 40px));margin:42px auto 0}.home-quality-section h2,.home-cta h2{margin:0;color:#f8fafc;letter-spacing:-.04em}.home-quality-section h2{font-size:1.35rem}.home-quality-section>p{margin:6px 0 0;color:#e2e8f094;font-size:.9rem}.home-section-kicker{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:#55e4ff}.home-section-kicker span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#41dcff1f;box-shadow:0 0 16px #41dcff61}.home-quality-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}.home-quality-card{min-height:220px;padding:22px 20px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 84% 12%,rgba(65,220,255,.14),transparent 24%),#0f0a1ee0;box-shadow:0 18px 44px #00000047}.home-quality-card:nth-child(2){background:radial-gradient(circle at 84% 12%,rgba(166,93,255,.14),transparent 24%),#0f0a1ee0}.home-quality-card:nth-child(3){background:radial-gradient(circle at 84% 12%,rgba(255,190,74,.13),transparent 24%),#0f0a1ee0}.home-quality-card:nth-child(4){background:radial-gradient(circle at 84% 12%,rgba(55,230,177,.13),transparent 24%),#0f0a1ee0}.home-quality-card span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#5ee7ff;background:#41dcff1c;box-shadow:0 0 20px #41dcff2e}.home-quality-card h3{margin:22px 0 10px;font-size:1rem}.home-quality-card p{margin:0;color:#e2e8f0a8;font-size:.82rem;line-height:1.62}.home-cta{display:grid;justify-items:center;text-align:center;padding:42px 24px 40px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 20% 20%,rgba(44,177,255,.2),transparent 30%),radial-gradient(circle at 78% 28%,rgba(255,82,150,.18),transparent 32%),linear-gradient(135deg,#112b46f5,#3f1842f5);box-shadow:0 24px 80px #00000052}.home-cta__badge{display:inline-flex;align-items:center;gap:8px;min-height:22px;padding:0 12px;border-radius:999px;color:#ffffffb8;background:#0206178f;font-size:.56rem;letter-spacing:.28em}.home-cta__badge:before{content:"";width:5px;height:5px;border-radius:50%;background:#34f5b6;box-shadow:0 0 9px #34f5b6e6}.home-cta h2{margin-top:18px;font-size:clamp(2rem,4vw,3rem)}.home-cta h2 span,.home-cta a{color:#45cfff}.home-cta p{max-width:560px;margin:10px 0 0;color:#e2e8f0b8;line-height:1.58}.home-cta__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px}.home-cta__primary,.home-cta__secondary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;border-radius:10px;font-weight:900}.home-cta__primary{color:#06101f;background:linear-gradient(135deg,#4bd4ff,#5aa9ff 44%,#955cff);box-shadow:0 14px 34px #4da6ff57}.home-cta__secondary{color:#ffffffeb;background:#030712ad}.footer{display:grid;grid-template-columns:1.4fr 1fr auto;gap:24px;align-items:start;margin-top:36px;padding:26px 0 44px}.footer--compact{grid-template-columns:1fr}.brand--footer .brand__mark{width:38px;height:38px}.brand--footer .brand__text{font-size:1.25rem}.footer__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}.footer__links a{color:#ffffffd1}.footer__meta{display:grid;gap:8px;color:var(--muted);justify-items:end}.login-layout{display:grid;place-items:center;padding:36px 0 24px}.auth-card{width:min(560px,100%);padding:32px;border-radius:32px;border:1px solid rgba(255,255,255,.07);background:radial-gradient(circle at top left,rgba(56,189,248,.08),transparent 24%),linear-gradient(180deg,#0d091afa,#070812f5);box-shadow:0 24px 90px #00000080}.eyebrow--pill{letter-spacing:.24em}.oauth-stack{display:grid;gap:14px;margin-top:28px}.oauth-stack--compact{margin-bottom:24px}.oauth-stack button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:66px;border-radius:18px;color:#fffffff0;background:#ffffff0d}.oauth-icon{width:19px;height:19px}.divider{position:relative;display:grid;place-items:center;margin:24px 0;color:#ffffff70}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:calc(50% - 24px);height:1px;background:#ffffff14}.divider:before{left:0}.divider:after{right:0}.auth-form{display:grid;gap:16px}.auth-form label{display:grid;gap:10px;color:#ffffffd6}.auth-form label span{font-weight:700;letter-spacing:.02em}.auth-form input{min-height:58px;padding:0 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.auth-form__row{display:flex;align-items:center;justify-content:space-between;gap:16px}.checkbox{display:inline-flex;align-items:center;gap:10px}.checkbox input{width:18px;height:18px;margin:0}.login-submit{min-height:68px;margin-top:6px;border-radius:18px;color:#030712;font-size:1rem;font-weight:900;background:linear-gradient(135deg,#46d5ff,#58b3ff 35%,#b96cff);box-shadow:0 0 32px #5ca9ff42}.login-submit:disabled{opacity:.6;cursor:not-allowed}.auth-status{margin:2px 0 0;padding:10px 12px;border-radius:10px;font-size:.92rem}.auth-status--error{color:#fecaca;background:#ef44441f;border:1px solid rgba(239,68,68,.3)}.auth-status--success{color:#bbf7d0;background:#22c55e1f;border:1px solid rgba(34,197,94,.3)}.auth-card__footer{margin-top:18px;text-align:center}@media (max-width: 1180px){.topbar{grid-template-columns:auto 1fr auto;grid-template-areas:"brand nav actions" "search search search"}.brand{grid-area:brand}.nav{grid-area:nav;justify-content:flex-start}.searchbar{grid-area:search;margin-top:12px}.topbar__actions{grid-area:actions}.hero-card{grid-template-columns:1fr}.categories-section{grid-template-columns:repeat(3,minmax(0,1fr))}.trending-page-layout{grid-template-columns:180px minmax(0,1fr)}.trending-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trending-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr))}.home-quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer{grid-template-columns:1fr 1fr}.footer__meta{justify-items:start}}@media (max-width: 760px){.topbar{padding:14px 16px 16px;grid-template-columns:1fr;grid-template-areas:"brand" "nav" "search" "actions"}.nav,.topbar__actions{justify-content:space-between}.hero-shell,.favorites-hero,.library-head,.trending-page-layout,.favorites-card-grid,.uploads-card-grid,.favorites-empty,.home-quality-section,.home-cta,.categories-section,.trending-header,.sort-controls,.trending-grid,.pagination,.footer,.login-layout{width:min(100% - 24px,1280px)}.hero-card,.auth-card{padding:22px;border-radius:24px}.categories-section{grid-template-columns:repeat(2,minmax(0,1fr))}.trending-page-layout{grid-template-columns:1fr}.trending-filters{position:static}.trending-filter-group{grid-template-columns:repeat(2,minmax(0,1fr))}.trending-filter-group h3{grid-column:1 / -1}.trending-grid,.footer{grid-template-columns:1fr}.trending-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.home-quality-grid{grid-template-columns:1fr}.home-quality-card{min-height:0}.home-cta{padding:34px 18px 32px}.home-cta__actions,.home-cta__primary,.home-cta__secondary{width:100%}.bottom-player{bottom:12px;width:min(100% - 18px,760px);grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:10px 12px 10px 10px;border-radius:18px}.bottom-player__toggle{width:46px;height:46px}.bottom-player__timeline{grid-template-columns:minmax(0,1fr) auto}.bottom-player__timeline span:first-child{display:none}.favorites-card-grid,.uploads-card-grid,.footer__links{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-form__row{flex-direction:column;align-items:flex-start}.profile-page-shell{width:min(100% - 24px,690px)}.profile-summary{align-items:flex-start}.profile-card{padding:22px 18px}.user-center-layout{grid-template-columns:1fr}.user-center-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.brand__text{font-size:1.2rem}.nav{gap:16px;overflow-x:auto;justify-content:flex-start;padding-bottom:2px}.topbar__actions{gap:10px}.upload-btn,.login-btn{min-height:50px;padding:0 16px;border-radius:14px}.categories-section{grid-template-columns:1fr}.hero-search{flex-direction:column;align-items:stretch}.hero-search button{width:100%}.board-row{flex-direction:column;align-items:flex-start}.board-row__play{width:100%}.board-page-head{flex-direction:column;align-items:flex-start}.library-head{flex-direction:column;gap:10px}.library-side-link{margin-top:0}.favorites-empty__actions{flex-direction:column}.board-modal-shell{padding:16px}.board-modal-actions{grid-template-columns:1fr}}