.glass-surface{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .26s ease-out}.glass-surface__filter{width:100%;height:100%;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;z-index:-1}.glass-surface__content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:inherit;position:relative;z-index:1}.glass-surface--svg{background:light-dark(hsl(0 0% 100% / var(--glass-frost, 0)),hsl(0 0% 0% / var(--glass-frost, 0)));-webkit-backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));box-shadow:0 0 2px 1px light-dark(color-mix(in oklch,black,transparent 85%),color-mix(in oklch,white,transparent 65%)) inset,0 0 10px 4px light-dark(color-mix(in oklch,black,transparent 90%),color-mix(in oklch,white,transparent 85%)) inset,0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d}.glass-surface--fallback{background:#ffffff1a;backdrop-filter:blur(12px) saturate(1.8) brightness(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.8) brightness(1.2);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}.bubble-menu{left:0;right:0;top:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 2em;pointer-events:none;z-index:200;height:76px}.bubble-menu.fixed{position:fixed}.bubble-menu.absolute{position:absolute}.bubble-glass{pointer-events:auto;flex-shrink:0}.logo-bubble-glass{min-width:200px!important;height:52px!important}.toggle-bubble-glass{width:110px!important;height:52px!important}.logo-bubble-inner{display:flex;align-items:center;justify-content:center;padding:0 20px;height:100%;width:100%}.bubble-logo{max-height:60%;max-width:100%;object-fit:contain}.menu-btn{background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:0;gap:7px}.menu-line{width:28px;height:2px;border-radius:2px;display:block;transition:transform .3s ease,opacity .3s ease;transform-origin:center}.menu-btn.open .menu-line:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-btn.open .menu-line:last-child{transform:translateY(-4.5px) rotate(-45deg)}.bubble-menu-items{top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:199;background:#03020feb;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.bubble-menu-items.fixed{position:fixed}.bubble-menu-items.absolute{position:absolute}.pill-list{list-style:none;margin:0;padding:0 24px;display:flex;flex-wrap:wrap;gap:0;row-gap:4px;width:100%;max-width:1200px;pointer-events:auto;justify-content:stretch}.pill-col{display:flex;justify-content:center;align-items:stretch;flex:0 0 50%}@media (min-width: 600px){.pill-col{flex:0 0 25%}}.pill-link{--pill-bg: rgba(7,5,25,.9);--pill-color: #00f5ff;--item-rot: 0deg;--pill-min-h: 140px;--hover-bg: #00f5ff;--hover-color: #03020f;width:100%;min-height:var(--pill-min-h);padding:clamp(1rem,3vw,4rem) 0;font-size:clamp(1.3rem,3.5vw,3.5rem);font-weight:400;font-family:Orbitron,monospace;letter-spacing:.05em;line-height:0;border-radius:999px;background:var(--pill-bg);color:var(--pill-color);text-decoration:none;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;position:relative;transition:background .3s ease,color .3s ease,border-color .3s ease;will-change:transform;white-space:nowrap;overflow:hidden;height:10px;box-sizing:border-box}@media (min-width: 900px){.pill-link{transform:rotate(var(--item-rot))}.pill-link:hover{transform:rotate(var(--item-rot)) scale(1.06);background:var(--hover-bg);color:var(--hover-color);border-color:transparent}.pill-link:active{transform:rotate(var(--item-rot)) scale(.94)}}.pill-label{display:inline-block;will-change:transform,opacity;height:1.2em;line-height:1.2}@media (max-width: 899px){.bubble-menu-items{align-items:flex-start;padding-top:90px}.pill-list{row-gap:12px}.pill-col{flex:0 0 100%}.pill-link{font-size:clamp(1.1rem,3vw,2rem);padding:clamp(.8rem,2vw,2rem) 0;min-height:70px}.pill-link:hover{transform:scale(1.04);background:var(--hover-bg);color:var(--hover-color)}}@media (max-width: 480px){.logo-bubble-glass{min-width:150px!important}.toggle-bubble-glass{width:90px!important}}.border-glow-card{--edge-proximity: 0;--cursor-angle: 45deg;--edge-sensitivity: 30;--color-sensitivity: calc(var(--edge-sensitivity) + 20);--border-radius: 16px;--glow-padding: 40px;--cone-spread: 25;position:relative;border-radius:var(--border-radius);isolation:isolate;transform:translateZ(.01px);display:grid;border:1px solid rgb(255 255 255 / 10%);background:var(--card-bg, #03020f);overflow:visible;box-shadow:#0000001a 0 1px 2px,#0000001a 0 2px 4px,#0000001a 0 4px 8px,#0003 0 8px 16px,#0003 0 16px 32px}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transition:opacity .25s ease-out;z-index:-1}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{border:1px solid transparent;background:linear-gradient(var(--card-bg, #03020f) 0 100%) padding-box,linear-gradient(#fff0,#fff0) border-box,var(--gradient-one) border-box,var(--gradient-two) border-box,var(--gradient-three) border-box,var(--gradient-four) border-box,var(--gradient-five) border-box,var(--gradient-six) border-box,var(--gradient-seven) border-box,var(--gradient-base) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%))}.border-glow-card:after{border:1px solid transparent;background:var(--gradient-one) padding-box,var(--gradient-two) padding-box,var(--gradient-three) padding-box,var(--gradient-four) padding-box,var(--gradient-five) padding-box,var(--gradient-six) padding-box,var(--gradient-seven) padding-box,var(--gradient-base) padding-box;-webkit-mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add;opacity:calc(var(--fill-opacity, .5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:2;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";position:absolute;inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color, hsl(40deg 80% 80% / 100%)),inset 0 0 1px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),inset 0 0 3px 0 var(--glow-color-50, hsl(40deg 80% 80% / 50%)),inset 0 0 6px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),inset 0 0 15px 0 var(--glow-color-30, hsl(40deg 80% 80% / 30%)),inset 0 0 25px 2px var(--glow-color-20, hsl(40deg 80% 80% / 20%)),inset 0 0 50px 2px var(--glow-color-10, hsl(40deg 80% 80% / 10%)),0 0 1px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),0 0 3px 0 var(--glow-color-50, hsl(40deg 80% 80% / 50%)),0 0 6px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),0 0 15px 0 var(--glow-color-30, hsl(40deg 80% 80% / 30%)),0 0 25px 2px var(--glow-color-20, hsl(40deg 80% 80% / 20%)),0 0 50px 2px var(--glow-color-10, hsl(40deg 80% 80% / 10%))}.border-glow-inner{display:flex;flex-direction:column;position:relative;overflow:visible;border-radius:inherit;z-index:1}.like-btn--compact{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;color:#c8c8ff66;font-family:Space Mono,monospace;font-size:.7rem;cursor:pointer;padding:0;transition:color .2s}.like-btn--compact:hover,.like-btn--compact.liked{color:#ff6b9d}.like-btn--full{display:inline-flex;align-items:center;gap:7px;padding:.5rem 1.2rem;border-radius:2rem;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#c8c8ff99;font-family:Space Mono,monospace;font-size:.72rem;letter-spacing:.06em;cursor:pointer;transition:all .2s}.like-btn--full:hover{border-color:#ff6b9d66;color:#ff6b9d;background:#ff6b9d0f}.like-btn--full.liked{border-color:#ff6b9d80;color:#ff6b9d;background:#ff6b9d1a}.like-count{font-size:.65rem;color:#c8c8ff66;background:#ffffff0f;padding:1px 6px;border-radius:10px}.like-btn--full.liked .like-count{color:#ff6b9d;background:#ff6b9d1f}.like-btn.animating svg{animation:heartPop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.as-search-wrap{position:relative;width:100%}.as-search-input-wrap{position:relative;display:flex;align-items:center}.as-search-input{background:#ffffff0a;border:.5px solid rgba(255,255,255,.1);border-radius:8px;color:#dcdcffe6;font-family:Space Grotesk,sans-serif;font-size:16px;padding:.5rem .75rem;outline:none;width:100%;box-sizing:border-box;transition:border-color .15s}.as-search-input:focus{border-color:#00f5ff59}.as-search-input::placeholder{color:#c8c8ff33}.as-search-spinner{position:absolute;right:10px;width:14px;height:14px;border:1.5px solid rgba(0,245,255,.2);border-top-color:var(--accent-cyan, #00f5ff);border-radius:50%;animation:asSpin .6s linear infinite;flex-shrink:0}@keyframes asSpin{to{transform:rotate(360deg)}}.as-search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#070519f7;border:.5px solid rgba(255,255,255,.12);border-radius:10px;overflow:hidden;z-index:500;box-shadow:0 8px 32px #0009;animation:asDropIn .15s ease}@keyframes asDropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.as-search-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:transparent;border:none;cursor:pointer;text-align:left;transition:background .1s;border-bottom:.5px solid rgba(255,255,255,.04)}.as-search-item:last-child{border-bottom:none}.as-search-item:hover,.as-search-item.highlighted{background:#ffffff0d}.as-search-art{width:40px;height:40px;border-radius:5px;object-fit:cover;flex-shrink:0}.as-search-art--empty{background:#ffffff0f}.as-search-item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.as-search-item-name{font-family:Space Grotesk,sans-serif;font-size:.82rem;font-weight:500;color:#e6e6ffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.as-search-item-artist{font-size:.72rem;color:#c8c8ff73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.as-search-item-year{font-family:Space Mono,monospace;font-size:.62rem;color:#c8c8ff40;flex-shrink:0}:root{--star-empty: rgba(200, 200, 255, .15)}@keyframes rainbowText{0%{color:red;text-shadow:0 0 30px #ff000066}15%{color:#f80;text-shadow:0 0 30px #ff880066}30%{color:#fe0;text-shadow:0 0 30px #ffee0066}45%{color:#0c4;text-shadow:0 0 30px #00cc4466}60%{color:#08f;text-shadow:0 0 30px #0088ff66}75%{color:#d0f;text-shadow:0 0 30px #dd00ff66}90%{color:#ff006e;text-shadow:0 0 30px #ff006e66}to{color:red;text-shadow:0 0 30px #ff000066}}@keyframes rainbowFilter{0%{filter:drop-shadow(0 0 4px #ff000088) hue-rotate(0deg)}to{filter:drop-shadow(0 0 4px #ff000088) hue-rotate(360deg)}}@keyframes rainbowBorder{0%{border-color:#f006;box-shadow:0 0 12px #f003}15%{border-color:#f806;box-shadow:0 0 12px #f803}30%{border-color:#fe06;box-shadow:0 0 12px #fe03}45%{border-color:#0c46;box-shadow:0 0 12px #0c43}60%{border-color:#08f6;box-shadow:0 0 12px #08f3}75%{border-color:#d0f6;box-shadow:0 0 12px #d0f3}90%{border-color:#ff006e66;box-shadow:0 0 12px #ff006e33}to{border-color:#f006;box-shadow:0 0 12px #f003}}@keyframes scorePulse{0%{opacity:1}40%{opacity:.6}to{opacity:1}}.stars-row{display:inline-flex;align-items:center;gap:2px}.star-wrap{display:inline-flex;align-items:center;justify-content:center;line-height:1}.star-interactive{cursor:pointer;transition:transform .1s}.star-interactive:hover{transform:scale(1.18)}.star-svg{display:block;transition:filter .15s}.star-rainbow{animation:rainbowFilter 2s linear infinite}.track-rating{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1rem;border-radius:10px;background:#ffffff08;border:.5px solid rgba(255,255,255,.08);transition:background .2s,border-color .2s}.track-rating:hover{background:#ffffff0d;border-color:color-mix(in srgb,var(--track-color, #00f5ff) 40%,transparent)}.track-rating__name{font-family:Space Grotesk,sans-serif;font-size:.9rem;color:#f0f0ffe6;font-weight:500;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-rating__stars{display:flex;align-items:center;gap:6px;flex-shrink:0}.track-rating__value{font-family:Space Mono,monospace;font-size:.7rem;font-weight:700;min-width:24px;text-align:right;transition:color .2s}.track-rating__value--rainbow{animation:rainbowText 3s linear infinite}.track-rating--md .track-rating__name{font-size:1rem}.track-list{display:flex;flex-direction:column;gap:6px;margin:1.5rem 0}.album-rating{margin:2rem 0 2.5rem;border:.5px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff08;overflow:hidden}.album-rating__scoreboard{display:flex;align-items:stretch}.score-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:2rem 1.5rem;text-align:center;background:color-mix(in srgb,var(--card-glow, transparent) 100%,transparent);transition:background .4s}.score-card--pulse{animation:scorePulse .6s ease-out}.score-card__divider{width:.5px;background:#ffffff14;align-self:stretch}.score-card__label{display:flex;align-items:center;gap:6px;font-family:Space Mono,monospace;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#c8c8ff80}.score-card__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;transition:background .3s,box-shadow .3s}.score-card__big{font-family:Orbitron,monospace;font-size:3rem;font-weight:900;line-height:1;letter-spacing:-.02em;transition:color .3s,text-shadow .3s}.score-card__big--rainbow{animation:rainbowText 3s linear infinite}.score-card__sub{font-family:Space Mono,monospace;font-size:.65rem;color:#c8c8ff59;letter-spacing:.05em}.album-rating__input{border-top:.5px solid rgba(255,255,255,.08);padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;background:#0003}.album-rating__prompt{font-family:Space Mono,monospace;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#c8c8ff80}.album-rating__picker{display:flex;align-items:center;gap:12px}.album-rating__chosen{font-family:Orbitron,monospace;font-size:1.2rem;font-weight:700;min-width:36px;transition:color .2s}.album-rating__chosen--rainbow{animation:rainbowText 3s linear infinite}.album-rating__submit{padding:.5rem 1.75rem;border-radius:2rem;font-family:Space Mono,monospace;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#c8c8ff80;transition:all .2s}.album-rating__submit:hover:not(:disabled){transform:scale(1.03)}.album-rating__submit:disabled{opacity:.3;cursor:not-allowed}.album-rating__thanks{font-family:Space Mono,monospace;font-size:.8rem;color:#c8c8ff99;text-align:center;line-height:1.6}@media (max-width: 480px){.score-card__big{font-size:2.2rem}.score-card{padding:1.5rem 1rem}.track-rating__name{max-width:160px}}.share-trigger{display:inline-flex;align-items:center;gap:6px;padding:.5rem 1.1rem;border-radius:2rem;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#c8c8ffb3;font-family:Space Mono,monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .2s}.share-trigger:hover{border-color:#00f5ff59;color:var(--accent-cyan);background:#00f5ff0f}.share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:1rem;background:#03020fbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:shareOverlayIn .2s ease}@keyframes shareOverlayIn{0%{opacity:0}to{opacity:1}}.share-modal-wrap{width:calc(100vw - 2rem);max-width:420px;box-sizing:border-box;animation:shareModalIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes shareModalIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.share-modal-wrap .border-glow-inner{width:100%;min-width:0;box-sizing:border-box}.share-modal{padding:1.25rem;width:100%;box-sizing:border-box;overflow:hidden;min-width:0}.share-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.share-modal-title{font-family:Orbitron,monospace;font-size:.9rem;font-weight:700;color:#fff;margin:0;letter-spacing:.05em}.share-modal-close{background:transparent;border:none;color:#c8c8ff66;cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .15s;flex-shrink:0}.share-modal-close:hover{color:#c8c8ffe6}.share-modal-post-title{font-size:.82rem;color:#c8c8ff80;margin:0 0 1rem;line-height:1.5;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:1rem;width:100%;min-width:0}.share-option{display:flex;align-items:center;gap:8px;padding:.7rem .75rem;border-radius:12px;border:.5px solid rgba(255,255,255,.08);background:#ffffff08;cursor:pointer;transition:all .2s;text-align:left;width:100%;min-width:0;box-sizing:border-box;overflow:hidden}.share-option:hover{background:#ffffff12;border-color:#ffffff26;transform:translateY(-1px)}.share-option-icon{display:flex;align-items:center;flex-shrink:0}.share-option-label{font-family:Space Grotesk,sans-serif;font-size:.78rem;font-weight:500;color:#f0f0ffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.share-copy-row{display:flex;align-items:center;gap:8px;padding:.6rem .75rem;border-radius:10px;background:#0000004d;border:.5px solid rgba(255,255,255,.08);width:100%;box-sizing:border-box;min-width:0;overflow:hidden}.share-copy-url{flex:1;font-family:Space Mono,monospace;font-size:.62rem;color:#c8c8ff66;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.share-copy-btn{display:inline-flex;align-items:center;gap:5px;padding:.35rem .75rem;border-radius:6px;border:1px solid rgba(0,245,255,.3);background:#00f5ff14;color:var(--accent-cyan);font-family:Space Mono,monospace;font-size:.62rem;letter-spacing:.05em;cursor:pointer;white-space:nowrap;transition:all .2s;flex-shrink:0}.share-copy-btn:hover{background:#00f5ff26;border-color:#00f5ff99}.inline-comments-wrap{position:relative}.comment-margin{position:absolute;top:0;right:-52px;width:40px;pointer-events:none}.comment-stack{position:absolute;right:0;width:40px;height:32px;pointer-events:auto}.comment-avatar{position:absolute;top:0;right:0;width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--avatar-color) 18%,#070519);border:1.5px solid var(--avatar-color);color:var(--avatar-color);font-family:Orbitron,monospace;font-size:.65rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .15s;box-shadow:0 0 8px color-mix(in srgb,var(--avatar-color) 25%,transparent);z-index:2}.comment-avatar:hover{transform:scale(1.12);box-shadow:0 0 16px color-mix(in srgb,var(--avatar-color) 55%,transparent)}.comment-avatar--behind{z-index:1;right:-4px;top:4px;opacity:.7;transform:scale(.85)}.comment-avatar--stacked{font-size:.6rem;font-family:Space Mono,monospace}.comment-stack-count{font-size:.65rem;font-weight:700}.desktop-popup{background:#070519f7;border:.5px solid rgba(255,255,255,.12);border-radius:14px;padding:1rem;box-shadow:0 8px 32px #0009;animation:popupIn .18s cubic-bezier(.34,1.56,.64,1)}@keyframes popupIn{0%{opacity:0;transform:scale(.93) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.bottom-sheet{position:relative;width:100%;max-width:640px;background:#070519fa;border:.5px solid rgba(255,255,255,.12);border-radius:20px 20px 0 0;padding:1.25rem 1rem calc(1.25rem + env(safe-area-inset-bottom));box-sizing:border-box;max-height:85vh;overflow-y:auto;animation:sheetUp .25s cubic-bezier(.32,.72,0,1);z-index:901}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.thread-view{display:flex;flex-direction:column;gap:0}.comment-selected-text{font-size:.7rem;color:var(--accent-cyan);font-style:italic;margin-bottom:.75rem;padding:.35rem .5rem;background:#00f5ff0f;border-left:2px solid var(--accent-cyan);border-radius:0 6px 6px 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.comment-thread-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem;font-family:Space Mono,monospace;font-size:.65rem;color:#c8c8ff66}.comment-thread-nav button{background:transparent;border:.5px solid rgba(255,255,255,.12);color:#c8c8ff99;border-radius:4px;padding:2px 7px;cursor:pointer;font-size:.75rem;transition:all .15s}.comment-thread-nav button:hover:not(:disabled){border-color:#00f5ff4d;color:var(--accent-cyan)}.comment-thread-nav button:disabled{opacity:.25;cursor:not-allowed}.comment-item{display:flex;gap:8px;margin-bottom:.65rem}.comment-item--reply{padding-left:10px;border-left:1.5px solid rgba(255,255,255,.07);margin-left:4px}.comment-avatar-sm{width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--avatar-color) 18%,#070519);border:1px solid var(--avatar-color);color:var(--avatar-color);font-family:Orbitron,monospace;font-size:.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.comment-item-body{flex:1;min-width:0}.comment-item-header{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;margin-bottom:2px}.comment-item-name{font-family:Space Grotesk,sans-serif;font-size:.72rem;font-weight:600;color:#f0f0ffe6}.comment-item-rating{font-family:Space Mono,monospace;font-size:.62rem;font-weight:700}.comment-item-time{font-family:Space Mono,monospace;font-size:.58rem;color:#c8c8ff4d;margin-left:auto}.comment-item-text{font-size:.78rem;color:#dcdcffb8;line-height:1.5;margin:0;word-break:break-word}.comment-reply-btn{font-family:Space Mono,monospace;font-size:.68rem;letter-spacing:.06em;background:#00f5ff14;border:1px solid rgba(0,245,255,.35);color:var(--accent-cyan);border-radius:6px;padding:5px 14px;cursor:pointer;margin-top:.5rem;transition:all .15s;align-self:flex-start}.comment-reply-btn:hover{background:#00f5ff2e;border-color:#00f5ff99}.comment-reply-input{display:flex;flex-direction:column;gap:6px;margin-top:.6rem;padding-top:.6rem;border-top:.5px solid rgba(255,255,255,.07)}.comment-form{display:flex;flex-direction:column;gap:7px}.comment-form-actions{display:flex;justify-content:flex-end;gap:6px}.comment-input{background:#ffffff0a;border:.5px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-size:16px;padding:.42rem .6rem;outline:none;width:100%;box-sizing:border-box;transition:border-color .15s;resize:none}.comment-input:focus{border-color:#00f5ff59}.comment-input::placeholder{color:#c8c8ff38}.comment-submit{padding:.38rem 1rem;border-radius:6px;border:1px solid rgba(0,245,255,.35);background:#00f5ff1a;color:var(--accent-cyan);font-family:Space Mono,monospace;font-size:.68rem;letter-spacing:.05em;cursor:pointer;transition:all .15s}.comment-submit:hover:not(:disabled){background:#00f5ff33;border-color:#00f5ff99}.comment-submit:disabled{opacity:.3;cursor:not-allowed}.comment-cancel{padding:.38rem .75rem;border-radius:6px;border:.5px solid rgba(255,255,255,.08);background:transparent;color:#c8c8ff66;font-family:Space Mono,monospace;font-size:.68rem;cursor:pointer;transition:all .15s}.comment-cancel:hover{color:#c8c8ffcc;border-color:#ffffff2e}.mini-stars{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mini-stars-label{font-family:Space Mono,monospace;font-size:.62rem;color:#c8c8ff66;white-space:nowrap}.mini-stars-row{display:flex;align-items:center;gap:1px}.mini-star{cursor:pointer;display:flex;align-items:center;transition:transform .1s}.mini-star:hover{transform:scale(1.2)}.mini-stars-value{font-family:Space Mono,monospace;font-size:.65rem;font-weight:700;margin-left:4px}.track-comment-btn{background:transparent;border:.5px solid rgba(255,255,255,.1);color:#c8c8ff59;border-radius:6px;padding:3px 6px;cursor:pointer;display:flex;align-items:center;transition:all .15s;margin-left:6px}.track-comment-btn:hover{border-color:#00f5ff4d;color:var(--accent-cyan)}@media (max-width: 900px){.comment-margin{right:-40px;width:34px}.comment-avatar{width:28px;height:28px;font-size:.6rem}}@media (max-width: 600px){.comment-margin{right:-36px;width:30px}.comment-avatar{width:26px;height:26px;font-size:.55rem}}.track-player{display:flex;align-items:center;gap:8px;flex-shrink:0}.track-player-btn{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--player-color, rgba(0,245,255,.5));background:color-mix(in srgb,var(--player-color, #00f5ff) 12%,transparent);color:var(--player-color, #00f5ff);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .15s;padding:0;position:relative;z-index:2}.track-player-btn:hover{background:color-mix(in srgb,var(--player-color, #00f5ff) 22%,transparent);transform:scale(1.1)}.track-player-btn.playing{box-shadow:0 0 8px color-mix(in srgb,var(--player-color, #00f5ff) 50%,transparent)}.track-player-waveform{display:none}.track-rating-row{display:flex;align-items:center;position:relative;padding:10px 12px 36px;margin-bottom:6px;border-radius:10px;background:#ffffff08;border:.5px solid rgba(255,255,255,.07);overflow:hidden;transition:border-color .2s}.track-rating-row:hover{border-color:#ffffff1f}.track-rating-row .track-player-waveform{display:block;position:absolute;bottom:0;left:0;width:100%;height:30px;pointer-events:none}.volume-control{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:8px;transform:translateZ(0)}.volume-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#070519d9;color:#c8c8ff99;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s}.volume-btn:hover{border-color:#00f5ff66;color:var(--accent-cyan);background:#070519f2}.volume-slider-wrap{display:flex;align-items:center;gap:8px;background:#070519eb;border:.5px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100px;height:3px;border-radius:2px;background:#ffffff26;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent-cyan);cursor:pointer}.volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent-cyan);cursor:pointer;border:none}.volume-label{font-family:Space Mono,monospace;font-size:.62rem;color:#c8c8ff73;min-width:28px;text-align:right}@media (max-width: 900px){.volume-control{display:none}}.track-player-btn.loading{cursor:default;opacity:.7}.track-player-spinner{display:block;width:10px;height:10px;border:1.5px solid rgba(0,245,255,.2);border-top-color:var(--player-color, #00f5ff);border-radius:50%;animation:tpSpin .7s linear infinite}@keyframes tpSpin{to{transform:rotate(360deg)}}.track-player-btn.unavailable{cursor:default;border-color:#ff32324d;background:#ff32320f;opacity:.6}.track-player-btn.unavailable:hover{transform:none;background:#ff32320f}.pt-bubble-wrap{position:absolute;z-index:2000;animation:ptFadeIn .2s ease}@keyframes ptFadeIn{0%{opacity:0;transform:scale(.95) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.pt-bubble-wrap:before{content:"";position:absolute;width:9px;height:9px;background:#ffffff14;border:.5px solid rgba(0,245,255,.2);transform:rotate(45deg);z-index:1}.pt-arrow-top:before{top:-5px;left:50%;margin-left:-4px;border-bottom:none;border-right:none}.pt-arrow-bottom:before{bottom:-5px;left:50%;margin-left:-4px;border-top:none;border-left:none}.pt-arrow-left:before{left:-5px;top:50%;margin-top:-4px;border-right:none;border-top:none}.pt-arrow-right:before{right:-5px;top:50%;margin-top:-4px;border-left:none;border-bottom:none}.pt-bubble-wrap .glass-surface-container,.pt-bubble-wrap [class*=glass]{background:#05031285!important}.pt-bubble-inner{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.pt-bubble-header{display:flex;align-items:center;justify-content:space-between}.pt-step{font-family:Space Mono,monospace;font-size:.6rem;color:#00f5ff99;letter-spacing:.06em}.pt-skip{background:transparent;border:none;font-family:Space Mono,monospace;font-size:.6rem;color:#c8c8ff4d;cursor:pointer;padding:0;transition:color .15s}.pt-skip:hover{color:#c8c8ffb3}.pt-title{font-family:Space Grotesk,sans-serif;font-size:.88rem;font-weight:600;color:#f0f0fff2;margin:0}.pt-text{font-size:.75rem;color:#c8c8ffa6;line-height:1.5;margin:0}.pt-actions{display:flex;align-items:center;justify-content:space-between;margin-top:.25rem}.pt-dots{display:flex;gap:5px;align-items:center}.pt-dot{width:6px;height:6px;border-radius:50%;background:#ffffff26;cursor:pointer;transition:background .15s}.pt-dot.active{background:var(--accent-cyan, #00f5ff)}.pt-dot:hover{background:#ffffff59}.pt-next{padding:.35rem .9rem;border-radius:6px;border:1px solid rgba(0,245,255,.35);background:#00f5ff14;color:var(--accent-cyan, #00f5ff);font-family:Space Mono,monospace;font-size:.68rem;letter-spacing:.05em;cursor:pointer;transition:all .15s}.pt-next:hover{background:#00f5ff29}.pt-helper{position:fixed;bottom:1.5rem;left:1.5rem;width:36px;height:36px;border-radius:50%;border:.5px solid rgba(255,255,255,.15);background:#070519d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#c8c8ff80;font-family:Space Mono,monospace;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;transition:all .2s}.pt-helper:hover{border-color:#00f5ff66;color:var(--accent-cyan, #00f5ff);background:#070519f2}.np-wrap{margin-top:2rem;background:#ffffff06;border:.5px solid rgba(255,255,255,.08);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.np-header{display:flex;align-items:center;justify-content:space-between}.np-title{display:flex;align-items:center;gap:8px;font-family:Orbitron,monospace;font-size:.72rem;font-weight:700;color:var(--accent-cyan);letter-spacing:.06em;text-transform:uppercase}.np-dot{width:7px;height:7px;border-radius:50%;background:#0f8;box-shadow:0 0 6px #0f8;animation:npPulse 1.5s ease-in-out infinite;flex-shrink:0}@keyframes npPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.np-lastfm-link{font-family:Space Mono,monospace;font-size:.62rem;color:#c8c8ff59;text-decoration:none;transition:color .15s}.np-lastfm-link:hover{color:var(--accent-cyan)}.np-current{display:flex;align-items:center;gap:12px;padding:.75rem;background:#00f5ff0d;border:.5px solid rgba(0,245,255,.15);border-radius:10px;text-decoration:none;transition:background .15s}.np-current:hover{background:#00f5ff14}.np-current-art{width:52px;height:52px;border-radius:6px;object-fit:cover;flex-shrink:0}.np-current-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.np-current-track{font-family:Space Grotesk,sans-serif;font-size:.88rem;font-weight:600;color:#f0f0fff2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-current-artist{font-size:.78rem;color:var(--accent-cyan);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-current-album{font-size:.7rem;color:#c8c8ff66;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-bars{display:flex;align-items:flex-end;gap:2px;height:18px;flex-shrink:0}.np-bars span{display:block;width:3px;background:var(--accent-cyan);border-radius:1px;animation:npBar .8s ease-in-out infinite alternate}.np-bars span:nth-child(1){height:6px;animation-delay:0s}.np-bars span:nth-child(2){height:14px;animation-delay:.15s}.np-bars span:nth-child(3){height:10px;animation-delay:.3s}.np-bars span:nth-child(4){height:16px;animation-delay:.45s}@keyframes npBar{0%{transform:scaleY(.4);opacity:.5}to{transform:scaleY(1);opacity:1}}.np-recent{display:flex;flex-direction:column;gap:4px}.np-track{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;text-decoration:none;transition:background .15s}.np-track:hover{background:#ffffff0a}.np-track-art{width:32px;height:32px;border-radius:4px;object-fit:cover;flex-shrink:0;opacity:.8}.np-track-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.np-track-name{font-size:.78rem;color:#dcdcffcc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-track-artist{font-size:.68rem;color:#c8c8ff66;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-track-time{font-family:Space Mono,monospace;font-size:.6rem;color:#c8c8ff40;flex-shrink:0}.np-loading{font-family:Space Mono,monospace;font-size:.7rem;color:#c8c8ff4d}.as-wrap{margin-top:2rem;background:#ffffff06;border:.5px solid rgba(255,255,255,.08);border-radius:16px;padding:1.25rem}.as-header{display:flex;flex-direction:column;gap:4px;margin-bottom:1rem}.as-title{font-family:Orbitron,monospace;font-size:.72rem;font-weight:700;color:var(--accent-cyan);letter-spacing:.06em;text-transform:uppercase}.as-sub{font-size:.78rem;color:#c8c8ff66}.as-form{display:flex;flex-direction:column;gap:8px}.as-row{display:flex;gap:8px}.as-input{background:#ffffff0a;border:.5px solid rgba(255,255,255,.1);border-radius:8px;color:#dcdcffe6;font-family:Space Grotesk,sans-serif;font-size:.85rem;padding:.5rem .75rem;outline:none;width:100%;box-sizing:border-box;transition:border-color .15s}.as-input:focus{border-color:#00f5ff59}.as-input::placeholder{color:#c8c8ff33}.as-btn{align-self:flex-end;padding:.45rem 1.25rem;border-radius:8px;border:1px solid rgba(0,245,255,.35);background:#00f5ff14;color:var(--accent-cyan);font-family:Space Mono,monospace;font-size:.7rem;letter-spacing:.05em;cursor:pointer;transition:all .15s}.as-btn:hover:not(:disabled){background:#00f5ff26}.as-btn:disabled{opacity:.3;cursor:not-allowed}.as-error{font-family:Space Mono,monospace;font-size:.7rem;color:#f46;margin:0}.as-success{display:flex;align-items:center;gap:12px}.as-success-icon{width:32px;height:32px;border-radius:50%;background:#00ff881a;border:1px solid rgba(0,255,136,.3);color:#0f8;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.as-success-title{font-family:Space Grotesk,sans-serif;font-size:.85rem;color:#f0f0ffe6;margin:0 0 2px}.as-success-sub{font-size:.75rem;color:#c8c8ff66;margin:0}.as-selected{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#00f5ff0d;border:.5px solid rgba(0,245,255,.15);border-radius:8px}.as-selected-art{width:40px;height:40px;border-radius:5px;object-fit:cover;flex-shrink:0}.as-selected-info{display:flex;flex-direction:column;gap:2px;min-width:0}.as-selected-name{font-family:Space Grotesk,sans-serif;font-size:.82rem;font-weight:500;color:#e6e6ffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.as-selected-artist{font-size:.7rem;color:#c8c8ff73}.home-search-album .as-search-input{background:#ffffff08;border-color:#ffffff14;font-size:.88rem;padding:.6rem .9rem}.db-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#03020f}.db-login-box{width:100%;max-width:360px;padding:2.5rem;background:#ffffff08;border:.5px solid rgba(255,255,255,.1);border-radius:16px;display:flex;flex-direction:column;gap:1rem}.db-login-title{font-family:Orbitron,monospace;font-size:1.5rem;font-weight:700;color:var(--accent-cyan, #00f5ff);margin:0;letter-spacing:.05em}.db-login-sub{font-family:Space Mono,monospace;font-size:.72rem;color:#c8c8ff66;margin:-.5rem 0 0}.db-root{display:flex;min-height:100vh;background:#03020f;color:#dcdcffd9}.db-sidebar{width:220px;flex-shrink:0;background:#ffffff05;border-right:.5px solid rgba(255,255,255,.08);display:flex;flex-direction:column;padding:1.5rem 1rem;position:sticky;top:0;height:100vh}.db-sidebar-logo{display:flex;flex-direction:column;gap:2px;margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:.5px solid rgba(255,255,255,.08)}.db-sidebar-logo span:first-child{font-family:Orbitron,monospace;font-size:.8rem;font-weight:700;color:var(--accent-cyan, #00f5ff);letter-spacing:.04em}.db-sidebar-sub{font-family:Space Mono,monospace;font-size:.6rem;color:#c8c8ff59;letter-spacing:.08em;text-transform:uppercase}.db-nav{display:flex;flex-direction:column;gap:4px;flex:1}.db-nav-item{display:flex;align-items:center;gap:10px;padding:.6rem .75rem;border-radius:8px;border:none;background:transparent;color:#c8c8ff80;font-family:Space Grotesk,sans-serif;font-size:.82rem;cursor:pointer;text-align:left;transition:all .15s}.db-nav-item:hover{background:#ffffff0a;color:#c8c8ffd9}.db-nav-item.active{background:#00f5ff14;color:var(--accent-cyan, #00f5ff)}.db-logout{background:transparent;border:.5px solid rgba(255,255,255,.1);color:#c8c8ff59;font-family:Space Mono,monospace;font-size:.68rem;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .15s;margin-top:auto}.db-logout:hover{color:#c8c8ffb3;border-color:#fff3}.db-main{flex:1;padding:2rem;overflow-y:auto;max-width:900px}.db-section{display:flex;flex-direction:column;gap:1.25rem}.db-section-title{font-family:Orbitron,monospace;font-size:1.1rem;font-weight:700;color:var(--accent-cyan, #00f5ff);margin:0;letter-spacing:.05em}.db-section-titlebar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.db-card{background:#ffffff06;border:.5px solid rgba(255,255,255,.08);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.6rem}.db-label{font-family:Space Mono,monospace;font-size:.68rem;color:#c8c8ff73;letter-spacing:.06em;text-transform:uppercase}.db-hint{font-size:.72rem;color:#c8c8ff4d;margin:0;line-height:1.5}.db-hint code{font-family:Space Mono,monospace;background:#ffffff0f;padding:1px 5px;border-radius:4px;font-size:.7rem}.db-input{background:#ffffff0a;border:.5px solid rgba(255,255,255,.1);border-radius:8px;color:#dcdcffe6;font-family:Space Grotesk,sans-serif;font-size:.88rem;padding:.55rem .75rem;outline:none;width:100%;box-sizing:border-box;transition:border-color .15s}.db-input:focus{border-color:#00f5ff59}.db-input::placeholder{color:#c8c8ff33}.db-input--sm{font-size:.78rem;padding:.4rem .6rem}.db-textarea{background:#ffffff0a;border:.5px solid rgba(255,255,255,.1);border-radius:8px;color:#dcdcffe6;font-family:Space Grotesk,sans-serif;font-size:.85rem;padding:.55rem .75rem;outline:none;width:100%;box-sizing:border-box;resize:vertical;transition:border-color .15s;line-height:1.6}.db-textarea:focus{border-color:#00f5ff59}.db-textarea--tall{min-height:180px}.db-select{background:#ffffff0a;border:.5px solid rgba(255,255,255,.1);border-radius:8px;color:#dcdcffe6;font-family:Space Grotesk,sans-serif;font-size:.88rem;padding:.55rem .75rem;outline:none;width:100%;cursor:pointer}.db-row{display:flex;gap:8px}.db-field{display:flex;flex-direction:column;gap:.4rem}.db-btn{padding:.5rem 1rem;border-radius:8px;border:.5px solid rgba(255,255,255,.12);background:#ffffff0a;color:#c8c8ffb3;font-family:Space Mono,monospace;font-size:.72rem;letter-spacing:.05em;cursor:pointer;transition:all .15s;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center}.db-btn:hover{background:#ffffff14;color:#c8c8fff2}.db-btn:disabled{opacity:.35;cursor:not-allowed}.db-btn--primary{border-color:#00f5ff66;background:#00f5ff14;color:var(--accent-cyan, #00f5ff)}.db-btn--primary:hover{background:#00f5ff26}.db-btn--secondary{border-color:#b400ff59;background:#b400ff0f;color:#b400ff}.db-btn--secondary:hover{background:#b400ff24}.db-btn--publish{padding:.7rem 2rem;font-size:.8rem;border-color:#0f86;background:#00ff8814;color:#0f8}.db-btn--publish:hover{background:#00ff8826}.db-btn--danger{border-color:#ff32504d;color:#ff6478b3}.db-btn--danger:hover{background:#ff325014;color:#f46;border-color:#ff325080}.db-btn--block{font-size:.65rem;padding:.35rem .65rem;text-transform:capitalize}.db-btn--sm{font-size:.65rem;padding:.3rem .6rem}.db-btn--active{border-color:#00f5ff66;color:var(--accent-cyan, #00f5ff);background:#00f5ff14}.db-btn--full{width:100%;justify-content:center}.db-icon-btn{background:transparent;border:none;color:#c8c8ff66;cursor:pointer;font-size:.8rem;padding:2px 6px;border-radius:4px;transition:all .15s}.db-icon-btn:hover{color:#c8c8ffe6;background:#ffffff0f}.db-icon-btn:disabled{opacity:.2;cursor:not-allowed}.db-icon-btn--danger:hover{color:#f46}.db-album-header{flex-direction:row!important;gap:1.25rem!important;align-items:flex-start}.db-album-art-wrap{flex-shrink:0;display:flex;flex-direction:column;gap:6px}.db-album-art{width:120px;height:120px;object-fit:cover;border-radius:8px;border:.5px solid rgba(255,255,255,.1)}.db-art-change{font-family:Space Mono,monospace;font-size:.62rem;background:transparent;border:.5px solid rgba(255,255,255,.1);color:#c8c8ff66;border-radius:6px;padding:3px 8px;cursor:pointer;transition:all .15s;text-align:center}.db-art-change:hover{color:#c8c8ffcc}.db-album-meta{flex:1;display:flex;flex-direction:column;gap:4px}.db-album-name{font-size:1rem;font-weight:600;color:#f0f0fff2;margin:0}.db-album-artist{font-size:.82rem;color:#c8c8ff8c;margin:0}.db-album-date{font-family:Space Mono,monospace;font-size:.65rem;color:#c8c8ff4d;margin:0 0 .5rem}.db-rating-row{display:flex;flex-wrap:wrap;gap:4px}.db-rating-pip{background:#ffffff0a;border:.5px solid rgba(255,255,255,.1);color:#c8c8ff80;border-radius:6px;padding:3px 7px;font-family:Space Mono,monospace;font-size:.65rem;cursor:pointer;transition:all .15s}.db-rating-pip:hover{background:#00f5ff14;color:var(--accent-cyan, #00f5ff)}.db-rating-pip.active{background:#00f5ff26;border-color:#00f5ff80;color:var(--accent-cyan, #00f5ff)}.db-tracks{display:flex;flex-direction:column;gap:8px}.db-track-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#ffffff05;border-radius:8px;border:.5px solid rgba(255,255,255,.06);flex-wrap:wrap}.db-track-num{font-family:Space Mono,monospace;font-size:.65rem;color:#c8c8ff4d;min-width:18px}.db-track-name{font-size:.82rem;color:#dcdcffd9;flex:1;min-width:120px}.db-blocks{display:flex;flex-direction:column;gap:8px}.db-block{background:#ffffff06;border:.5px solid rgba(255,255,255,.08);border-radius:10px;padding:.75rem;cursor:grab;transition:border-color .15s,opacity .15s}.db-block:active{cursor:grabbing}.db-block.dragging{opacity:.4}.db-block-header{display:flex;align-items:center;gap:8px;margin-bottom:.6rem}.db-block-drag{color:#c8c8ff40;font-size:1rem;cursor:grab}.db-block-type{font-family:Space Mono,monospace;font-size:.6rem;color:#c8c8ff59;text-transform:uppercase;letter-spacing:.08em;flex:1}.db-block-actions{display:flex;gap:2px}.db-divider-preview{text-align:center;font-family:Space Mono,monospace;font-size:.65rem;color:#c8c8ff40;padding:.5rem 0}.db-image-block{display:flex;flex-direction:column;gap:8px}.db-image-drop{border:1.5px dashed rgba(255,255,255,.15);border-radius:8px;padding:2rem;text-align:center;color:#c8c8ff59;font-family:Space Mono,monospace;font-size:.72rem;cursor:pointer;transition:border-color .15s,color .15s;display:flex;flex-direction:column;align-items:center;justify-content:center}.db-image-drop:hover{border-color:#00f5ff4d;color:var(--accent-cyan, #00f5ff)}.db-block-img-wrap{display:flex;flex-direction:column;gap:6px}.db-block-img{width:100%;max-height:200px;object-fit:cover;border-radius:6px}.db-cover-wrap{display:flex;flex-direction:column;gap:8px}.db-cover-preview{width:100%;max-height:200px;object-fit:cover;border-radius:8px}.db-add-blocks{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:.75rem;background:#ffffff05;border:.5px dashed rgba(255,255,255,.08);border-radius:10px}.db-add-label{font-family:Space Mono,monospace;font-size:.65rem;color:#c8c8ff4d;margin-right:4px}.db-preview{background:#0000004d;border:.5px solid rgba(255,255,255,.07);border-radius:8px;padding:1rem;font-family:Space Mono,monospace;font-size:.68rem;line-height:1.6;color:#c8c8ff99;overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.db-publish-row{display:flex;flex-direction:column;gap:.5rem}.db-publish-btns{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.db-success{padding:.75rem 1rem;background:#00ff8814;border:.5px solid rgba(0,255,136,.3);border-radius:8px;font-family:Space Mono,monospace;font-size:.75rem;color:#0f8}.db-error{font-family:Space Mono,monospace;font-size:.72rem;color:#f46;margin:0}.db-drafts-list{display:flex;flex-direction:column;gap:6px}.db-draft-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem .75rem;background:#ffffff05;border:.5px solid rgba(255,255,255,.06);border-radius:8px;flex-wrap:wrap}.db-draft-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.db-draft-title{font-size:.82rem;color:#dcdcffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-draft-date{font-family:Space Mono,monospace;font-size:.6rem;color:#c8c8ff4d}.db-draft-actions{display:flex;gap:6px;flex-shrink:0}.db-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.db-stat-card{background:#ffffff08;border:.5px solid rgba(255,255,255,.08);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:4px}.db-stat-value{font-family:Orbitron,monospace;font-size:1.6rem;font-weight:700;color:var(--accent-cyan, #00f5ff)}.db-stat-label{font-family:Space Mono,monospace;font-size:.65rem;color:#c8c8ff59;text-transform:uppercase;letter-spacing:.06em}.db-table-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.db-sort-btns{display:flex;gap:4px;flex-wrap:wrap}.db-table-wrap{overflow-x:auto;margin-top:.75rem}.db-table{width:100%;border-collapse:collapse;font-size:.82rem}.db-table th{font-family:Space Mono,monospace;font-size:.62rem;color:#c8c8ff66;text-transform:uppercase;letter-spacing:.06em;padding:.5rem .75rem;text-align:left;border-bottom:.5px solid rgba(255,255,255,.08);white-space:nowrap}.db-table td{padding:.6rem .75rem;border-bottom:.5px solid rgba(255,255,255,.04);color:#dcdcffbf}.db-table tr:hover td{background:#ffffff05}.db-table-title a{color:#dcdcffd9;text-decoration:none}.db-table-title a:hover{color:var(--accent-cyan, #00f5ff)}@media (max-width: 700px){.db-sidebar{display:none}.db-main{padding:1rem}.db-stats-row{grid-template-columns:1fr 1fr}.db-album-header{flex-direction:column!important}.db-track-row{flex-direction:column;align-items:flex-start}}.db-stats-row--5{grid-template-columns:repeat(5,1fr)}.db-active-badge{font-family:Space Mono,monospace;font-size:.68rem;color:#0f8;background:#00ff8814;border:.5px solid rgba(0,255,136,.3);border-radius:20px;padding:3px 10px;margin-left:auto}.db-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.db-bar-list{display:flex;flex-direction:column;gap:8px;margin-top:.25rem}.db-bar-row{display:flex;align-items:center;gap:8px}.db-bar-label{font-size:.75rem;color:#c8c8ffb3;width:140px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-bar-track{flex:1;height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.db-bar-fill{height:100%;background:var(--accent-cyan, #00f5ff);border-radius:3px;opacity:.7;transition:width .4s ease}.db-bar-fill--purple{background:#b400ff}.db-bar-val{font-family:Space Mono,monospace;font-size:.65rem;color:#c8c8ff66;min-width:28px;text-align:right;flex-shrink:0}@media (max-width: 700px){.db-two-col{grid-template-columns:1fr}.db-stats-row--5{grid-template-columns:1fr 1fr}}.dot-grid{display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:relative}.dot-grid__wrap{width:100%;height:100%;position:relative}.dot-grid__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}:root{--bg-primary: #03020f;--bg-secondary: #070519;--accent-cyan: #00f5ff;--accent-purple: #b400ff;--accent-green: #00ff88;--accent-pink: #ff006e;--accent-blue: #0080ff;--glass-bg: rgba(255,255,255,.04);--glass-border: rgba(255,255,255,.1);--text-primary: #f0f0ff;--text-muted: rgba(200,200,255,.5)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Space Grotesk,system-ui,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#00f5ff33;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00f5ff66}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:64px;background:#03020fd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border)}.navbar-logo{font-family:Orbitron,monospace;font-size:1rem;font-weight:700;color:var(--accent-cyan);text-decoration:none;letter-spacing:.1em}.navbar-links{display:flex;gap:2rem;list-style:none}.navbar-links a{color:var(--text-muted);text-decoration:none;font-size:.8rem;font-family:Space Mono,monospace;letter-spacing:.1em;text-transform:uppercase;transition:color .2s}.navbar-links a:hover{color:var(--accent-cyan)}.hero{position:relative;padding:140px 2rem 80px;max-width:1200px;margin:0 auto;overflow:hidden}.hero:before{content:"";position:absolute;top:60px;left:50%;transform:translate(-50%);width:600px;height:300px;background:radial-gradient(ellipse,rgba(0,245,255,.08) 0%,transparent 70%);pointer-events:none}.hero-eyebrow{display:block;font-family:Space Mono,monospace;font-size:.75rem;letter-spacing:.3em;color:var(--accent-cyan);text-transform:uppercase;margin-bottom:1.5rem;animation:fadeInUp .6s both}.hero-title{font-family:Orbitron,monospace;font-size:clamp(2.5rem,7vw,5rem);font-weight:900;line-height:1;background:linear-gradient(135deg,#ffffff 30%,var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;animation:fadeInUp .6s .1s both}.hero-sub{max-width:560px;color:var(--text-muted);font-size:1rem;line-height:1.7;animation:fadeInUp .6s .2s both;margin-bottom:2rem}.hero-divider{width:60px;height:1px;background:linear-gradient(90deg,var(--accent-cyan),transparent);animation:fadeInUp .6s .3s both}.section{max-width:1200px;margin:0 auto;padding:2rem 2rem 5rem}.section-title{font-family:Orbitron,monospace;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted);display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.1),transparent)}.category-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem}.category-btn{padding:.4rem 1rem;border-radius:2rem;font-family:Space Mono,monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-muted);transition:all .2s}.category-btn:hover{border-color:#00f5ff4d;color:var(--accent-cyan)}.category-btn.active{background:#00f5ff1a;border-color:#00f5ff66;color:var(--accent-cyan)}.category-btn.active-tech{background:#0080ff1a;border-color:#0080ff66;color:#60b4ff}.category-btn.active-music{background:#b400ff1a;border-color:#b400ff66;color:#d060ff}.category-btn.active-general{background:#00ff8814;border-color:#00ff884d;color:var(--accent-green)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.post-card{display:block;text-decoration:none;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s,border-color .3s;animation:fadeInUp .5s both}.post-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 60%);border-radius:16px;z-index:1;pointer-events:none}.post-card:hover{border-color:#00f5ff4d;transform:translateY(-6px) scale(1.01);box-shadow:0 20px 60px #00000080,0 0 30px #00f5ff1a}.post-card:nth-child(1){animation-delay:50ms}.post-card:nth-child(2){animation-delay:.1s}.post-card:nth-child(3){animation-delay:.15s}.post-card:nth-child(4){animation-delay:.2s}.post-card:nth-child(5){animation-delay:.25s}.post-card:nth-child(6){animation-delay:.3s}.post-card-thumbnail{height:180px;position:relative;overflow:hidden}.post-card-thumbnail img{width:100%;height:100%;object-fit:cover;filter:brightness(.8) saturate(1.3);transition:transform .4s}.post-card:hover .post-card-thumbnail img{transform:scale(1.06)}.post-card-thumbnail:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 40%,#03020fe6)}.glossy-overlay{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.03) 60%,transparent);z-index:2;pointer-events:none}.post-card-category{position:absolute;top:12px;right:12px;z-index:3;font-family:Space Mono,monospace;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;padding:.3rem .7rem;border-radius:2rem}.cat-tech{color:#60b4ff;background:#0080ff33;border:1px solid rgba(0,128,255,.5)}.cat-music{color:#d060ff;background:#b400ff33;border:1px solid rgba(180,0,255,.5)}.cat-general{color:var(--accent-green);background:#00ff881a;border:1px solid rgba(0,255,136,.4)}.post-card-body{padding:1.25rem}.post-card-title{color:#fff;font-size:1.1rem;font-weight:700;line-height:1.3;margin-bottom:.5rem;transition:color .2s}.post-card:hover .post-card-title{color:var(--accent-cyan)}.post-card-date{font-family:Space Mono,monospace;font-size:.7rem;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.75rem}.post-card-summary{color:#c8c8ff99;font-size:.875rem;line-height:1.6}.post-card-footer{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-top:1px solid rgba(255,255,255,.06)}.read-more{display:flex;align-items:center;gap:.4rem;font-family:Space Mono,monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-cyan);transition:gap .2s}.post-card:hover .read-more{gap:.7rem}.post-detail{max-width:760px;margin:0 auto;padding:100px 2rem 4rem;position:relative;z-index:1}.back-link{display:inline-flex;align-items:center;gap:.5rem;font-family:Space Mono,monospace;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;border:1px solid var(--glass-border);border-radius:2rem;padding:.5rem 1rem;margin-bottom:2rem;transition:all .2s}.back-link:hover{color:var(--accent-cyan);border-color:#00f5ff4d;background:#00f5ff0d}.post-detail-header{margin-bottom:3rem}.post-detail-categories{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.post-detail-title{font-family:Orbitron,monospace;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;line-height:1.1;margin-bottom:1rem;background:linear-gradient(135deg,#fff,var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.post-detail-meta{font-family:Space Mono,monospace;font-size:.8rem;letter-spacing:.05em;color:var(--text-muted)}.post-detail-summary{font-size:1.15rem;line-height:1.7;color:#c8c8ffb3;border-left:2px solid var(--accent-cyan);background:#00f5ff0a;border-radius:0 12px 12px 0;padding:1.5rem;margin-bottom:2.5rem}.post-detail-image{width:100%;height:350px;object-fit:cover;border-radius:16px;border:1px solid var(--glass-border);margin-bottom:2.5rem;filter:brightness(.85) saturate(1.4)}.prose-custom{color:#dcdcffd9;font-size:1rem;line-height:1.8}.prose-custom h1,.prose-custom h2,.prose-custom h3{font-family:Orbitron,monospace;margin-top:2rem;margin-bottom:1rem;color:#fff}.prose-custom h2{font-size:1.4rem;color:var(--accent-cyan)}.prose-custom h3{font-size:1.1rem;color:var(--accent-purple)}.prose-custom p{margin-bottom:1.5rem}.prose-custom a{color:var(--accent-cyan);text-decoration:underline rgba(0,245,255,.4)}.prose-custom strong{color:#fff}.prose-custom code{font-family:Space Mono,monospace;font-size:.875em;color:var(--accent-cyan);background:#00f5ff14;border:1px solid rgba(0,245,255,.2);border-radius:4px;padding:.1em .4em}.prose-custom pre{background:#00000080;border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;overflow-x:auto}.prose-custom blockquote{border-left:2px solid var(--accent-purple);background:#b400ff0a;border-radius:0 12px 12px 0;margin:1.5rem 0;padding:1rem 1.5rem;font-style:italic;color:#c8c8ff99}.no-posts{text-align:center;color:var(--text-muted);padding:4rem 2rem;font-family:Space Mono,monospace}.footer{position:relative;z-index:1;text-align:center;border-top:1px solid rgba(255,255,255,.06);padding:2rem;font-family:Space Mono,monospace;font-size:.75rem;letter-spacing:.05em;color:var(--text-muted)}.page-content{position:relative;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:pageIn .4s both}.hero-ascii-wrap{position:relative;width:100%;height:280px;margin-bottom:1.5rem;animation:fadeInUp .6s both}@media (max-width: 768px){.hero-ascii-wrap{height:140px}}.post-card-inner{display:block;text-decoration:none;position:relative;transition:transform .3s}.border-glow-card:hover .post-card-title{color:var(--accent-cyan)}.border-glow-card:hover .read-more{gap:.7rem}.border-glow-card:hover .post-card-thumbnail img{transform:scale(1.06)}.posts-grid .border-glow-card{animation:fadeInUp .5s both}.posts-grid .border-glow-card:nth-child(1){animation-delay:50ms}.posts-grid .border-glow-card:nth-child(2){animation-delay:.1s}.posts-grid .border-glow-card:nth-child(3){animation-delay:.15s}.posts-grid .border-glow-card:nth-child(4){animation-delay:.2s}.posts-grid .border-glow-card:nth-child(5){animation-delay:.25s}.posts-grid .border-glow-card:nth-child(6){animation-delay:.3s}.yt-channel-inner{display:flex;align-items:center;gap:1.25rem;padding:0 1.5rem;width:100%}.yt-channel-icon{flex-shrink:0}.yt-channel-info{flex:1}.yt-channel-name{font-family:Orbitron,monospace;font-size:1rem;font-weight:700;color:#fff;margin:0 0 4px}.yt-channel-desc{font-size:.8rem;color:var(--text-muted);margin:0}.yt-subscribe-btn{padding:.5rem 1.25rem;border-radius:2rem;background:#ff000026;border:1px solid rgba(255,0,0,.4);color:#f44;font-family:Space Mono,monospace;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:all .2s;display:inline-flex;align-items:center}.yt-subscribe-btn:hover{background:#ff000040;border-color:#ff0000b3}.yt-subscribe-btn--large{padding:.6rem 1.75rem;font-size:.8rem}.yt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin:1.5rem 0}.yt-embed-wrap{position:relative;padding-bottom:56.25%;height:0;border-radius:12px;overflow:hidden;border:.5px solid var(--glass-border)}.yt-embed{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.yt-cta{margin-top:2rem}.yt-feed-note{margin-bottom:1.5rem;font-size:.9rem;color:var(--text-muted);line-height:1.6}.spotify-widget{display:flex;align-items:center;gap:1.25rem;padding:0 1.5rem;width:100%}.spotify-icon{flex-shrink:0}.spotify-info{flex:1}.spotify-label{font-family:Space Mono,monospace;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin:0 0 4px}.spotify-handle{font-family:Orbitron,monospace;font-size:.9rem;font-weight:700;color:#1db954;margin:0}.spotify-btn{padding:.5rem 1.25rem;border-radius:2rem;background:#1db9541f;border:1px solid rgba(29,185,84,.4);color:#1db954;font-family:Space Mono,monospace;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:all .2s}.spotify-btn:hover{background:#1db95438}.music-stats-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.music-filter-tabs{display:flex;gap:.5rem}.music-filter-btn{padding:.4rem 1rem;border-radius:2rem;font-family:Space Mono,monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-muted);transition:all .2s}.music-filter-btn.active{background:#00f5ff1a;border-color:#00f5ff66;color:var(--accent-cyan)}.top-albums-list{display:flex;flex-direction:column;gap:8px;margin-bottom:2rem}.top-album-row{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:10px;background:#ffffff08;border:.5px solid rgba(255,255,255,.08);text-decoration:none;transition:background .2s,border-color .2s}.top-album-row:hover{background:#ffffff0f;border-color:#00f5ff33}.top-album-rank{font-family:Orbitron,monospace;font-size:1.2rem;font-weight:900;min-width:28px;text-align:center}.top-album-img{width:44px;height:44px;border-radius:6px;overflow:hidden;flex-shrink:0}.top-album-img img{width:100%;height:100%;object-fit:cover}.top-album-title{flex:1;color:#f0f0ff;font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-album-score{font-family:Orbitron,monospace;font-size:1rem;font-weight:700;flex-shrink:0}.top-album-votes{font-size:.65rem;opacity:.6;font-family:Space Mono,monospace}.adrian-page{min-height:100vh;position:relative}.adrian-particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.adrian-header{text-align:center;padding:2rem 0 2.5rem;position:relative;z-index:1}.adrian-title{font-family:Orbitron,monospace;font-size:clamp(2rem,6vw,4rem);font-weight:900;background:linear-gradient(135deg,#ffffff,var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem}.adrian-subtitle{font-family:Space Mono,monospace;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin:0}.adrian-icons{grid-template-columns:repeat(4,1fr)!important;gap:2em!important;padding:2em!important;width:100%}@media (min-width: 600px){.adrian-icons{grid-template-columns:repeat(8,1fr)!important}}.adrian-about{padding:1.5rem 2rem;width:100%}.adrian-about-title{font-family:Orbitron,monospace;font-size:1rem;font-weight:700;color:var(--accent-cyan);margin:0 0 1rem;letter-spacing:.05em}.adrian-about-text p{color:#dcdcffcc;font-size:.95rem;line-height:1.8;margin-bottom:1rem}.adrian-about-text p:last-child{margin-bottom:0}.navbar{display:none}.not-found-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.not-found-ballpit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.not-found-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;gap:1rem}.not-found-code{font-family:Orbitron,monospace;font-size:clamp(5rem,20vw,12rem);font-weight:900;line-height:1;background:linear-gradient(135deg,#ffffff26,#ffffff0d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-user-select:none;user-select:none;margin-bottom:.5rem}.not-found-heading{font-size:clamp(1.5rem,5vw,3.5rem)!important;color:#fff;font-weight:300;line-height:1.1;text-shadow:0 0 40px rgba(0,245,255,.3)}.not-found-sub{font-family:Space Mono,monospace;font-size:clamp(.7rem,2vw,.9rem);color:#c8c8ff80;letter-spacing:.1em;margin-top:.25rem}.not-found-btn{margin-top:1.5rem;padding:.7rem 2rem;border-radius:2rem;border:1px solid rgba(0,245,255,.4);background:#00f5ff14;color:var(--accent-cyan);font-family:Space Mono,monospace;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:all .2s}.not-found-btn:hover{background:#00f5ff2e;border-color:#00f5ffb3;box-shadow:0 0 24px #00f5ff26}.search-wrap{margin-bottom:1.5rem}.search-inner{display:flex;align-items:center;gap:10px;padding:0 1.25rem;width:100%;height:100%}.search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-size:.9rem;caret-color:var(--accent-cyan)}.search-input::placeholder{color:#c8c8ff4d}.search-clear{background:transparent;border:none;color:#c8c8ff59;cursor:pointer;display:flex;align-items:center;padding:2px;flex-shrink:0;transition:color .15s}.search-clear:hover{color:#c8c8ffcc}.post-detail-meta-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.related-posts{margin-top:.5rem}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.related-post-card{display:block;text-decoration:none;border-radius:12px;overflow:hidden;background:#ffffff08;border:.5px solid rgba(255,255,255,.08);transition:border-color .2s,transform .2s;position:relative}.related-post-card:hover{border-color:#00f5ff40;transform:translateY(-3px)}.related-post-thumb{height:120px;position:relative;overflow:hidden}.related-post-thumb img{width:100%;height:100%;object-fit:cover;filter:brightness(.75) saturate(1.2);transition:transform .3s}.related-post-card:hover .related-post-thumb img{transform:scale(1.05)}.related-post-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 40%,#03020fd9)}.related-post-body{padding:.75rem}.related-post-title{font-size:.85rem;font-weight:600;color:#f0f0ffe6;margin:0 0 .3rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-post-date{font-family:Space Mono,monospace;font-size:.65rem;color:var(--text-muted);margin:0;letter-spacing:.04em}.post-content-with-comments{position:relative;padding-right:60px}@media (max-width: 900px){.post-content-with-comments{position:relative;padding-right:60px}}.track-rating-row{display:flex;align-items:center}.track-rating-row .track-rating{flex:1}.post-content-with-comments{position:relative;padding-right:56px}@media (max-width: 900px){.post-content-with-comments{padding-right:44px}}@media (max-width: 600px){.post-content-with-comments{padding-right:38px}}.post-card-meta{display:flex;align-items:center;gap:.75rem}.post-card-comment-count{display:inline-flex;align-items:center;gap:4px;font-family:Space Mono,monospace;font-size:.7rem;color:#c8c8ff59}