@font-face{font-family:BRLNSR;font-style:normal;font-weight:400;font-display:swap;src:local(Berlin Sans FB Demi),local(BerlinSansFBDemi),url(/fonts/BRLNSR.woff)format("woff")}@font-face{font-family:BRLNSDB;font-style:normal;font-weight:700;font-display:swap;src:local(Berlin Sans FB Demi Bold),local(BerlinSansFBDemiBold),url(/fonts/BRLNSDB.woff)format("woff")}:root{--gold:#e5b53d;--ink:#11100c;--bg:#080809;--panel:#111112;--card:#151515;--line:#ffffff21;--text:#f6f2e8;--text-strong:#fffaf0;--muted:#c7c1b1;--font-regular:"BRLNSR", "Berlin Sans FB Demi", "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif;--font-bold:"BRLNSDB", "Berlin Sans FB Demi Bold", "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif;--font-display:var(--font-regular);font-family:var(--font-display);color:var(--text);background:linear-gradient(180deg, #e5b53d21, transparent 42%), linear-gradient(90deg, #ffffff0b, transparent 32%), var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:400;line-height:1.35}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{min-width:320px;min-height:100svh;margin:0}button,input,textarea,select{font:inherit}strong{font-family:var(--font-bold);font-weight:700}#root{min-height:100svh}.page-shell{grid-template-rows:auto auto auto;gap:14px;width:min(1180px,100% - 28px);min-height:100svh;margin:0 auto;padding:18px 0;display:grid}.hero-band{border:1px solid var(--line);background:linear-gradient(90deg, #e5b53d38, #ffffff0a), var(--panel);isolation:isolate;border-radius:8px;justify-content:space-between;align-items:center;gap:28px;min-height:176px;padding:18px;display:flex;position:relative;overflow:hidden}.hero-band:before{z-index:-1;content:"";background:repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 68px),linear-gradient(120deg,#0000 0 58%,#e5b53d2e 58% 62%,#0000 62%);animation:8s linear infinite scanline;position:absolute;inset:0}.brand-zone{align-items:center;gap:18px;min-width:0;display:flex}.brand-mark{aspect-ratio:1;width:132px;color:inherit;flex:0 0 132px;place-items:center;text-decoration:none;display:grid;position:relative}.brand-mark:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:50%}.brand-mark.is-live:before{content:"";border:2px solid #ff2f40e6;border-radius:50%;animation:1.45s ease-in-out infinite livePulse;position:absolute;inset:13px;box-shadow:0 0 0 6px #ff2f401f,0 0 34px #ff2f406b}.mark-ring{border:1px solid #e5b53d73;border-radius:50%;position:absolute;inset:8px}.mark-ring-one{animation:9s linear infinite rotateMark}.mark-ring-two{border-style:dashed;border-color:#ffffff47;animation:6s linear infinite reverse rotateMark;inset:25px}.profile-photo{z-index:1;aspect-ratio:1;border:2px solid var(--gold);object-fit:cover;border-radius:50%;width:88px;position:relative;box-shadow:0 0 0 8px #e5b53d1f,0 18px 36px #00000061}.brand-mark.is-live .profile-photo{border-color:#ff2f40;box-shadow:0 0 0 8px #ff2f4024,0 0 36px #ff2f4080,0 18px 36px #00000061}.live-badge{z-index:2;color:#fffaf0;font-family:var(--font-bold);background:#070708e0;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:6px;padding:5px 8px 4px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:15px;right:-6px;box-shadow:0 12px 24px #00000057,0 0 22px #ff2f4057}.live-dot{aspect-ratio:1;background:#ff2f40;border-radius:50%;width:8px;animation:1s ease-in-out infinite liveDot;box-shadow:0 0 0 4px #ff2f4033}.brand-copy{min-width:0}.kicker{color:var(--gold);font-family:var(--font-bold);text-transform:uppercase;align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex}h1{color:var(--text-strong);flex-wrap:wrap;align-items:baseline;gap:8px;margin:4px 0 5px;font-size:76px;line-height:.88;display:flex}.intro{max-width:520px;color:var(--muted);font-size:19px;line-height:1.22}.intro strong{font-family:var(--font-regular);font-weight:400}.hero-aside{flex:0 0 min(36%,390px);gap:10px;min-width:315px;display:grid}.box-feature{min-height:108px;color:var(--ink);background:linear-gradient(135deg, #ffe38c, var(--gold) 48%, #b98313), var(--gold);border:1px solid #ffffff57;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:14px;text-decoration:none;transition:transform .24s,box-shadow .24s;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 44px #00000057,0 0 34px #e5b53d38}.box-feature:before{content:"";background:linear-gradient(90deg,#0000,#ffffff7a,#0000);animation:3.6s ease-in-out infinite boxSheen;position:absolute;inset:0;transform:translate(-120%)}.box-feature:hover{transform:translateY(-3px);box-shadow:0 22px 54px #0006,0 0 48px #e5b53d52}.box-feature:focus-visible{outline-offset:3px;outline:2px solid #fff}.box-icon{aspect-ratio:1;width:48px;color:var(--gold);background:var(--ink);border-radius:8px;place-items:center;display:grid;position:relative}.box-copy{gap:2px;min-width:0;display:grid;position:relative}.box-copy small{color:#11100cb8;text-transform:uppercase;font-size:12px;font-weight:700}.box-copy strong{font-size:28px;line-height:.96}.box-copy em{color:#11100cc7;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-style:normal;overflow:hidden}.box-feature>svg{position:relative}.visualizer{background:linear-gradient(#ffffff12,#ffffff05),#00000038;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:end;gap:8px;height:58px;padding:9px 12px;display:flex}.visualizer span{background:linear-gradient(180deg, #fff, var(--gold));transform-origin:bottom;border-radius:8px 8px 3px 3px;width:14px;height:46%;animation:1.25s ease-in-out infinite bounceBar;box-shadow:0 0 24px #e5b53d52}.visualizer span:nth-child(2){height:70%;animation-delay:-.18s}.visualizer span:nth-child(3){height:38%;animation-delay:-.34s}.visualizer span:nth-child(4){height:92%;animation-delay:-.5s}.visualizer span:nth-child(5){height:54%;animation-delay:-.66s}.visualizer span:nth-child(6){height:78%;animation-delay:-.82s}.visualizer span:nth-child(7){height:44%;animation-delay:-.98s}.link-section,.playlist-section,.music-section{grid-template-columns:180px 1fr;align-items:start;gap:14px;display:grid}.section-title{border:1px solid var(--line);background:#ffffff0e;border-radius:8px;min-height:100%;padding:16px;position:sticky;top:16px}h2{color:var(--text-strong);font-family:var(--font-regular);margin:8px 0 0;font-size:27px;font-weight:400;line-height:1}.section-title h2 strong{font-family:var(--font-bold);font-weight:700}.links-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.link-card,.playlist-card,.single-cover{color:var(--text-strong);opacity:0;animation:.55s cubic-bezier(.2,.8,.2,1) forwards itemIn;animation-delay:calc(var(--item-index) * 55ms);text-decoration:none;position:relative;overflow:hidden;translate:0 12px}.link-card{border:1px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--card-accent) 22%, transparent), transparent 54%), var(--card);border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:102px;padding:14px;display:grid}.link-card.is-live-link{background:linear-gradient(135deg, #ff2f4047, transparent 48%), linear-gradient(135deg, color-mix(in srgb, var(--card-accent) 28%, transparent), transparent 56%), var(--card);border-color:#ff2f40c7;box-shadow:0 0 0 1px #ff2f4029,0 0 30px #ff2f402e}.link-card.is-live-link .icon-chip{color:#ff2f40;box-shadow:inset 0 0 0 1px #ff2f4061,0 0 18px #ff2f403d}.link-card.is-live-link .link-copy:after{content:"EN LIVE";color:#fffaf0;width:fit-content;font-family:var(--font-bold);background:#ff2f40e6;border-radius:6px;align-items:center;margin-top:2px;padding:3px 7px 2px;font-size:11px;line-height:1;display:inline-flex;box-shadow:0 0 14px #ff2f404d}.link-card:before,.playlist-card:before,.single-cover:before{z-index:2;content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff3,#0000);transition:transform .55s;position:absolute;inset:0;transform:translate(-120%)}.link-card:hover,.playlist-card:hover,.single-cover:hover{border-color:color-mix(in srgb, var(--card-accent,var(--single-tone,var(--playlist-tone,var(--gold)))) 65%, var(--line));transform:translateY(-3px);box-shadow:0 18px 40px #00000047}.link-card:hover:before,.playlist-card:hover:before,.single-cover:hover:before{transform:translate(120%)}.link-card:focus-visible,.playlist-card:focus-visible,.single-cover:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.icon-chip{aspect-ratio:1;width:48px;color:var(--card-accent);background:#0000004d;border-radius:8px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffff1a}.link-copy{gap:4px;min-width:0;display:grid}.link-copy strong,.single-cover strong{overflow-wrap:anywhere}.link-copy small{color:var(--muted);font-family:var(--font-regular);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:400;overflow:hidden}.open-icon{color:var(--muted);transition:color .24s,transform .24s}.link-card:hover .open-icon{color:var(--gold);transform:translate(2px,-2px)}.clips-link{border:1px solid color-mix(in srgb, #f03 52%, var(--line));color:var(--text-strong);background:linear-gradient(135deg,#ff003338,#0000 58%),#ffffff12;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:18px;padding:10px;text-decoration:none;transition:transform .24s,border-color .24s,box-shadow .24s;display:grid;position:relative;overflow:hidden}.clips-link:hover{border-color:#f03;transform:translateY(-2px);box-shadow:0 14px 28px #00000042}.clips-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.clips-icon{aspect-ratio:1;color:#f03;background:#0000004d;border-radius:8px;place-items:center;width:36px;display:grid}.clips-link span:not(.clips-icon){gap:2px;min-width:0;display:grid}.clips-link small{color:var(--muted);font-family:var(--font-regular);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:400;overflow:hidden}.clips-link>svg{color:var(--gold)}.playlist-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.playlist-card{aspect-ratio:1;border:1px solid var(--line);background:radial-gradient(circle at 24% 18%, color-mix(in srgb, var(--playlist-tone) 88%, #fff), transparent 23%), linear-gradient(135deg, color-mix(in srgb, var(--playlist-tone) 72%, #070708), #070708 62%), var(--card);border-radius:8px}.playlist-card img{z-index:1;object-fit:contain;border-radius:8px;width:calc(100% - 16px);height:calc(100% - 16px);transition:transform .32s;position:absolute;inset:8px}.playlist-card:hover img{transform:scale(1.035)}.playlist-overlay{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#07070880,#070708db);border:1px solid #ffffff29;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:8px;min-height:38px;padding:7px 9px;display:grid;position:absolute;inset:auto 8px 8px}.playlist-overlay strong{color:#fffaf0;font-size:14px;line-height:1.02}.playlist-overlay svg{color:var(--gold)}.music-section{padding-bottom:2px}.single-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.single-cover{aspect-ratio:1;border:1px solid var(--line);background:radial-gradient(circle at 26% 18%, color-mix(in srgb, var(--single-tone) 88%, #fff), transparent 21%), linear-gradient(135deg, color-mix(in srgb, var(--single-tone) 70%, #070708), #070708 58%), var(--card);border-radius:8px;min-height:0;display:block}.single-pack{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;display:grid}.cover-frame{z-index:1;background:#07070857;border:1px solid #ffffff3d;border-radius:8px;transition:transform .35s;display:block;position:absolute;inset:13%;overflow:hidden;transform:rotate(-9deg);box-shadow:0 16px 34px #0000004d}.single-cover:hover .cover-frame{transform:rotate(-5deg)scale(1.03)}.single-cover img,.cover-placeholder{object-fit:contain;width:100%;height:100%;transition:transform .35s;position:absolute;inset:0;transform:scale(1)}.single-cover:hover img,.single-cover:hover .cover-placeholder{transform:scale(1.04)}.cover-placeholder{place-items:center;display:grid}.cover-placeholder span{color:#fffaf042;font-size:72px;font-weight:700;line-height:1}.single-overlay{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0707088c,#070708db);border:1px solid #ffffff29;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:8px;min-height:42px;padding:8px 10px;display:grid;position:absolute;inset:auto 8px 8px}.single-overlay strong{color:#fffaf0;font-size:16px;line-height:1.02}.single-title{gap:3px;min-width:0;display:grid}.single-title small{color:var(--muted);font-size:11px;line-height:1.05}.single-overlay svg{color:var(--gold)}.pack-link{min-width:0;color:var(--text-strong);background:#07070857;border:1px solid #ffffff3d;border-radius:8px;text-decoration:none;transition:transform .3s,border-color .24s;display:block;position:relative;overflow:hidden;transform:rotate(-6deg);box-shadow:0 14px 28px #00000047}.pack-link:nth-child(2){transform:rotate(6deg)}.pack-link:hover{z-index:4;border-color:var(--gold);transform:rotate(-3deg)scale(1.04)}.pack-link:nth-child(2):hover{transform:rotate(3deg)scale(1.04)}.pack-link:focus-visible{z-index:4;outline:2px solid var(--gold);outline-offset:3px}.pack-frame{border-radius:6px;display:block;position:absolute;inset:8px 8px 48px;overflow:hidden}.pack-frame img{object-fit:contain;width:100%;height:100%;transition:transform .3s;position:absolute;inset:0;transform:scale(1)}.pack-link:hover .pack-frame img{transform:scale(1.04)}.pack-label{background:linear-gradient(#0707088f,#070708e0);border:1px solid #ffffff24;border-radius:7px;grid-template-columns:1fr auto;align-items:center;gap:6px;min-height:36px;padding:6px 7px;display:grid;position:absolute;inset:auto 6px 6px}.pack-label strong{font-size:12px;line-height:1.02}.pack-label svg{color:var(--gold)}@keyframes itemIn{to{opacity:1;translate:0}}@keyframes bounceBar{0%,to{transform:scaleY(.48)}50%{transform:scaleY(1)}}@keyframes rotateMark{to{transform:rotate(360deg)}}@keyframes livePulse{0%,to{opacity:.62;transform:scale(.98)}50%{opacity:1;transform:scale(1.08)}}@keyframes liveDot{0%,to{transform:scale(.88)}50%{transform:scale(1.12)}}@keyframes scanline{to{background-position:136px 0,0 0}}@keyframes boxSheen{0%,44%{transform:translate(-120%)}70%,to{transform:translate(120%)}}@media (width<=980px){.page-shell{min-height:auto}.hero-band{align-items:stretch}.visualizer{height:70px}.link-section,.playlist-section,.music-section{grid-template-columns:1fr}.section-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;min-height:0;display:flex;position:static}.clips-link{width:100%;margin-top:0}h2{margin-top:0}h1{font-size:62px}.links-grid,.playlist-grid,.single-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.page-shell{gap:10px;width:min(100% - 18px,520px);padding:9px 0}.hero-band{flex-direction:column;min-height:0;padding:13px}.brand-zone{align-items:flex-start;gap:12px}.brand-mark{flex-basis:92px;width:92px}.profile-photo{width:62px}.brand-mark.is-live:before{inset:11px}.live-badge{padding:4px 6px 3px;font-size:10px;top:6px;right:-4px}h1{font-size:46px}.intro{font-size:16px}.visualizer{width:100%;height:58px;padding:8px}.hero-aside{width:100%;min-width:0}.visualizer span{width:12px}.section-title{padding:12px}h2{font-size:22px}.links-grid,.playlist-grid,.single-list{grid-template-columns:1fr}.link-card{min-height:76px}.single-cover{aspect-ratio:1.25}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}