:root{--bg:#080810;--bg-card:rgba(18,18,30,.85);--border:hsla(0,0%,100%,.06);--border-mid:hsla(0,0%,100%,.1);--purple:#7c3aed;--purple-2:#a855f7;--purple-3:#c084fc;--cyan:#22d3ee;--pink:#f472b6;--green:#4ade80;--spotify:#1db954;--text-1:#f8fafc;--text-2:#cbd5e1;--text-3:#64748b;--text-4:#334155;--online:#22c55e;--idle:#f59e0b;--dnd:#ef4444;--offline:#475569}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;background:var(--bg);color:var(--text-1);font-family:Inter,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.entry-page{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;z-index:100;background:var(--bg);transition:opacity .9s cubic-bezier(.4,0,.2,1),visibility .9s}.entry-page.fade-out{opacity:0;visibility:hidden;pointer-events:none}.entry-bg{position:absolute;inset:0;overflow:hidden}.entry-bg-media{width:100%;height:100%;object-fit:cover;opacity:.18}.entry-overlay{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(124,58,237,.18) 0,rgba(8,8,16,.95) 65%)}.orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;animation:orbDrift ease-in-out infinite alternate}.orb-1{width:480px;height:480px;background:rgba(124,58,237,.2);top:-5%;left:-5%;animation-duration:12s}.orb-2{width:360px;height:360px;background:rgba(34,211,238,.14);bottom:-5%;right:-5%;animation-duration:16s;animation-delay:-6s}.orb-3{width:220px;height:220px;background:rgba(244,114,182,.12);top:40%;left:38%;animation-duration:9s;animation-delay:-3s}@keyframes orbDrift{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-40px) scale(1.08)}}.entry-grid{position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.015) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.015) 1px,transparent 0);background-size:60px 60px}.entry-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:18px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.entry-title{font-size:clamp(3rem,8vw,6rem);font-weight:800;letter-spacing:-.03em;line-height:1;background:linear-gradient(135deg,#fff 20%,var(--purple-3) 60%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 40px rgba(168,85,247,.5));animation:titleGlow 4s ease-in-out infinite}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 30px rgba(168,85,247,.5))}50%{filter:drop-shadow(0 0 60px rgba(168,85,247,.9)) drop-shadow(0 0 120px rgba(34,211,238,.2))}}.entry-sub{font-size:.8rem;letter-spacing:.45em;text-transform:uppercase;color:var(--text-3);font-weight:500;animation:fadePulse 3s ease-in-out infinite}@keyframes fadePulse{0%,to{opacity:.4}50%{opacity:.9}}.entry-cta{display:flex;align-items:center;gap:14px;margin-top:14px;opacity:0;animation:fadeUp .8s ease 1.2s forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.entry-cta-line{width:44px;height:1px;background:linear-gradient(90deg,transparent,var(--purple-2))}.entry-cta-line:last-child{background:linear-gradient(90deg,var(--purple-2),transparent)}.entry-cta-text{font-size:.82rem;color:var(--text-3);letter-spacing:.12em}.portfolio-page{min-height:100vh;position:relative;overflow:hidden}.portfolio-bg{position:fixed;inset:0;z-index:0}.portfolio-bg-media{width:100%;height:100%;object-fit:cover;opacity:.45}.portfolio-bg-overlay{position:absolute;inset:0;background:linear-gradient(160deg,rgba(8,8,16,.6),rgba(8,8,16,.85))}.portfolio-grid-bg{inset:0;background-image:linear-gradient(hsla(0,0%,100%,.012) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.012) 1px,transparent 0);background-size:50px 50px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000 30%,transparent 100%);mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000 30%,transparent 100%)}.ambient-1,.portfolio-grid-bg{position:fixed;z-index:0;pointer-events:none}.ambient-1{width:600px;height:600px;background:rgba(124,58,237,.08);top:-150px;left:-150px}.ambient-1,.ambient-2{border-radius:50%;filter:blur(120px)}.ambient-2{position:fixed;width:500px;height:500px;background:rgba(34,211,238,.06);bottom:-150px;right:-150px;pointer-events:none;z-index:0}.portfolio-wrap{position:relative;z-index:1;max-width:1140px;margin:0 auto;padding:52px 28px 80px;display:grid;grid-template-columns:360px 1fr;grid-gap:22px;gap:22px;align-items:start;animation:pageIn .7s cubic-bezier(.4,0,.2,1) forwards}@keyframes pageIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.glass{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);position:relative;overflow:hidden;transition:border-color .3s,box-shadow .3s}.glass:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.08),transparent);pointer-events:none}.sidebar{display:flex;flex-direction:column}.banner{height:127px;width:100%;position:relative;overflow:hidden;background:linear-gradient(135deg,#0f0724,#0d1f3c 50%,#061220);border-radius:20px 20px 0 0;flex-shrink:0}.banner-media{width:100%;height:100%;object-fit:cover;opacity:.5;position:absolute;inset:0}.banner-shine{position:absolute;inset:0;background:linear-gradient(125deg,rgba(124,58,237,.25),transparent 50%,rgba(34,211,238,.1))}.banner-fade{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,var(--bg-card) 100%)}.sidebar-body{padding:0 20px 22px}.avatar-wrap{margin-top:-46px;position:relative;display:inline-block}.status-dots{position:absolute;top:50%;left:calc(100% + 5px);transform:translateY(-50%);display:flex;align-items:center;gap:4px;z-index:9;animation:dotsIn .4s ease forwards}.status-dots span{background:rgba(18,18,30,.95);border:1px solid rgba(139,92,246,.3);border-radius:50%;display:block;box-shadow:0 4px 10px rgba(0,0,0,.3)}.dot-1{width:4px;height:4px;opacity:.5}.dot-2{width:8px;height:8px;opacity:.8}.status-bubble{position:absolute;top:50%;left:calc(100% + 24px);transform:translateY(-50%);background:rgba(18,18,30,.95);border:1px solid rgba(139,92,246,.3);border-radius:16px;padding:8px 14px;font-size:.8rem;color:var(--text-2);white-space:nowrap;max-width:250px;display:flex;align-items:center;gap:10px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 15px rgba(124,58,237,.15);animation:bubbleRightIn .45s cubic-bezier(.16,1,.3,1) forwards;z-index:10}@keyframes dotsIn{0%{opacity:0;transform:translateY(-50%) translateX(-5px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}@keyframes bubbleRightIn{0%{opacity:0;transform:translateY(-50%) translateX(-10px) scale(.9)}to{opacity:1;transform:translateY(-50%) translateX(0) scale(1)}}.status-emoji{width:20px;height:20px;object-fit:contain;flex-shrink:0}.status-text{overflow:hidden;text-overflow:ellipsis;font-weight:500}.avatar-ring{position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(var(--purple),var(--cyan),var(--pink),var(--purple));animation:ringRotate 4s linear infinite;z-index:0}@keyframes ringRotate{to{transform:rotate(1turn)}}.avatar-ring-inner{position:absolute;inset:2px;border-radius:50%;background:var(--bg);z-index:1}.avatar-img{position:relative;z-index:2;width:90px;height:90px;border-radius:50%;object-fit:cover;display:block}.status-badge{position:absolute;bottom:3px;right:3px;z-index:3;width:21px;height:21px;border-radius:50%;border:3px solid var(--bg)}.status-badge.online{background:var(--online);box-shadow:0 0 8px rgba(34,197,94,.6);animation:statusPulse 2s ease-in-out infinite}.status-badge.idle{background:var(--idle);box-shadow:0 0 8px rgba(245,158,11,.5)}.status-badge.dnd{background:var(--dnd);box-shadow:0 0 8px rgba(239,68,68,.5)}.status-badge.offline{background:var(--offline)}@keyframes statusPulse{0%,to{box-shadow:0 0 6px rgba(34,197,94,.5)}50%{box-shadow:0 0 14px rgba(34,197,94,.9)}}.name-row{margin-top:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-name{font-size:1.45rem;font-weight:800;letter-spacing:-.01em;background:linear-gradient(90deg,var(--text-1),var(--purple-3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.verified{width:18px;height:18px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--purple),var(--purple-2));display:inline-flex;align-items:center;justify-content:center;font-size:.62rem;color:#fff;font-weight:700;box-shadow:0 0 10px rgba(124,58,237,.5)}.profile-tag{font-size:.76rem;color:var(--text-2);margin-top:2px;font-weight:700;letter-spacing:.02em}.status-pill{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:3px 12px;border-radius:20px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);font-size:.72rem;font-weight:600;color:var(--text-2);transition:all .3s ease}.status-pill.online{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.2);color:#4ade80}.status-pill.idle{background:rgba(234,179,8,.1);border-color:rgba(234,179,8,.2);color:#facc15}.status-pill.dnd{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2);color:#f87171}.status-pill.offline{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);color:var(--text-3)}.status-dot-sm{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-dot-sm.online{background:var(--online);box-shadow:0 0 5px var(--online)}.status-dot-sm.idle{background:var(--idle);box-shadow:0 0 5px var(--idle)}.status-dot-sm.dnd{background:var(--dnd);box-shadow:0 0 5px var(--dnd)}.status-dot-sm.offline{background:var(--offline)}.sep{height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.08) 20%,hsla(0,0%,100%,.08) 80%,transparent);margin:16px 0;width:100%}.s-label{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:8px}.s-label:after{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,hsla(0,0%,100%,.08),transparent);margin-left:8px}.badge-bio,.badge-info,.badge-skills,.badge-social{padding:2px 8px;border-radius:5px;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-left:2px}.badge-bio{background:linear-gradient(135deg,rgba(124,58,237,.3),rgba(168,85,247,.2));color:var(--purple-3);border:1px solid rgba(124,58,237,.3);box-shadow:0 0 8px rgba(124,58,237,.15)}.badge-social{background:linear-gradient(135deg,rgba(34,211,238,.3),rgba(6,182,212,.2));color:#22d3ee;border:1px solid rgba(34,211,238,.3);box-shadow:0 0 8px rgba(34,211,238,.15)}.badge-info{background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));color:var(--text-2);border:1px solid hsla(0,0%,100%,.15);box-shadow:0 0 8px hsla(0,0%,100%,.05)}.badge-skills{background:linear-gradient(135deg,rgba(236,72,153,.2),rgba(219,39,119,.15));color:#fb7185;border:1px solid rgba(236,72,153,.25);box-shadow:0 0 8px rgba(236,72,119,.1)}.tw-text{font-size:.88rem;color:var(--text-2);line-height:1.65;min-height:1.5em}.tw-cursor{display:inline-block;width:2px;height:.85em;background:var(--purple-2);margin-left:2px;vertical-align:middle;box-shadow:0 0 8px var(--purple-2);animation:blink .75s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:4px 11px;border-radius:8px;font-size:.72rem;font-weight:600;background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(34,211,238,.06));border:1px solid rgba(124,58,237,.2);color:var(--purple-3);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:default;letter-spacing:.02em}.tag:hover{background:linear-gradient(135deg,rgba(124,58,237,.25),rgba(34,211,238,.12));border-color:rgba(124,58,237,.45);box-shadow:0 0 12px rgba(124,58,237,.2);transform:translateY(-1px)}.info-row{display:flex;align-items:center;gap:10px;font-size:.78rem;margin-bottom:5px}.info-icon{font-size:.85rem;flex-shrink:0;width:16px;text-align:center}.info-key{font-weight:700;min-width:45px}.info-key,.info-val{color:var(--text-2)}.social-row{gap:10px;margin-top:12px}.soc-btn,.social-row{display:flex;justify-content:center}.soc-btn{width:48px;height:48px;border-radius:14px;align-items:center;background:hsla(0,0%,100%,.04);border:1px solid var(--border-mid);color:var(--text-3);text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.soc-btn:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .25s}.soc-btn:hover{transform:translateY(-3px)}.soc-btn svg{width:20px;height:20px;position:relative;z-index:1}.soc-btn.yt:hover{color:#f44;border-color:rgba(255,68,68,.5);box-shadow:0 0 20px rgba(255,0,0,.2);background:rgba(255,0,0,.1)}.soc-btn.tt:hover{color:#69c9d0;border-color:rgba(105,201,208,.5);box-shadow:0 0 20px rgba(105,201,208,.2);background:rgba(105,201,208,.08)}.soc-btn.ig:hover{color:#f472b6;border-color:rgba(244,114,182,.5);box-shadow:0 0 20px rgba(244,114,182,.2);background:rgba(244,114,182,.08)}.soc-btn.xb:hover{color:#f8fafc;border-color:rgba(248,250,252,.3);box-shadow:0 0 20px rgba(248,250,252,.08);background:hsla(0,0%,100%,.06)}.right-panel{display:flex;flex-direction:column;gap:16px}.activity-card{padding:24px}.activity-header{gap:10px;margin-bottom:20px}.activity-header,.live-badge{display:flex;align-items:center}.live-badge{gap:6px;padding:4px 10px;border-radius:20px;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.25);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fca5a5}.live-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;box-shadow:0 0 6px #ef4444;animation:livePulse 1.2s ease-in-out infinite}@keyframes livePulse{0%,to{box-shadow:0 0 4px #ef4444}50%{box-shadow:0 0 12px #ef4444}}.activity-title-text{font-size:.88rem;font-weight:600;color:var(--text-2)}.no-activity{flex-direction:column;gap:12px;padding:36px 0}.no-activity,.no-activity-icon{display:flex;align-items:center}.no-activity-icon{width:54px;height:54px;border-radius:16px;background:hsla(0,0%,100%,.04);border:1px solid var(--border);justify-content:center;font-size:1.4rem}.no-activity-text{font-size:.85rem;color:var(--text-3)}.spotify-wrap{display:flex;gap:18px;align-items:stretch}.album-frame{flex-shrink:0}.album-art,.album-frame{position:relative;width:80px;height:80px}.album-art{border-radius:12px;object-fit:cover;z-index:1;box-shadow:0 8px 32px rgba(29,185,84,.25)}.album-glow{position:absolute;inset:-8px;border-radius:16px;background:var(--album-color,rgba(29,185,84,.3));filter:blur(16px);z-index:0;opacity:.7;animation:albumGlowPulse 3s ease-in-out infinite}@keyframes albumGlowPulse{0%,to{opacity:.5}50%{opacity:.9}}.sp-info{flex:1 1;min-width:0;flex-direction:column}.sp-badge-row,.sp-info{display:flex;justify-content:space-between}.sp-badge-row{align-items:center;margin-bottom:7px}.sp-badge-left{display:flex;align-items:center;gap:8px}.sp-logo{font-size:.68rem;font-weight:800;color:var(--spotify);letter-spacing:.1em;text-transform:uppercase}.sp-listen-btn{display:flex;align-items:center;gap:7px;background:rgba(29,185,84,.12);border:1px solid rgba(29,185,84,.25);padding:5px 12px;border-radius:8px;color:#fff;text-decoration:none;font-size:.75rem;font-weight:600;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sp-listen-btn:hover{background:rgba(29,185,84,.28);border-color:rgba(29,185,84,.55);box-shadow:0 0 15px rgba(29,185,84,.25);transform:translateY(-1.5px)}.sp-listen-btn svg{width:15px;height:15px;color:var(--spotify)}.sound-waves{display:flex;align-items:flex-end;gap:2px;height:14px}.sound-waves span{display:block;width:3px;border-radius:2px;background:var(--spotify);box-shadow:0 0 4px rgba(29,185,84,.6);animation:wave 1s ease-in-out infinite alternate}.sound-waves span:first-child{height:5px;animation-delay:0s}.sound-waves span:nth-child(2){height:12px;animation-delay:.15s}.sound-waves span:nth-child(3){height:7px;animation-delay:.3s}.sound-waves span:nth-child(4){height:14px;animation-delay:.45s}@keyframes wave{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.sp-song-wrap{overflow:hidden;white-space:nowrap}.sp-song{display:inline-block;font-size:1rem;font-weight:700;letter-spacing:-.01em}.sp-song.marquee{animation:marquee 12s linear infinite}@keyframes marquee{0%,15%{transform:translateX(0)}85%,to{transform:translateX(calc(-100% + 200px))}}.sp-artist{font-size:.8rem;color:var(--text-3);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-progress{display:flex;align-items:center;gap:8px;margin-top:12px}.sp-time{font-size:.68rem;color:var(--text-2);font-family:JetBrains Mono,monospace;font-weight:800;letter-spacing:.02em}.sp-bar{flex:1 1;height:3px;background:hsla(0,0%,100%,.08);overflow:hidden}.sp-bar,.sp-fill{border-radius:2px}.sp-fill{height:100%;background:linear-gradient(90deg,var(--spotify),#4ade80);transition:width 1s linear;box-shadow:0 0 8px rgba(29,185,84,.4)}.activities-list{display:flex;flex-direction:column;gap:20px}.activity-sep{height:1px;background:linear-gradient(90deg,transparent,var(--border-mid) 20%,var(--border-mid) 80%,transparent);margin:4px 10px;opacity:.6}.game-wrap{gap:16px;animation:fadeUp .5s ease forwards}.game-icon-box,.game-wrap{display:flex;align-items:center}.game-icon-box{width:62px;height:62px;flex-shrink:0;border-radius:14px;background:linear-gradient(135deg,rgba(124,58,237,.2),rgba(34,211,238,.1));border:1px solid rgba(124,58,237,.25);justify-content:center;font-size:1.6rem;position:relative}.game-icon-img{width:100%;height:100%;object-fit:cover;border-radius:14px}.game-name{font-size:.98rem;font-weight:700;color:var(--text-1)}.game-detail{font-size:.78rem;margin-top:2px}.game-detail,.game-elapsed{color:var(--text-2);font-weight:700}.game-elapsed{font-size:.7rem;margin-top:5px;text-transform:uppercase;letter-spacing:.04em}.game-icon-stack{position:relative;width:62px;height:62px}.game-icon-small-wrap{position:absolute;right:-6px;bottom:-6px;width:26px;height:26px;border-radius:50%;background:#111214;padding:2px;display:flex;align-items:center;justify-content:center;cursor:help}.game-icon-small{width:100%;height:100%;border-radius:50%;object-fit:contain}.game-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(5px);background:#111214;color:#fff;padding:6px 10px;border-radius:6px;font-size:.75rem;font-weight:700;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.05);z-index:9991}.game-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#111214}.game-icon-small-wrap:hover .game-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.portfolio-footer{grid-column:1/-1;text-align:center;font-size:.72rem;color:var(--text-4);padding-top:4px;letter-spacing:.08em}.vc-badge{position:fixed;top:24px;right:24px;background:rgba(13,13,23,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(124,58,237,.3);padding:12px 18px;border-radius:16px;display:flex;align-items:center;gap:14px;z-index:1000;transform:translateY(-20px) scale(.9);opacity:0;transition:all .6s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px rgba(0,0,0,.4),0 0 20px rgba(124,58,237,.1)}.vc-badge--in{transform:translateY(0) scale(1);opacity:1}.vc-badge:hover{border-color:rgba(124,58,237,.6);box-shadow:0 15px 40px rgba(0,0,0,.5),0 0 30px rgba(124,58,237,.2)}.vc-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,rgba(124,58,237,.25),rgba(168,85,247,.15));border:1px solid rgba(124,58,237,.3);display:flex;align-items:center;justify-content:center;color:#a78bfa;flex-shrink:0;box-shadow:0 0 15px rgba(124,58,237,.2);animation:eyeGlow 3s ease-in-out infinite}@keyframes eyeGlow{0%,to{box-shadow:0 0 12px rgba(124,58,237,.2);transform:scale(1)}50%{box-shadow:0 0 25px rgba(124,58,237,.5);transform:scale(1.05)}}.vc-body{display:flex;flex-direction:column;gap:2px}.vc-num{font-size:1.3rem;font-weight:800;letter-spacing:-.02em;color:var(--text-1);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.vc-sub{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--purple-3);font-weight:700;opacity:.8}.music-player-card{margin-top:22px;padding:20px;display:flex;flex-direction:column;gap:16px;background:rgba(12,12,22,.85);border:1px solid rgba(124,58,237,.2);box-shadow:0 10px 40px rgba(0,0,0,.6),0 0 20px rgba(124,58,237,.1)}.player-top{justify-content:space-between}.player-info,.player-top{display:flex;align-items:center}.player-info{gap:16px}.music-art-wrap{position:relative;width:52px;height:52px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid hsla(0,0%,100%,.05)}.music-art-wrap:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(124,58,237,.2),transparent)}.visualizer{display:flex;align-items:flex-end;gap:3px;height:20px}.v-bar{width:3px;background:var(--purple-3);border-radius:1px;transition:height .3s ease}.playing .v-bar{animation:dance 1s ease-in-out infinite alternate}.v-bar:nth-child(2){animation-delay:.2s}.v-bar:nth-child(3){animation-delay:.4s}.v-bar:nth-child(4){animation-delay:.1s}@keyframes dance{0%{height:6px}to{height:18px}}.track-details{display:flex;flex-direction:column;gap:2px}.track-name{font-size:.95rem;font-weight:800;color:var(--text-1);letter-spacing:-.01em;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist{font-size:.65rem;font-weight:600;color:var(--purple-3);text-transform:uppercase;letter-spacing:.08em;opacity:.8}.player-controls{gap:8px}.control-btn,.player-controls{display:flex;align-items:center}.control-btn{background:transparent;border:none;color:var(--text-3);cursor:pointer;padding:8px;border-radius:10px;transition:all .2s cubic-bezier(.4,0,.2,1);justify-content:center;outline:none}.control-btn:hover:not(:disabled){background:hsla(0,0%,100%,.04);color:var(--text-1);transform:translateY(-1px)}.control-btn:active:not(:disabled){transform:scale(.95)}.control-btn:disabled{opacity:.2;cursor:default}.control-btn.play-pause{width:44px;height:44px;background:var(--purple);color:#fff;border-radius:50%;box-shadow:0 6px 15px rgba(124,58,237,.35);margin:0 4px}.control-btn.play-pause:hover{background:var(--purple-2);box-shadow:0 0 25px rgba(124,58,237,.5);transform:scale(1.06)}.player-bottom{display:flex;flex-direction:column;gap:12px}.progress-container{display:flex;align-items:center;gap:12px}.time-text{font-size:.72rem;font-weight:700;color:var(--text-2);width:38px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex-shrink:0}.progress-bar-wrap{flex:1 1;height:6px;background:hsla(0,0%,100%,.04);border-radius:3px;position:relative;cursor:pointer;transition:height .2s}.progress-bar-wrap:hover{height:8px}.progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--purple),#9333ea);border-radius:3px;box-shadow:0 0 10px rgba(147,51,234,.4)}.volume-container{display:flex;align-items:center;gap:8px;margin-left:10px;padding-left:12px;border-left:1px solid hsla(0,0%,100%,.1);flex-shrink:0}.volume-slider{width:60px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:hsla(0,0%,100%,.08);border-radius:2px;outline:none;cursor:pointer}.vol-text{font-size:.65rem;font-weight:800;color:var(--text-2);width:28px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:1}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.5);-webkit-transition:.2s;transition:.2s}.volume-slider:hover::-webkit-slider-thumb{background:var(--purple-3);transform:scale(1.1)}.lang-list{display:flex;flex-wrap:wrap;gap:8px}.lang-pill{display:flex;align-items:center;gap:6px;padding:3px 8px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;font-size:.72rem;font-weight:600;color:var(--text-2);transition:all .2s ease}.lang-pill:hover{background:rgba(124,58,237,.12);border-color:rgba(124,58,237,.3);transform:translateY(-1px)}.lang-flag-img{width:18px;height:13px;object-fit:cover;border-radius:2px;flex-shrink:0;box-shadow:0 2px 4px rgba(0,0,0,.3)}.game-badge-row{display:flex;align-items:center;gap:8px;margin-bottom:5px}.game-logo{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#3b82f6;text-shadow:0 0 8px rgba(59,130,246,.4)}.playing-dots{display:flex;gap:3px}.playing-dots span{width:4px;height:4px;border-radius:50%;background:#3b82f6;animation:gameDot 1.4s ease-in-out infinite;box-shadow:0 0 5px rgba(59,130,246,.5)}.playing-dots span:nth-child(2){animation-delay:.2s}.playing-dots span:nth-child(3){animation-delay:.4s}@keyframes gameDot{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@media(max-width:680px){.portfolio-wrap{grid-template-columns:1fr;padding:20px 16px 60px}.vc-badge{top:14px;right:14px;padding:10px 14px;gap:10px}.vc-num{font-size:1rem}}