@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";:root{--bg-dark:#11111b;--card-bg:#1e1e2e73;--border-color:#ffffff0d;--text-main:#cdd6f4;--text-muted:#a6adc8;--bg-brightness:.4;--bg-tint:#11111bb3;--grid-color:#ffffff08;--box-bg:#00000040;--hover-bg:#ffffff1a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--focus-ring:0 0 0 2px var(--bg-dark), 0 0 0 4px var(--c-lavender);--bgm-pad-left-optical:20px;--tippy-bg:#111214;--c-mauve:#cba6f7;--c-pink:#f5c2e7;--c-lavender:#b4befe;--c-sapphire:#74c7ec;--c-green:#a6e3a1;--c-yellow:#f9e2af}body.theme-macchiato{--bg-dark:#181825;--card-bg:#24273a8c;--text-main:#cad3f5;--text-muted:#a5adcb;--bg-brightness:.4;--bg-tint:#181825bf;--grid-color:#ffffff0a;--box-bg:#0000004d;--hover-bg:#ffffff1f;--c-mauve:#c6a0f6;--c-pink:#f5bde6;--c-lavender:#b7bdf8;--c-sapphire:#7dc4e4;--c-green:#a6da95;--c-yellow:#eed49f}body.theme-tokyonight{--bg-dark:#16161e;--card-bg:#1a1b26bf;--text-main:#c0caf5;--text-muted:#7982a9;--bg-brightness:.45;--bg-tint:#16161ecc;--grid-color:#ffffff0a;--box-bg:#00000059;--hover-bg:#7aa2f726;--c-mauve:#bb9af7;--c-pink:#f7768e;--c-lavender:#7aa2f7;--c-sapphire:#7dcfff;--c-green:#73daca;--c-yellow:#e0af68}body.theme-atom{--bg-dark:#1e2227;--card-bg:#21252bbf;--text-main:#abb2bf;--text-muted:#7f8796;--bg-brightness:.4;--bg-tint:#1e2227cc;--grid-color:#ffffff0a;--box-bg:#0000004d;--hover-bg:#61afef26;--c-mauve:#c678dd;--c-pink:#e06c75;--c-lavender:#61afef;--c-sapphire:#56b6c2;--c-green:#98c379;--c-yellow:#e5c07b}body.theme-latte{--bg-dark:#eff1f5;--card-bg:#ffffffb3;--border-color:#00000026;--text-main:#4c4f69;--text-muted:#5c5f77;--bg-brightness:.95;--bg-tint:#eff1f5d9;--grid-color:#0000000d;--box-bg:#ffffff80;--hover-bg:#8839ef26;--c-mauve:#8839ef;--c-pink:#ea76cb;--c-lavender:#7287fd;--c-sapphire:#209fb5;--c-green:#40a02b;--c-yellow:#df8e1d}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--box-bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--hover-bg)}*{scrollbar-width:thin;scrollbar-color:var(--box-bg) transparent}.skeleton{background:linear-gradient(90deg, var(--border-color) 25%, #ffffff26 50%, var(--border-color) 75%);background-size:200% 100%;border-radius:4px;animation:1.5s infinite skeleton-load;color:#0000!important}.skeleton *{visibility:hidden}@keyframes skeleton-load{0%{background-position:200% 0}to{background-position:-200% 0}}.hidden{display:none!important}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.control-btn:focus-visible,.tab-btn:focus-visible,.anon-input:focus-visible,.anon-textarea:focus-visible,.social-icon:focus-visible,.bgm-controls i:focus-visible,#bgm-mute:focus-visible{box-shadow:var(--focus-ring);outline:none}body{color:var(--text-main);background-color:var(--bg-dark);-webkit-user-select:none;user-select:none;cursor:none;width:100vw;height:100vh;font-family:Plus Jakarta Sans,sans-serif;overflow:hidden}@media (hover:hover) and (pointer:fine){body:not(.reduced-motion),body:not(.reduced-motion) *{cursor:none!important}}@media (pointer:coarse){body{cursor:auto}#cursor-dot,#cursor-ring{display:none!important}}@media (hover:hover) and (pointer:fine){:focus-visible{cursor:auto!important}}#cursor-dot{background:var(--c-sapphire);pointer-events:none;z-index:10000;width:6px;height:6px;box-shadow:0 0 10px var(--c-sapphire);border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}#cursor-ring{pointer-events:none;z-index:9999;border:2px solid #74c7ec66;border-radius:50%;width:30px;height:30px;transition:width .2s,height .2s,border-color .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}a:hover~#cursor-ring,button:hover~#cursor-ring,i:hover~#cursor-ring{border-color:var(--c-lavender);background:#b4befe1a;width:50px;height:50px}@media (pointer:coarse){body{cursor:auto}#cursor-dot,#cursor-ring{display:none!important}}.bg-layer{filter:blur(4px)brightness(.4);z-index:1;background-position:50%;background-size:cover;position:absolute;inset:0}.grid-overlay{z-index:2;background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);pointer-events:none;background-size:20px 20px;position:absolute;inset:0}#mouse-canvas{z-index:9998;pointer-events:none;position:absolute;inset:0}.game-box{padding:0}.game-content{align-items:center;gap:15px;display:flex}.game-assets{flex-shrink:0;width:60px;height:60px;position:relative}.rp-large{object-fit:cover;border-radius:12px;width:100%;height:100%}.rp-small{background:#000;border:3px solid #1e1e2ecc;border-radius:50%;width:24px;height:24px;position:absolute;bottom:-5px;right:-5px}.game-info{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.time-elapsed{font-variant-numeric:tabular-nums;color:var(--text-muted);margin-top:4px;font-size:.8rem}.rp-buttons{gap:8px;width:100%;margin-top:12px;display:flex}.rp-buttons.hidden{display:none}.rp-button{border:1px solid var(--border-color);color:#fff;text-align:center;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#ffffff1a;border-radius:6px;flex:1;padding:6px 10px;font-size:.75rem;font-weight:600;text-decoration:none;transition:background .2s;overflow:hidden}.rp-button:hover{background:#ffffff26}.entry-screen{z-index:9000;cursor:pointer;background:#000;flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s,visibility .8s;display:flex;position:absolute;inset:0}.entry-screen.hidden{opacity:0;visibility:hidden}.entry-title{color:var(--text-main);text-shadow:0 0 10px var(--c-lavender), 0 0 20px var(--c-sapphire);letter-spacing:4px;margin-bottom:20px;font-family:Space Mono,monospace;font-size:2rem;font-weight:700;animation:3s infinite glitch}.entry-prompt{color:var(--text-muted);letter-spacing:1px;font-size:.9rem;animation:1.5s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.main-content{z-index:10;opacity:1;flex-direction:column;padding-bottom:90px;transition:opacity 1s;display:flex;position:absolute;inset:0;overflow:hidden auto}.main-content.hidden{opacity:0;pointer-events:none}.cards-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;width:100%;max-width:1000px;margin:auto;padding:70px 20px 20px;transition:all .5s;display:flex}#activity-card-container{width:320px;transition:opacity .5s,transform .5s}#activity-card-container.hidden{opacity:0;pointer-events:none;position:absolute;transform:translate(30px)}.card-tilt{perspective:1500px;transform-style:preserve-3d;will-change:transform;position:relative}.profile-effect{pointer-events:none;z-index:100;opacity:.9;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:-100px}#card{width:380px;max-width:100%}.card-border{transform-style:preserve-3d;border-radius:22px;position:relative;box-shadow:0 0 30px #b4befe4d,0 20px 50px #000c;container-type:inline-size}.card-border:before{content:"";background:linear-gradient(45deg, var(--c-lavender), var(--c-sapphire), #89b4fa, var(--c-lavender));-webkit-mask-composite:xor;pointer-events:none;z-index:2;background-size:300% 300%;border-radius:22px;padding:2px;animation:6s infinite shimmerBorder;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.profile-effect-container{pointer-events:none;width:110.294%;height:100%;position:absolute;top:-27.941cqi;left:-5.147%}.profile-effect-layer{object-fit:contain;width:100%;height:auto;position:absolute;top:0;left:0}.profile-effect-layer:first-child{object-fit:fill;z-index:10;height:100%;top:27.941cqi}.profile-effect-layer:nth-child(2){pointer-events:none;margin-top:15px;z-index:20!important}.profile-effect-layer:nth-child(3){pointer-events:none;margin-top:15px;z-index:1!important}.hologram-glare{mix-blend-mode:screen;pointer-events:none;z-index:3;opacity:.6;background:linear-gradient(125deg,#ff008000 0%,#cba6f714 25%,#74c7ec1f 40%,#a6e3a11f 60%,#f9e2af26 75%,#fff3 85%,#ff008000 100%) 50%/250% 250%;border-radius:22px;transition:opacity .3s;position:absolute;inset:0}@keyframes rainbowBorder{0%{filter:hue-rotate()saturate(250%)}to{filter:hue-rotate(360deg)saturate(250%)}}.card-border.rainbow-rave{animation:1.5s linear infinite rainbowBorder!important;box-shadow:0 0 50px #cba6f7e6,0 0 100px #74c7ecb3!important}@keyframes shimmerBorder{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.card-inner{-webkit-backdrop-filter:blur(12px);z-index:2;width:100%;transform-style:preserve-3d;background:#1e1e2eb3;border:1px solid #ff69b44d;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:20px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 30px #ff69b466,inset 0 0 20px #ff69b433}#card .card-inner:after{content:"";pointer-events:none;z-index:100;opacity:.9;background:url(../assets/img/effect.webp) top/100% no-repeat;position:absolute;inset:0}.tab-nav{background:var(--box-bg);border:1px solid var(--border-color);z-index:105;width:100%;transform-style:preserve-3d;border-radius:12px;gap:8px;margin-top:15px;padding:4px;display:flex;position:relative;transform:translateZ(20px)}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-family:inherit;font-size:.75rem;font-weight:700;transition:all .25s;display:flex}.tab-btn:hover{color:#fff;background:var(--border-color)}.tab-btn.active{color:#fff;background:#b4befe26;border:1px solid #b4befe4d;box-shadow:0 0 10px #b4befe33}.tab-pane{flex-direction:column;align-items:center;gap:12px;width:100%;animation:.35s cubic-bezier(.16,1,.3,1) tabFadeIn;display:none}.tab-pane.active{display:flex}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.setup-section{background:var(--box-bg);border:1px solid var(--border-color);border-radius:12px;width:100%;padding:12px 14px}.setup-title{color:var(--c-lavender);letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:8px;font-size:.75rem;font-weight:800;display:flex}.gear-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.gear-item{background:var(--box-bg);border:1px solid #ffffff0a;border-radius:8px;flex-direction:column;padding:6px 10px;display:flex}.gear-label{color:var(--text-muted);align-items:center;gap:4px;font-size:.65rem;display:flex}.gear-value{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.75rem;font-weight:700;overflow:hidden}.gear-value.highlight{color:var(--c-sapphire)}.tags-container{z-index:105;transform-style:preserve-3d;flex-wrap:wrap;gap:6px;display:flex;position:relative;transform:translateZ(15px)}.tag-badge{color:var(--text-main);background:var(--border-color);z-index:110;transform-style:preserve-3d;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:.7rem;font-weight:600;transition:all .2s;display:flex;position:relative;transform:translateZ(5px)}.tag-badge:hover{border-color:var(--c-lavender);background:#b4befe40;transform:translateZ(12px)scale(1.05);box-shadow:0 0 10px #cba6f766}.message-box-container{background:var(--box-bg);border:1px solid var(--border-color);border-radius:12px;width:100%;padding:14px}.message-desc{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:10px;font-size:.75rem;display:flex}.anon-form{flex-direction:column;gap:8px;display:flex}.anon-input,.anon-textarea{background:var(--box-bg);color:#fff;border:1px solid #ffffff14;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:.8rem;transition:border-color .2s,box-shadow .2s}.anon-input:focus,.anon-textarea:focus{border-color:var(--c-lavender);box-shadow:0 0 10px #b4befe33}.anon-textarea{resize:none}.anon-submit-btn{background:linear-gradient(45deg, var(--c-lavender), var(--c-sapphire));color:var(--bg-dark);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:.8rem;font-weight:800;transition:transform .2s,filter .2s;display:flex}.anon-submit-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.fade-transition{opacity:0!important}.card-inner>div{transition:opacity .3s}#activity-inner{align-items:stretch}@keyframes floatAvatar{0%{transform:translateZ(25px)translateY(0)}50%{transform:translateZ(25px)translateY(-6px)}to{transform:translateZ(25px)translateY(0)}}.avatar-wrapper{background:var(--card-bg);cursor:pointer;z-index:10;width:90px;height:90px;transform-style:preserve-3d;border-radius:50%;justify-content:center;align-items:center;margin-top:-50px;margin-bottom:0;animation:4s ease-in-out infinite floatAvatar;display:flex;position:relative}.status-dot{border:4px solid var(--card-bg);z-index:25;box-sizing:border-box;background-color:#80848e;border-radius:50%;width:22px;height:22px;transition:all .3s;position:absolute;bottom:2px;right:2px}.status-dot.online{box-shadow:none;background-color:#23a559}.status-dot.idle{background-color:#0000;box-shadow:inset -3px -3px 0 3px #f0b232}.status-dot.dnd{box-shadow:none;background-color:#f23f43}.status-dot.dnd:after{content:"";background-color:var(--card-bg);border-radius:2px;width:8px;height:2.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.status-dot.offline{background-color:#0000;box-shadow:inset 0 0 0 3px #80848e}.avatar-img{object-fit:cover;border-radius:50%;width:82px;height:82px}.avatar-decoration{z-index:20;pointer-events:none;width:108px;height:108px;position:absolute;top:-9px;left:-9px;transform:scale(1.1)}.card-banner-top{border-top-left-radius:20px;border-top-right-radius:20px;width:calc(100% + 44px);height:140px;margin:-20px -22px 0;position:relative;overflow:hidden}.banner-img{object-fit:cover;width:100%;height:100%;display:block}.user-info{z-index:105;text-align:center;width:100%;transform-style:preserve-3d;margin-top:0;position:relative;transform:translateZ(15px)}.nameplate-container{margin:0;padding:0;position:relative}.nameplate{object-fit:contain;z-index:-1;pointer-events:none;opacity:.9;width:100%;height:100%;position:absolute;top:0;left:0}.name-header-row{z-index:110;transform-style:preserve-3d;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex;position:relative;transform:translateZ(20px)}.display-name{color:#fff;text-shadow:0 2px 4px #00000080;margin:0;font-size:1.5rem;font-weight:800}.glow-text{text-shadow:0 0 10px #ffffffb3, 0 0 20px #ffffff80, 0 0 30px var(--c-lavender)}.clan-tag{color:#e0e0e0;text-shadow:0 0 8px #ffffff80;z-index:112;transform-style:preserve-3d;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:4px;padding:2px 6px;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex;position:relative;transform:translateZ(5px);box-shadow:0 0 10px #ffffff4d}.clan-tag:hover{background:var(--hover-bg);border-color:var(--c-lavender);transform:translateZ(15px)scale(1.05);box-shadow:0 0 15px #cba6f780}.clan-icon{object-fit:contain;width:14px;height:14px}.discord-badge.social-icon{background:var(--box-bg);width:40px;height:40px;color:var(--text-normal);border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;text-decoration:none;transition:transform .2s,background .2s,color .2s;display:flex}.social-icon:hover{color:var(--c-sapphire);background:#0009;transform:scale(1.15)}.discord-badges-row{z-index:115;transform-style:preserve-3d;justify-content:center;align-items:center;gap:4px;display:flex;position:relative;transform:translateZ(30px)}.profile-badge{object-fit:contain;cursor:pointer;z-index:120;width:22px;height:22px;transform-style:preserve-3d;transition:transform .2s,filter .2s;position:relative;transform:translateZ(10px)}.profile-badge:hover{filter:drop-shadow(0 0 8px #fffffff2) drop-shadow(0 0 14px var(--c-lavender));transform:translateZ(20px)scale(1.35)}.tippy-box[data-theme~=discord]{background-color:var(--tippy-bg);color:#dbdee1;text-align:center;border-radius:8px;padding:2px 4px;font-size:.85rem;font-weight:500;box-shadow:0 8px 16px #0006}.tippy-box[data-theme~=discord][data-placement^=top]>.tippy-arrow:before{border-top-color:var(--tippy-bg)}.username-pronouns-row{justify-content:center;align-items:center;gap:6px;margin-top:2px;font-size:.95rem;font-weight:500;display:flex}.username-text{color:#e0e0e0;text-shadow:0 0 5px #ffffff4d}.dot-separator{color:var(--text-muted);text-shadow:0 0 5px #ffffff4d;font-size:.6rem}.pronouns-text{color:var(--c-lavender);text-shadow:0 0 5px var(--c-lavender);font-weight:600}.verified-badge{color:var(--c-sapphire);text-shadow:0 0 10px var(--c-sapphire);z-index:112;transform-style:preserve-3d;font-size:1.1rem;position:relative;transform:translateZ(5px)}.scramble-text{color:var(--c-lavender);letter-spacing:2px;min-height:20px;margin-top:6px;font-family:Space Mono,monospace;font-size:.8rem;font-weight:700}.user-note{color:#fff;margin-top:6px;font-size:.9rem;font-weight:500}.member-since{color:var(--text-muted);margin-top:4px;font-size:.75rem}.badges{justify-content:center;gap:8px;margin:8px 0;display:flex}.badges img{filter:drop-shadow(0 2px 5px #0006);object-fit:contain;width:22px;height:22px}.social-row{z-index:105;transform-style:preserve-3d;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:15px;display:flex;position:relative;transform:translateZ(20px)}.social-icon{background:var(--border-color);border:1px solid var(--border-color);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.3rem;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.social-icon:hover{background:#ffffff1a;transform:translateY(-5px)scale(1.1)}.social-icon.discord:hover{color:#5865f2;border-color:#5865f2;box-shadow:0 10px 20px #5865f24d}.social-icon.spotify:hover{color:#1db954;border-color:#1db954;box-shadow:0 10px 20px #1db9544d}.social-icon.github:hover{color:#fff;border-color:#fff;box-shadow:0 10px 20px #fff3}.social-icon.steam:hover{color:#66c0f4;border-color:#66c0f4;box-shadow:0 10px 20px #66c0f44d}.social-icon.riot:hover{color:#ff4655;border-color:#ff4655;box-shadow:0 10px 20px #ff46554d}.activity-box{background:var(--box-bg);border:1px solid var(--border-color);z-index:105;width:100%;transform-style:preserve-3d;border-radius:12px;padding:10px 12px;position:relative;transform:translateZ(15px)}.discord-presence{align-items:center;gap:12px;display:flex}.presence-avatar{object-fit:cover;border-radius:8px;width:45px;height:45px}.presence-info{flex:1;overflow:hidden}.presence-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:700;display:flex;overflow:hidden}.presence-status{color:var(--c-yellow);background:#f9e2af26;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:800}.presence-state{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:.8rem;overflow:hidden}.nameplate-effect{pointer-events:none;z-index:1;opacity:.6;border-radius:12px;position:absolute;inset:0;overflow:hidden}.nameplate-media{object-fit:cover;width:100%;height:100%;display:block}.nameplate-media.hidden{display:none!important}.music-box{background:var(--box-bg);border:1px solid var(--border-color);border-radius:12px;width:100%;margin-bottom:15px;padding:12px;transition:box-shadow .3s,border-color .3s}.music-box:hover{border-color:#1db95499;box-shadow:0 0 15px #1db95466}.music-box.hidden{display:none}.music-header{color:var(--c-green);letter-spacing:1px;align-items:center;gap:6px;margin-bottom:10px;font-size:.7rem;font-weight:800;display:flex}.music-content{align-items:center;gap:15px;display:flex}.spinning-disc{border-radius:50%;flex-shrink:0;width:50px;height:50px;animation:4s linear infinite discSpin;position:relative;box-shadow:0 0 10px #00000080}#sp-art{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.disc-hole{background:var(--card-bg);border:1px solid #00000080;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes discSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.music-info{flex:1;overflow:hidden}.song-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.song-artist{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:.8rem;overflow:hidden}.music-progress{width:100%}.progress-bar{background:#ffffff1a;border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-fill{background:var(--c-green);border-radius:2px;width:45%;height:100%;animation:2s infinite alternate progressAnim}@keyframes progressAnim{0%{width:40%}to{width:60%}}.time-row{color:var(--text-muted);justify-content:space-between;margin-top:4px;font-size:.65rem;display:flex}.footer-row{justify-content:center;width:100%;display:flex}.views{color:var(--text-muted);background:var(--border-color);border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;display:flex}.bgm-player{z-index:50;-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);width:calc(100% - 30px);max-width:420px;padding:12px 15px 12px var(--bgm-pad-left-optical);align-items:center;gap:var(--space-3);opacity:0;pointer-events:none;width:380px;max-width:90vw;max-height:calc(100dvh - env(safe-area-inset-bottom,0px) - 16px);background:#1e1e2eb3;border-radius:20px;transition:opacity 1s,transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;bottom:25px;left:50%;overflow:hidden;transform:translate(-50%)translateY(20px);box-shadow:0 10px 30px #00000080}.bgm-player.visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.bgm-player:hover{border-color:#cba6f799;transform:translate(-50%)scale(1.02);box-shadow:0 10px 30px #00000080,0 0 20px #cba6f780}.bgm-cover{z-index:2;border-radius:50%;flex-shrink:0;width:45px;height:45px;position:relative;box-shadow:0 0 15px #00000080}.bgm-spin{border-radius:50%;width:100%;height:100%;display:block;position:absolute;top:0;left:0;overflow:hidden}.bgm-cover-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.bgm-hole{background:var(--card-bg);border:2px solid #ffffff1a;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bgm-cover-overlay{opacity:0;cursor:pointer;z-index:4;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.bgm-cover-overlay i{color:#fff;font-size:1.2rem}.bgm-cover:hover .bgm-cover-overlay{opacity:1}.bgm-info{z-index:2;border-left:1px solid var(--border-color);min-width:0;padding-left:var(--space-3);flex-direction:column;flex:1;justify-content:center;gap:4px;display:flex}.marquee-container{white-space:nowrap;text-align:center;flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.bgm-title{color:var(--text-primary);font-size:.85rem;font-weight:700;display:inline-block}.bgm-title.scroll{animation:10s linear infinite marquee}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.bgm-timeline{align-items:center;gap:8px;width:100%;margin-top:2px;display:flex}.bgm-time{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.65rem}.timeline-slider{-webkit-appearance:none;cursor:pointer;z-index:5;background:#ffffff1a;border-radius:2px;outline:none;flex:1;height:4px;position:relative}.bgm-controls-row{justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:4px;display:flex;position:relative}.bgm-spacer,.bgm-volume-container{flex:1}.bgm-spacer{display:block}.bgm-controls{color:var(--text-muted);flex:none;align-items:center;gap:6px;display:flex}.bgm-controls i{cursor:pointer;font-size:.9rem;transition:color .2s}.bgm-controls i:hover{color:var(--c-lavender)}.bgm-controls i.active{color:var(--c-lavender);text-shadow:0 0 5px #cba6f780}.bgm-volume-container{color:var(--text-muted);justify-content:flex-end;align-items:center;display:flex;position:relative}.volume-slider{-webkit-appearance:none;cursor:pointer;transform-origin:100%;opacity:0;pointer-events:none;z-index:10;background:#ffffff1a;border-radius:2px;outline:none;width:45px;height:4px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:50%;right:28px;transform:translateY(-50%)scaleX(0)}.bgm-volume-container:hover .volume-slider{opacity:1;pointer-events:auto;transform:translateY(-50%)scaleX(1)}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#cdd6f4;border-radius:50%;width:0;height:0;transition:width .1s,height .1s}.timeline-slider:hover::-webkit-slider-thumb{width:10px;height:10px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#cdd6f4;border-radius:50%;width:10px;height:10px}#audio-visualizer{z-index:0;opacity:.3;pointer-events:none;width:100%;height:100%;position:absolute;bottom:0;left:0}.toast{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--c-lavender);color:var(--text-main);opacity:0;pointer-events:none;z-index:100000;border-radius:14px;align-items:center;gap:10px;padding:10px 22px;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:90px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 10px 30px #0009}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.custom-status-emoji{vertical-align:-3px;object-fit:contain;width:18px;height:18px;margin-right:4px}#sp-progress-fill{width:0%;transition:width .3s linear;animation:none}.top-left-controls{z-index:100;gap:15px;display:flex;position:absolute;top:20px;left:20px}.top-controls{z-index:100;gap:15px;display:flex;position:absolute;top:20px;right:20px}.control-btn{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;-webkit-backdrop-filter:blur(8px);border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.2rem;transition:all .3s;display:flex}.control-btn:hover{background:var(--c-mauve);color:var(--bg-dark);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;opacity:1;background:#11111bcc;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal.hidden{opacity:0;pointer-events:none}.modal-content{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:16px;width:90%;max-width:400px;padding:24px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transform:translateY(0);box-shadow:0 10px 30px #00000080}.modal.hidden .modal-content{transform:translateY(20px)}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.modal-header h2{color:var(--text-main);margin:0;font-size:1.2rem}.close-modal-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.2rem;transition:color .3s}.close-modal-btn:hover{color:var(--c-pink)}.setting-item{justify-content:space-between;align-items:center;display:flex}.setting-info h3{color:var(--text-main);margin:0 0 5px;font-size:1rem}.setting-info p{color:var(--text-muted);margin:0;font-size:.85rem}.toggle-switch{width:50px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--border-color);transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--text-main);width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--c-green)}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}body.reduced-motion #mouse-canvas,body.reduced-motion #cursor-dot,body.reduced-motion #cursor-ring,body.reduced-motion .hologram-glare,body.reduced-motion #audio-visualizer,body.reduced-motion .card-border:before,body.reduced-motion .card-inner:after{display:none!important}body.reduced-motion .spinning-disc,body.reduced-motion .bgm-spin{animation-play-state:paused!important}body.reduced-motion{cursor:auto!important}body.reduced-motion a,body.reduced-motion button,body.reduced-motion i,body.reduced-motion input,body.reduced-motion label{cursor:pointer!important}body.reduced-motion .card-tilt{transform:none!important}body.reduced-motion .bgm-title,body.reduced-motion .marquee-container{animation-play-state:paused!important}body.reduced-motion .sakura-canvas{display:none!important}body.reduced-motion .avatar-wrapper{animation-play-state:paused!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.field-error{color:var(--c-pink);margin-top:6px;font-size:.75rem;font-weight:600}.field-error.hidden{display:none!important}.anon-input[aria-invalid=true],.anon-textarea[aria-invalid=true]{border-color:var(--c-pink)!important;box-shadow:0 0 0 3px #f5c2e740!important}.anon-error-summary{border-radius:var(--radius-sm);color:var(--c-pink);background:#f5c2e71f;border:1px solid #f5c2e766;margin-bottom:10px;padding:10px 12px;font-size:.8rem}.anon-error-summary.hidden{display:none!important}.anon-error-summary a{color:var(--c-lavender);text-decoration:underline}@media (prefers-reduced-motion:reduce){.spinning-disc,.bgm-spin,.card-border:before,.avatar-wrapper,.bgm-title.scroll{animation:none!important}}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{color:#fff;white-space:normal;background-color:#333;border-radius:4px;outline:0;font-size:14px;line-height:1.4;transition-property:transform,visibility,opacity;position:relative}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-width:8px 8px 0;border-top-color:initial;transform-origin:top;bottom:-7px;left:0}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-width:0 8px 8px;border-bottom-color:initial;transform-origin:bottom;top:-7px;left:0}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;transform-origin:0;right:-7px}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:100%;left:-7px}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{color:#333;width:16px;height:16px}.tippy-arrow:before{content:"";border-style:solid;border-color:#0000;position:absolute}.tippy-content{z-index:1;padding:5px 9px;position:relative}