*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#0e0817}body{font-family:Manrope,-apple-system,sans-serif;color:#f4edff;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes eq{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.fade-in{animation:fadeUp .9s cubic-bezier(.2,.7,.2,1) both}.fade-in.d1{animation-delay:.12s}.fade-in.d2{animation-delay:.24s}.fade-in.d3{animation-delay:.36s}.fade-in.d4{animation-delay:.48s}.fade-in.d5{animation-delay:.6s}.scroll-y{scrollbar-width:none}.scroll-y::-webkit-scrollbar{display:none}:root{--bg-deep: #0E0817;--bg-mid: #1A0E2E;--fg: #F4EDFF;--muted: #B8A8D9;--accent: #9D4EFF;--accent2: #C77DFF;--gold: #E8B86A;--glass-bg: rgba(255,255,255,.06);--glass-border: rgba(255,255,255,.1)}.page{width:100%;min-height:100vh;min-height:100dvh;position:relative;overflow:hidden;background:radial-gradient(120% 70% at 50% 0%,rgba(157,78,255,.2) 0%,transparent 55%),radial-gradient(80% 60% at 50% 100%,rgba(199,125,255,.15) 0%,transparent 60%),linear-gradient(180deg,var(--bg-mid) 0%,var(--bg-deep) 100%)}.grain{position:fixed;inset:0;opacity:.12;mix-blend-mode:overlay;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='.6'/></svg>")}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 24px 0;font-size:14px;font-weight:600;letter-spacing:-.01em;position:relative;z-index:4}.top-bar{display:none}.status-icons{display:inline-flex;gap:5px;align-items:center}.main-scroll{position:relative;z-index:1;padding-bottom:110px}.identity{padding:4px 22px 18px;display:flex;align-items:center;gap:12px}.avatar-placeholder{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));border:1px solid var(--glass-border);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:500}.avatar-img{width:44px;height:44px;border-radius:50%;border:1px solid var(--glass-border);flex-shrink:0;object-fit:cover}.identity-name{font-family:Cormorant Garamond,serif;font-size:24px;font-weight:500;line-height:1;letter-spacing:-.01em}.identity-sub{margin-top:4px;font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--accent2)}.badge-online{margin-left:auto;padding:5px 10px;border-radius:999px;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:.9;white-space:nowrap}.badge-online .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5bd18a;margin-right:6px;vertical-align:middle;box-shadow:0 0 0 3px #5bd18a2e}.pills{padding:0 20px;display:grid;gap:10px}.pill{display:grid;grid-template-columns:22px 1fr 18px;align-items:center;gap:12px;padding:14px 18px;border-radius:999px;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px #ffffff0f;transition:background .2s,border-color .2s;cursor:pointer}.pill:hover{background:#ffffff1a;border-color:#fff3}.pill .pill-icon{width:22px;height:22px;opacity:.9;flex-shrink:0}.pill .pill-label{text-align:center;font-size:15px;font-weight:500;letter-spacing:-.01em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill .pill-arrow{width:18px;height:18px;opacity:.65;flex-shrink:0}.pill.pill-falta{opacity:.55}.pill.pill-falta .pill-label{color:var(--muted)}.card-rail{margin-top:20px;display:flex;gap:12px;overflow-x:auto;padding:0 20px 4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.card-rail::-webkit-scrollbar{display:none}.card-item{flex:0 0 auto;width:168px;scroll-snap-align:start;border-radius:22px;overflow:hidden;position:relative;background:#000;border:1px solid var(--glass-border);box-shadow:0 10px 24px #0006;aspect-ratio:3 / 4;text-decoration:none;color:var(--fg)}.card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card-gradient{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.7) 100%)}@keyframes cardCrossfade{0%,40%{opacity:1}50%,90%{opacity:0}to{opacity:1}}.card-crossfade{position:absolute;inset:0}.card-crossfade .cf-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:cardCrossfade 6s ease-in-out infinite}.card-crossfade .cf-img:nth-child(2){animation-delay:3s}.card-tag{position:absolute;top:10px;left:10px;padding:4px 9px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.card-views{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;background:#00000073;backdrop-filter:blur(6px);font-size:11px;font-weight:600}.card-stats{position:absolute;left:10px;right:10px;bottom:8px;display:flex;align-items:center;gap:12px;font-size:11px;font-weight:600}.card-stats span{display:inline-flex;align-items:center;gap:5px}.card-stats .icon-sm{width:14px;height:14px}.trending-header{padding:24px 22px 10px;display:flex;align-items:baseline;justify-content:space-between}.trending-header h2{font-family:Cormorant Garamond,serif;font-weight:500;font-size:28px;letter-spacing:-.01em;margin:0}.trending-header span{font-size:10px;letter-spacing:.3em;text-transform:uppercase;opacity:.55}.trending-card-wrapper{padding:0 20px}.trending-card{display:block;position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4 / 5;background:#000;color:var(--fg);border:1px solid var(--glass-border);box-shadow:0 18px 40px #00000080,0 0 0 1px #9d4eff21}.trending-card .trending-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.trending-card .trending-gradient{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(10,5,20,.75) 100%)}.trending-card .trending-actions{position:absolute;right:14px;bottom:80px;display:flex;flex-direction:column;align-items:center;gap:18px}.trending-card .action-btn{display:flex;flex-direction:column;align-items:center;gap:4px}.trending-card .action-circle{width:38px;height:38px;border-radius:50%;background:#ffffff1f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:10px}.trending-card .action-label{font-size:11px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.6)}.trending-card .trending-user{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:10px}.trending-card .trending-avatar{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--fg);background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-size:14px}.trending-card .trending-name{font-size:14px;font-weight:700;line-height:1.1}.trending-card .trending-handle{font-size:11px;opacity:.75;line-height:1.1;margin-top:2px}.bottom-dock{position:fixed;left:16px;right:16px;bottom:18px;z-index:10;padding:8px 10px;border-radius:999px;background:#0e0618a6;border:1px solid var(--glass-border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:grid;grid-template-columns:auto 1px 1fr;align-items:center;gap:10px;box-shadow:0 18px 40px #0009,0 0 0 1px #9d4eff21}.bottom-dock .dock-avatar{width:42px;height:42px;border-radius:50%;border:1.5px solid rgba(244,237,255,.25);background:linear-gradient(135deg,var(--accent),var(--accent2));flex-shrink:0}.bottom-dock .dock-divider{width:1px;height:24px;background:#f4edff26}.bottom-dock .dock-icons{display:flex;align-items:center;justify-content:space-around}.bottom-dock .dock-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:7px;transition:background .15s}.bottom-dock .dock-icon:hover{background:#ffffff14}.music-toggle{position:fixed;right:14px;bottom:100px;z-index:12;width:38px;height:38px;border-radius:50%;border:none;background:#9d4eff87;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--fg);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #0000002e;transition:transform .2s,box-shadow .2s,background .3s}.music-toggle:hover{transform:scale(1.08)}.music-toggle.playing{background:#c77dffb3;box-shadow:0 0 22px #9d4eff8c}.music-toggle.playing svg{animation:eqPulse 1.2s ease-in-out infinite alternate}@keyframes eqPulse{0%{transform:scale(1)}to{transform:scale(1.15)}}@media(min-width:768px){.page{display:flex;flex-direction:column;height:100vh;background:radial-gradient(60% 60% at 18% 8%,rgba(157,78,255,.2) 0%,transparent 55%),radial-gradient(50% 50% at 92% 80%,rgba(199,125,255,.15) 0%,transparent 60%),linear-gradient(180deg,var(--bg-mid) 0%,var(--bg-deep) 100%)}.status-bar{display:none}.top-bar{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:22px 40px}.top-bar-left{display:flex;align-items:center;gap:12px}.top-bar-avatar{width:38px;height:38px;border-radius:50%;border:1px solid var(--glass-border);background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-family:Cormorant Garamond,serif;font-size:16px;font-weight:500}.top-bar-name{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:500;line-height:1}.top-bar-handle{font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);margin-top:3px}.top-bar-right{display:flex;align-items:center;gap:10px}.top-bar-dock{display:flex;align-items:center;gap:4px;padding:4px 6px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:999px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.top-bar-dock .dock-icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:7px}.main-scroll{flex:1;padding:84px 40px 40px;display:grid;grid-template-columns:1.05fr 1.35fr;gap:36px;align-items:stretch;overflow-y:auto}.col-left{display:flex;flex-direction:column;justify-content:space-between}.masthead-est{font-size:11px;letter-spacing:.36em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}.masthead-name{font-family:Cormorant Garamond,serif;font-weight:500;font-size:clamp(80px,11.7vw,168px);line-height:.86;letter-spacing:-.03em;color:var(--fg);margin:0;text-align:center}.masthead-sub{margin-top:18px;display:flex;align-items:baseline;gap:14px;font-family:Cormorant Garamond,serif}.masthead-sub i{font-style:italic;font-size:30px;color:var(--accent2)}.masthead-sub small{font-family:Manrope,sans-serif;font-size:11px;letter-spacing:.3em;text-transform:uppercase;opacity:.55}.pills-desktop{display:grid;gap:12px;margin-top:40px}.pill-desktop{display:grid;grid-template-columns:24px 1fr 20px;align-items:center;gap:14px;padding:18px 22px;border-radius:999px;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px #ffffff0f;font-size:16px;font-weight:500;transition:background .2s;cursor:pointer}.pill-desktop:hover{background:#ffffff1a}.pill-desktop .pill-icon{width:24px;height:24px;opacity:.9}.pill-desktop .pill-label{text-align:center;letter-spacing:-.01em}.pill-desktop .pill-arrow{width:20px;height:20px;opacity:.65}.copyright{margin-top:24px;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#b8a8d999}.col-right{display:flex;flex-direction:column;gap:18px}.section-header{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:6px;border-bottom:1px solid var(--glass-border)}.section-header h2{margin:0;font-family:Cormorant Garamond,serif;font-weight:500;font-size:32px;letter-spacing:-.01em}.section-header span{font-size:11px;letter-spacing:.3em;text-transform:uppercase;opacity:.55}.desktop-trending{position:relative;flex:1 1 auto;min-height:300px;border-radius:22px;overflow:hidden;background:#000;color:var(--fg);border:1px solid var(--glass-border);box-shadow:0 24px 60px #0009,0 0 0 1px #9d4eff21}.desktop-trending .trending-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.desktop-trending .trending-gradient{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(10,5,20,.75) 100%)}.desktop-trending .live-badge{position:absolute;top:18px;left:18px;padding:6px 12px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;box-shadow:0 0 24px #9d4eff66}.desktop-trending .views-badge{position:absolute;top:18px;right:18px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#00000073;backdrop-filter:blur(8px);font-size:12px;font-weight:600}.desktop-trending .trending-actions{position:absolute;right:22px;bottom:110px;display:flex;flex-direction:column;align-items:center;gap:20px}.desktop-trending .action-circle{width:46px;height:46px;border-radius:50%;background:#ffffff1f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:12px}.desktop-trending .action-label{font-size:12px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.6)}.desktop-trending .trending-info{position:absolute;left:22px;right:100px;bottom:22px}.desktop-trending .trending-title{font-family:Cormorant Garamond,serif;font-size:36px;font-weight:500;line-height:1;letter-spacing:-.01em;margin-bottom:14px;max-width:380px}.desktop-trending .trending-user{display:flex;align-items:center;gap:12px}.desktop-trending .trending-avatar{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--fg);background:linear-gradient(135deg,var(--accent),var(--accent2))}.desktop-card-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.desktop-card-rail .card-item{width:100%;border-radius:16px}.bottom-dock{display:none}.music-toggle{bottom:40px}.top-bar .badge-online{padding:7px 14px;font-size:11px;letter-spacing:.2em}.show-mobile{display:none!important}.show-desktop{display:contents}}@media(max-width:767px){.show-desktop{display:none!important}}