: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}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}html{min-height:100%}html{scrollbar-gutter:stable}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;inset: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;transform:translateZ(0);will-change:transform}.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__item h3{margin:16px 0 6px;font-size:.98rem;font-weight:700;letter-spacing:-.01em}.info-section__item p{margin:0 0 8px}.info-page__contact{margin-top:26px;color:#e2e8f0b8}.info-page__contact a{color:#43d8ff}.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;cursor:pointer;transition:transform .16s ease,border-color .16s ease}.favorite-sound-card:active{transform:scale(.97);border-color:#ffffff42}.favorite-sound-card__visual{position:absolute;inset: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)}.sound-board-menu{top:auto;bottom:54px;left:10px;width:172px}.sound-card--menu-open{overflow:visible;z-index:6}.sound-board-menu__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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;box-shadow:0 0 30px #bc5dff4d}.floating-grid span:nth-child(2){grid-column:3 / span 2;transform:rotate(-3deg);border-color:#4781ff57;box-shadow:0 0 30px #4781ff4d}.floating-grid span:nth-child(3){grid-column:5 / span 2;transform:rotate(-4deg);border-color:#ff529661;box-shadow:0 0 30px #ff529652}.floating-grid span:nth-child(4){grid-column:1 / span 2;border-color:#ffca474d;box-shadow:0 0 30px #ffca4747}.floating-grid span:nth-child(5){grid-column:3 / span 2;border-color:#32d9ff57;box-shadow:0 0 30px #32d9ff4d}.floating-grid span:nth-child(6){grid-column:5 / span 2;border-color:#39e6b152;box-shadow:0 0 30px #39e6b147}.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;box-shadow:0 0 30px #a149ff4d}.audience-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;color:#ffffffc7}.audience-row strong:nth-of-type(1){color:#ff4e45}.audience-row strong:nth-of-type(2){color:#f8fafc}.audience-row strong:nth-of-type(3){color:#8ea1ff}.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 h1,.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:34px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 10px;border:0;border-radius:9px;color:#ffffffb8;background:transparent;font-size:.8rem;text-align:left;cursor:pointer;transition:background .14s ease,color .14s ease}.trending-filter-group button:hover{color:#fff;background:#ffffff0b}.trending-filter-group button i{flex:0 0 auto;width:14px;height:14px;border:2px solid rgba(255,255,255,.28);border-radius:50%;background:transparent}.trending-filter-group button.active{color:#fff;background:#5d9cff26}.trending-filter-group button.active i{border-color:#7cc4ff;background:#38bdf8;box-shadow:inset 0 0 0 2.5px #0b1020,0 0 10px #38bdf880}.trending-reset-btn{width:100%;min-height:38px;margin-top:18px;border:0;border-radius:9px;color:#ffffffdb;background:#ffffff0f;font:inherit;cursor:pointer}.trending-reset-btn:hover{background:#ffffff1a}.trending-results{min-width:0}.trending-header--page{margin-top:0}.trending-header--page h1,.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;min-height:940px;align-content:start}.trending-grid--compact{margin-top:16px;gap:12px}.trending-grid .status-text{grid-column:1 / -1;margin:12px 0 0}.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;cursor:pointer;will-change:transform;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.sound-card:hover{transform:translateY(-2px);border-color:#ffffff38;box-shadow:0 12px 32px #0000006b}.sound-card:active{transform:scale(.97);border-color:#ffffff42;box-shadow:0 10px 26px #00000059}.sound-card--compact:hover .sound-card__disc{box-shadow:0 0 34px color-mix(in srgb,var(--sound-accent, #54d9ff) 75%,transparent),inset 0 0 14px color-mix(in srgb,var(--sound-accent, #54d9ff) 34%,transparent)}.sound-card--loading{cursor:default;pointer-events:none;transition:none}.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:108px;grid-template-columns:1fr;justify-items:center;gap:10px;padding:16px 10px 8px}.sound-card__visual-row{display:none}.sound-card--compact .sound-card__visual-row{position:relative;display:block;width:100%;height:62px}.sound-card--compact .sound-card__disc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--sound-accent, #54d9ff);background:radial-gradient(circle at 42% 38%,rgba(255,255,255,.16),transparent 58%),#0a0c17;box-shadow:0 0 26px color-mix(in srgb,var(--sound-accent, #54d9ff) 55%,transparent),inset 0 0 14px color-mix(in srgb,var(--sound-accent, #54d9ff) 30%,transparent)}.sound-card--compact .sound-card__disc:before{content:"";width:0;height:0;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent rgba(255,255,255,.95);margin-left:4px;filter:drop-shadow(0 0 6px rgba(255,255,255,.45))}.sound-card--compact .sound-card__wave{position:absolute;left:12px;right:12px;top:50%;height:12px;transform:translateY(-50%);border-radius:3px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--sound-accent, #54d9ff) 62%,transparent) 0 5px,transparent 5px 10px);opacity:.72}.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:9px;z-index:1;width:auto;min-width:20px;height:auto;color:#ffffff61;background:transparent;font-size:.66rem;font-weight:700}.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}.empty-state{grid-column:1 / -1;width:min(1280px,calc(100% - 40px));margin:12px auto 0;display:grid;justify-items:center;gap:8px;padding:52px 24px;text-align:center;color:#ffffffc7;border:1px dashed rgba(255,255,255,.18);border-radius:18px;background:#ffffff05}.empty-state__icon{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:999px;color:#ffffff8c;background:#ffffff0f}.empty-state__icon svg,.empty-state__icon .icon{width:22px;height:22px}.empty-state__title{margin:0;font-size:17px;font-weight:700;color:#ffffffeb}.empty-state__hint{margin:0;font-size:14px;color:#fff9}@keyframes skeleton-shimmer{0%{background-position:-220px 0}to{background-position:calc(220px + 100%) 0}}.skeleton-bar{display:block;height:14px;border-radius:7px;background:linear-gradient(90deg,#ffffff14 25%,#ffffff2e,#ffffff14 75%);background-size:220px 100%;animation:skeleton-shimmer 1.4s linear infinite}.skeleton-bar--title{width:70%}.skeleton-bar--wide{width:88%;height:12px}.skeleton-bar--narrow{width:42%;height:12px}.seo-block{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.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:flex;align-items:center;justify-content:space-evenly;gap:4px;padding:2px 8px 8px;background:transparent}.sound-card__actions button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:40px;border-radius:10px;color:#ffffffd1;background:transparent}.sound-card__actions button:active{background:#ffffff14}.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;cursor:pointer;transition:transform .16s ease,border-color .16s ease}.upload-sound-card:active{transform:scale(.97);border-color:#ffffff42}.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{position:relative;width:22px;height:22px;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__top-actions a:after,.upload-sound-card__top-actions button:after{content:"";position:absolute;inset:-9px;border-radius:50%}.upload-sound-card__visual{position:absolute;inset: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:40px;height:34px;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:24px;z-index:60;width:min(760px,calc(100vw - 48px));height:76px;display:flex;align-items:center;gap:14px;padding:12px 14px 12px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#07050ec7;box-shadow:0 16px 36px #0006;transform:translate(-50%);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%)}.bottom-player__toggle{flex-shrink:0;width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#07050e;background:linear-gradient(135deg,#45d8ff,#7e7bff 60%,#b563ff);box-shadow:0 0 24px #5ca9ff66;cursor:pointer}.bottom-player__toggle .action-icon{width:20px;height:20px}.bottom-player__body{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.bottom-player__body strong{overflow:hidden;color:#fffffff0;font-size:.875rem;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.bottom-player__scrub{display:flex;align-items:center;gap:10px}.bottom-player__time{flex-shrink:0;color:#e2e8f08c;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem;font-weight:600}.bottom-player__bar{position:relative;flex:1;height:4px;border-radius:999px;background:#ffffff14;overflow:hidden}.bottom-player__bar-fill{position:absolute;inset:0 auto 0 0;width:0%;border-radius:999px;background:linear-gradient(90deg,#45d8ff,#7e7bff 60%,#b563ff);transition:width 80ms linear}.bottom-player__seek{position:absolute;inset:-8px 0;width:100%;height:calc(100% + 16px);margin:0;opacity:0;cursor:pointer}.bottom-player__close{flex-shrink:0;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#e2e8f08c;background:transparent;transition:color .14s ease,background-color .14s ease;cursor:pointer}.bottom-player__close:hover{color:#fffffff2;background:#ffffff0f}.upload-edit-modal{position:fixed;inset: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;inset: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;inset: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:176px;border-radius:14px;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(-2px)}.board-card--loading{opacity:.7}.board-card__link,.board-card__meta{position:relative;z-index:2;display:grid;align-content:end;gap:9px;min-height:176px;padding:24px 18px 64px}.board-row__label{color:#bce3f5d1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.62rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.board-card__link strong,.board-card__meta strong{font-size:1.32rem;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-row__subline{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem}.board-card__open{color:#6fdcffeb;font-size:.68rem;font-weight:900}.board-card__glow{position:absolute;z-index:1;top:34px;right:34px;width:74px;height:34px;border-radius:999px;background:#38d3ff8c;filter:blur(17px)}.board-card__play{position:absolute;z-index:3;left:18px;bottom:18px;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;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;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:46px 46px}.board-detail-head{width:min(1132px,calc(100% - 40px));margin:20px auto 0}.board-back-link{display:inline-block;padding:6px 0;color:#75dbffeb;font-size:.76rem;font-weight:700}.board-detail-panel{position:relative;display:grid;justify-items:center;margin-top:14px;padding:34px 24px 6px;border:0;background:transparent;box-shadow:none;overflow:visible}.board-detail-eyebrow{padding:6px 14px;border-radius:999px;color:var(--board-accent, #42d3ff);background:color-mix(in srgb,var(--board-accent, #42d3ff) 12%,transparent);border:1px solid color-mix(in srgb,var(--board-accent, #42d3ff) 30%,transparent);font-size:.62rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.board-detail-copy{display:grid;justify-items:center;gap:12px;margin-top:16px;text-align:center}.board-detail-meta{display:inline-flex;align-items:center;gap:8px;margin:0;color:#e2e8f08c;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem}.board-detail-desc{max-width:560px;margin:0;color:#e2e8f09e;font-size:.86rem;line-height:1.6}.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__disc{width:56px;height:56px}.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;width:auto;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:1fr auto;align-items:center;gap:18px 32px;margin-top:36px;padding:30px 0 26px;border-top:1px solid rgba(255,255,255,.06)}.footer--compact{grid-template-columns:1fr}.footer__brand{display:grid;gap:10px;justify-items:start}.footer__brand p{max-width:340px;margin:0;color:var(--muted);font-size:.82rem;line-height:1.5}.brand--footer .brand__mark{width:38px;height:38px}.brand--footer .brand__text{font-size:1.25rem}.footer__links{display:flex;flex-wrap:wrap;gap:10px 24px;align-content:center}.footer__links a{color:#ffffffd1;font-size:.86rem}.footer__meta{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 18px;margin-top:6px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06);color:var(--muted);font-size:.78rem}.footer__status{display:inline-flex;align-items:center;gap:8px}.footer__status-dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399e6}.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}.page--login .auth-form>label>span,.library-main .auth-form>label>span{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.66rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#e2e8f09e}.auth-form__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-form .checkbox{display:inline-flex;align-items:center;gap:9px;cursor:pointer}.auth-form .checkbox span{font-size:.8rem;font-weight:500;letter-spacing:0;text-transform:none;color:#e2e8f0c7}.auth-form .checkbox input[type=checkbox]{width:15px;height:15px;min-height:0;margin:0;accent-color:#52d9ff;cursor:pointer}.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}button,a,input,select,textarea,label{-webkit-tap-highlight-color:transparent}button,[role=button]{touch-action:manipulation}.trending-filters-toggle{display:none;align-items:center;justify-content:center;min-height:44px;padding:0 18px;margin-bottom:14px;border:1px solid var(--border);border-radius:12px;background:#10121fe6;color:var(--text);font:inherit;font-weight:600;cursor:pointer}.topbar__burger{display:none;grid-area:burger;width:44px;height:44px;place-items:center;align-content:center;gap:5px;border:1px solid var(--border);border-radius:12px;background:#10121fe6;cursor:pointer}.topbar__burger i{display:block;width:18px;height:2px;border-radius:2px;background:var(--text);transition:transform .18s ease,opacity .18s ease}.topbar--open .topbar__burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}.topbar--open .topbar__burger i:nth-child(2){opacity:0}.topbar--open .topbar__burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 1180px){.nav{min-width:0;overflow-x:auto}.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 auto}.footer__meta{justify-content:flex-start}}@media (max-width: 900px){.topbar{padding:10px 16px 12px;grid-template-columns:1fr auto;grid-template-areas:"brand burger" "nav nav" "search search" "actions actions";gap:0 12px}.topbar__burger{display:grid}.topbar .nav,.topbar .searchbar,.topbar .topbar__actions{display:none}.topbar--open .nav{display:flex;flex-direction:column;align-items:stretch;gap:2px;margin-top:10px}.topbar--open .nav a{min-height:48px;display:inline-flex;align-items:center;padding:0 10px;border-radius:12px;font-size:1.02rem}.topbar--open .nav a:active{background:#ffffff12}.topbar--open .searchbar{display:flex;margin-top:12px;min-height:50px}.topbar--open .topbar__actions{display:flex;margin-top:12px}.topbar--open .topbar__actions .upload-btn,.topbar--open .topbar__actions .login-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:48px}.topbar--open .topbar__actions .account-menu-shell{flex:1}.topbar--open .topbar__actions .account-menu{width:100%;min-height:48px;justify-content:center}.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-filters-toggle{display:inline-flex}.trending-filters:not(.is-open){display:none}.trending-filter-group{grid-template-columns:repeat(2,minmax(0,1fr))}.trending-filter-group h3{grid-column:1 / -1}.board-detail-panel{padding:26px 18px;border-radius:18px}.trending-grid,.footer,.footer__brand{grid-template-columns:1fr}.footer__brand .brand--footer{grid-column:1;grid-row:1}.footer__brand p{grid-column:1;grid-row:2}.footer__links{justify-content:flex-start}.trending-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sound-card--compact{min-height:172px;border-radius:14px}.sound-card--compact .sound-card__play{min-height:112px;padding:18px 12px 10px}.sound-card--compact .sound-card__disc{width:66px;height:66px}.sound-card--compact .sound-card__title{font-size:.82rem;min-height:40px}.nav a{min-height:44px;align-items:center}.searchbar{min-height:50px}.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:calc(12px + env(safe-area-inset-bottom,0px));width:min(100% - 16px,760px);height:64px;gap:10px;padding:8px 10px 8px 12px}.bottom-player__toggle{width:44px;height:44px}.bottom-player__close{width:32px;height:32px}.bottom-player__scrub{gap:8px}.bottom-player__time: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: 640px){.uploads-card-grid{grid-template-columns: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}.upload-sound-card__actions{flex-wrap:wrap}.board-modal-shell{padding:16px}.board-modal-actions{grid-template-columns:1fr}}.blog-main{min-height:300px;padding:0 0 46px}.blog-hero{width:min(1132px,calc(100% - 40px));margin:10px auto 0;text-align:center}.blog-hero__eyebrow{margin:0 0 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#6fdcffe6}.blog-hero h1{margin:0 0 12px;font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.12}.blog-hero__sub{max-width:620px;margin:0 auto;color:var(--muted);font-size:.95rem}.blog-grid{width:min(1132px,calc(100% - 40px));margin:28px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.blog-card{display:flex;flex-direction:column;gap:10px;padding:22px 20px 20px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,#14182eb8,#090a16eb);color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.blog-card:hover{transform:translateY(-3px);border-color:#74d9ff6b;box-shadow:0 14px 44px #00000061}.blog-card--featured{grid-column:1 / -1;padding:34px 30px 30px}.blog-card__emoji{font-size:2rem;line-height:1}.blog-card--featured .blog-card__emoji{font-size:2.6rem}.blog-card__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.blog-card__tag{padding:3px 10px;border-radius:999px;border:1px solid rgba(111,220,255,.34);background:#38bdff1a;color:#8ce4fff2;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.blog-card__date{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.7rem;color:#e2e8f094}.blog-card__title{font-size:1.12rem;line-height:1.25;color:#fffffff0}.blog-card--featured .blog-card__title{font-size:1.5rem;max-width:720px}.blog-card__excerpt{margin:0;color:var(--muted);font-size:.85rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card--featured .blog-card__excerpt{-webkit-line-clamp:3;font-size:.92rem;max-width:760px}.blog-card__more{margin-top:auto;color:#6fdcffeb;font-size:.74rem;font-weight:800}.blog-article{width:min(760px,calc(100% - 40px));margin:10px auto 0}.blog-article__head{text-align:center;margin-bottom:30px}.blog-article__eyebrow{margin:0 0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#6fdcffe6}.blog-article__eyebrow a{color:inherit;text-decoration:none}.blog-article__eyebrow a:hover{text-decoration:underline}.blog-article__head h1{margin:0 0 14px;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.14}.blog-article__meta{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;color:#e2e8f094}.blog-article__body{padding:26px 28px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,#12152aa8,#080914e6)}.blog-article__body h2{margin:26px 0 10px;font-size:1.28rem;line-height:1.25;color:#fffffff5}.blog-article__body h2:first-child{margin-top:0}.blog-article__body p{margin:0 0 14px;color:#e2e8f0d1;font-size:.95rem;line-height:1.75}.blog-article__body a{color:#6fdcfff2;text-decoration-color:#6fdcff66}.blog-article__body a:hover{text-decoration-color:#6fdcfff2}.blog-article__body strong{color:#fffffff0}.blog-article__footer{margin-top:26px;padding:18px 22px;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:#0c0e1c99}.blog-article__footer p{margin:0 0 10px;color:#e2e8f0b8;font-size:.86rem;line-height:1.6}.blog-article__footer a{color:#6fdcfff2}.blog-article__back{display:inline-block;color:#6fdcffeb;font-size:.78rem;font-weight:800;text-decoration:none}.blog-article__back:hover{text-decoration:underline}.blog-related{width:min(1132px,calc(100% - 40px));margin:42px auto 0}.blog-related h2{margin:0 0 16px;font-size:1.3rem;text-align:center}.blog-grid--related{margin-top:0}@media (max-width: 900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-article__body{padding:20px 18px}}@media (max-width: 640px){.blog-grid{grid-template-columns:1fr}.blog-card--featured{padding:26px 20px 22px}.blog-card--featured .blog-card__title{font-size:1.24rem}}.share-overlay{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:20px;background:#04050cb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:share-fade .16s ease}@keyframes share-fade{0%{opacity:0}to{opacity:1}}.share-card{position:relative;width:min(400px,100%);padding:26px 24px 22px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(165deg,#15182ef5,#090a16fa);box-shadow:0 30px 90px #0000008c,inset 0 1px #ffffff0d;animation:share-pop .18s ease}@keyframes share-pop{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.share-card__close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#ffffffa8;background:#ffffff0f;cursor:pointer;transition:background-color .15s ease,color .15s ease}.share-card__close:hover{background:#ffffff1f;color:#ffffffeb}.share-card__eyebrow{margin:0 0 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.66rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#6fdcffe6}.share-card__title{margin:0 0 16px;font-size:1.12rem;line-height:1.3;color:#fffffff2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.share-card__link{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#060812cc;margin-bottom:14px}.share-card__url{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.7rem;color:#e2e8f09e}.share-card__copy{flex-shrink:0;padding:7px 14px;border-radius:9px;border:1px solid rgba(111,220,255,.4);background:#38bdff1f;color:#8ce4fffa;font-size:.72rem;font-weight:800;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.share-card__copy:hover{background:#38bdff38;border-color:#6fdcff99}.share-card__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.share-opt{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#edf2fae6;font-size:.78rem;font-weight:700;text-decoration:none;text-align:left;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.share-opt:hover{transform:translateY(-1px);border-color:#fff3;background:#ffffff0f}.share-opt:active{transform:scale(.98)}.share-opt__icon{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:8px;color:#fff}.share-opt--x .share-opt__icon{background:#000;border:1px solid rgba(255,255,255,.22)}.share-opt--facebook .share-opt__icon{background:#1877f2}.share-opt--whatsapp .share-opt__icon{background:#25d366}.share-opt--discord .share-opt__icon{background:#5865f2}.share-opt--tiktok .share-opt__icon{background:#ff0050}.share-card__native{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-bottom:8px;padding:11px;border-radius:12px;border:1px solid rgba(111,220,255,.35);background:#38bdff1a;color:#8ce4fffa;font-size:.82rem;font-weight:800;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.share-card__native:hover{background:#38bdff33;border-color:#6fdcff8c}.share-card__feedback{margin:0 0 8px;text-align:center;font-size:.74rem;color:#ffb274f2}.share-card__cancel{width:100%;padding:10px;border-radius:12px;border:1px solid transparent;background:transparent;color:#e2e8f099;font-size:.8rem;font-weight:700;cursor:pointer;transition:color .15s ease,background-color .15s ease}.share-card__cancel:hover{color:#ffffffe6;background:#ffffff0d}@media (max-width: 480px){.share-card__grid{grid-template-columns:1fr}}