*,:before,:after{box-sizing:border-box}html,body{color:#fafafa;background:#0a0a0a;min-height:100vh;margin:0;padding:0;font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}img{border-style:none}fieldset{border:none}legend{padding:0}textarea{resize:none}input:focus,textarea:focus,select:focus{outline:none}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}html{height:100%}body{color:#fafafa;-webkit-font-smoothing:antialiased;background-color:#0a0a0a;background-image:radial-gradient(70% 50% at 10% 90%,#1db95412 0%,#0000 60%),radial-gradient(60% 45% at 90% 10%,#5865f217 0%,#0000 60%),radial-gradient(50% 40% at 60%,#8b5cf60a 0%,#0000 70%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:fixed;background-origin:padding-box;background-clip:border-box;min-height:100%;font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.home-main{flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:7rem 1.25rem 6rem;display:flex}.hero{text-align:center;margin-bottom:2.5rem}.hero-logo{object-fit:contain;width:64px;height:64px;margin-bottom:1rem}.hero-title{letter-spacing:-.05em;margin-bottom:.75rem;font-size:clamp(2.25rem,6vw,3.5rem);font-weight:800;line-height:1.05}.hero-subtitle{color:#71717a;max-width:360px;margin:0 auto;font-size:1rem}.hero-actions{flex-direction:column;align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.github-btn{color:#1c1c1e;white-space:nowrap;background:#f6f8fa;border:1px solid #ffffff1f;border-radius:.625rem;align-items:center;gap:.5rem;padding:.5rem 1.125rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}.github-btn:hover{background:#fff;transform:translateY(-1px)}.contributors{flex-direction:column;align-items:center;gap:.5rem;display:flex}.contributors-avatars{display:flex}.contributor-avatar{z-index:0;border:2px solid #0a0a0a;border-radius:50%;width:28px;height:28px;margin-left:-6px;transition:transform .15s,z-index;position:relative;overflow:hidden}.contributor-avatar:first-child{margin-left:0}.contributor-avatar:hover{z-index:10;transform:translateY(-3px)}.contributor-avatar img{object-fit:cover;width:100%;height:100%;display:block}.contributors-label{color:#52525b;font-size:.75rem}.id-input-wrapper{width:100%;max-width:420px}.id-input-wrapper--submitted{margin-bottom:2rem}.id-input-row{gap:.5rem;display:flex}.id-input{color:#fafafa;background:#ffffff0d;border:1px solid #ffffff14;border-radius:.625rem;outline:none;flex:1;padding:.625rem .875rem;font-size:.9375rem;transition:border-color .15s}.id-input:focus{border-color:#fff3}.preview-btn{color:#fafafa;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:.625rem;padding:0 1.25rem;font-size:.875rem;font-weight:600;transition:background .15s}.preview-btn:hover{background:#ffffff26}.preview-container{flex-direction:column;gap:1rem;width:100%;max-width:520px;display:flex}.type-selector{gap:.5rem;display:flex}.type-btn{color:#71717a;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:.625rem;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.type-btn--active{color:#fafafa;background:#ffffff1a;border-color:#ffffff26}.type-btn-icon{display:flex}.preview-frame-wrapper{width:100%;position:relative}.preview-frame{border:none;width:100%;display:block;position:absolute;top:0;left:0}.preview-frame--hidden{opacity:0;pointer-events:none}.preview-frame--visible{opacity:1;pointer-events:auto}.preview-frame--crossfading{transition:opacity .35s}.widget-description{color:#52525b;text-align:center;font-size:.8125rem}.settings-panel{background:#ffffff08;border:1px solid #ffffff12;border-radius:.875rem;flex-direction:column;gap:.875rem;padding:1rem;display:flex}.settings-label{color:#52525b;margin-bottom:.375rem;font-size:.6875rem;font-weight:600}.settings-row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.settings-group{flex:none}.settings-group--grow{flex:1;min-width:140px}.pill-row{gap:.25rem;display:flex}.pill-btn{color:#71717a;cursor:pointer;background:0 0;border:1px solid #ffffff12;border-radius:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s}.pill-btn--active{color:#fafafa;background:#ffffff1f;border-color:#ffffff26}.toggle-btn{color:#71717a;cursor:pointer;background:0 0;border:1px solid #ffffff12;border-radius:.375rem;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}.toggle-btn--on{color:#1db954;background:#1db95426;border-color:#1db9544d}.toggle-dot{background:#3f3f46;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.toggle-dot--on{background:#1db954}.visibility-btn{color:#e4e4e7;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s}.visibility-btn--hidden{color:#71717a;background:0 0;border-color:#ffffff12}.watermark-btn{height:2rem}.url-row{gap:.5rem;display:flex}.url-display{color:#71717a;text-overflow:ellipsis;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff12;border-radius:.625rem;flex:1;padding:.5rem .75rem;font-family:ui-monospace,SF Mono,monospace;font-size:.8125rem;overflow:hidden}.copy-btn{color:#fafafa;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1a;border-radius:.625rem;flex-shrink:0;padding:0 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.copy-btn--copied{color:#22c55e;background:#22c55e26;border-color:#22c55e4d}.footer-section{flex-direction:column;gap:3rem;width:100%;max-width:520px;margin-top:4rem;display:flex}.section-title{color:#fafafa;margin-bottom:1rem;font-size:1rem;font-weight:700}.accordion{flex-direction:column;display:flex}.accordion-item{border-bottom:1px solid #ffffff0f}.accordion-trigger{color:#e4e4e7;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem 0;font-family:inherit;font-size:.9375rem;font-weight:600;display:flex}.accordion-chevron{color:#52525b;flex-shrink:0;transition:transform .2s}.accordion-chevron--open{transform:rotate(180deg)}.accordion-body{color:#71717a;padding-bottom:1rem;font-size:.875rem;line-height:1.6}.credits-list{flex-direction:column;gap:.625rem;display:flex}.credit-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1rem;text-decoration:none;display:flex}.credit-name{color:#e4e4e7;font-size:.9375rem;font-weight:600}.credit-desc{color:#71717a;margin-top:.125rem;font-size:.8125rem}.credit-arrow{flex-shrink:0}.font-picker{flex:1;position:relative}.font-picker-trigger{color:#e4e4e7;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:.375rem;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.375rem .75rem;font-size:.875rem;transition:border-color .15s;display:flex}.font-picker-trigger:hover{border-color:#ffffff26}.font-picker-selected{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.font-picker-chevron{color:#52525b;flex-shrink:0;transition:transform .15s}.font-picker-chevron--open{transform:rotate(180deg)}.font-picker-dropdown{z-index:50;background:#131315;border:1px solid #ffffff1a;border-radius:.625rem;position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 -8px 32px #00000080}.font-picker-search-wrap{border-bottom:1px solid #ffffff0f;padding:.5rem}.font-picker-search-inner{position:relative}.font-picker-search-icon{position:absolute;top:50%;left:.6rem;transform:translateY(-50%)}.font-picker-search{color:#fafafa;background:#ffffff0f;border:1px solid #ffffff14;border-radius:.375rem;outline:none;width:100%;padding:.375rem .5rem .375rem 2rem;font-size:.8125rem}.font-picker-options{max-height:220px;padding:.25rem;overflow-y:auto}.font-picker-empty{text-align:center;color:#52525b;padding:.75rem;font-size:.8125rem}.font-option{color:#c4c4c8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.375rem;justify-content:space-between;align-items:center;width:100%;padding:.4rem .625rem;font-size:.9375rem;display:flex}.font-option--selected{color:#fff;background:#ffffff14}.font-option-check{flex-shrink:0}.color-input-wrapper{flex:none;position:relative}.color-input-row{align-items:center;gap:.25rem;display:flex}.color-input-trigger{color:#e4e4e7;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:.375rem;align-items:center;gap:.5rem;height:2rem;padding:.375rem .75rem;font-family:ui-monospace,monospace;font-size:.8125rem;display:flex}.color-swatch{border-radius:.2rem;flex-shrink:0;width:12px;height:12px;box-shadow:inset 0 0 0 1px #ffffff26}.color-hash{color:#52525b}.color-auto{color:#3f3f46}.color-reset-btn{color:#52525b;cursor:pointer;background:0 0;border:none;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.9rem;line-height:1;display:flex}.color-popover-anchor{z-index:100;position:absolute;top:calc(100% + 6px);left:0}.color-picker{-webkit-user-select:none;user-select:none;background:#131315;border:1px solid #ffffff1a;border-radius:.75rem;width:224px;padding:.875rem;box-shadow:0 8px 32px #000000b3}.color-gradient{cursor:crosshair;border-radius:.5rem;width:100%;height:140px;position:relative}.color-gradient-cursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0006}.color-hue-slider{cursor:pointer;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:5px;width:100%;height:10px;margin-top:.75rem;position:relative}.color-hue-thumb{pointer-events:none;background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000080}.color-hex-row{align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.color-hex-preview{border-radius:.25rem;flex-shrink:0;width:20px;height:20px;box-shadow:inset 0 0 0 1px #ffffff1a}.color-hex-hash{color:#52525b;font-family:ui-monospace,monospace;font-size:.8125rem}.color-hex-input{color:#e4e4e7;background:#ffffff0f;border:1px solid #ffffff14;border-radius:.25rem;outline:none;flex:1;padding:.3rem .5rem;font-family:ui-monospace,monospace;font-size:.8125rem}.lanyard-link{color:#5865f2;text-underline-offset:2px;text-decoration:underline}
.card{opacity:0;background:#fff;border:1px solid #f4f4f5;border-radius:1rem;width:100%;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:scale(.94);box-shadow:0 1px 2px #0000000d}.card.visible{opacity:1;transform:scale(1)}.card.exiting{opacity:0;transform:scale(.94)}.card-inner{z-index:1;align-items:center;gap:1rem;padding:1rem;display:flex;position:relative;overflow:hidden}.bg-logo{opacity:.08;pointer-events:none;width:8rem;height:8rem;position:absolute;bottom:-1.5rem;right:-1.5rem}.album-art{border-radius:.5rem;flex-shrink:0;width:4rem;height:4rem;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}.album-art img{object-fit:cover;width:100%;height:100%;display:block}.album-art-overlay{pointer-events:none;border:1px solid #0000000d;border-radius:.5rem;position:absolute;inset:0}.info{flex-direction:column;flex:1;min-width:0;display:flex}.song-name{color:#18181b;white-space:nowrap;text-overflow:ellipsis;font-size:1.125rem;font-weight:700;overflow:hidden}.artist-album{color:#71717a;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.progress-wrap{flex-direction:column;gap:.375rem;margin-top:.5rem;display:flex}.timestamps{color:#a1a1aa;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:10px;font-weight:700;display:flex}.blur-bg{z-index:0;display:none;position:absolute;inset:0;overflow:hidden}.blur-bg img{object-fit:cover;filter:blur(40px)saturate(1.8)brightness(.35);width:100%;height:100%;transform:scale(1.4)}body.dark .card{background:#18181b;border-color:#27272a}body.dark .song-name{color:#f4f4f5}body.dark .artist-album{color:#a1a1aa}body.dark .album-art-overlay{border-color:#ffffff0d}body.dark .timestamps{color:#71717a}body.dark .bg-logo{opacity:.12}.card.style-blurred{background:#111!important;border-color:#0000!important}.card.style-blurred .blur-bg{display:block!important}.card.style-blurred .song-name{color:#fff!important}.card.style-blurred .artist-album{color:#ffffffa6!important}.card.style-blurred .timestamps{color:#fff6!important}.card.style-blurred .album-art-overlay{border-color:#ffffff1f!important}.card.style-blurred .bg-logo{color:#fff!important;opacity:.1!important}.card.style-minimal .album-art{display:none!important}.card.style-minimal .song-name{font-size:1.25rem}.card.style-compact .card-inner{gap:.625rem;padding:.5rem .75rem}.card.style-compact .album-art{border-radius:50%!important;width:2.75rem!important;height:2.75rem!important}.card.style-compact .song-name{font-size:.9375rem}.card.style-compact .artist-album{font-size:.8125rem}.card.style-compact .bg-logo{width:5rem;height:5rem}.widget-spotify .bg-logo{color:#1db954}.progress-bg{background:#f4f4f5;border-radius:9999px;width:100%;height:.25rem;overflow:hidden}.progress-fill{background:#1db954;border-radius:9999px;height:100%;transition:width .1s linear}.card.style-blurred .progress-bg{background:#ffffff26!important}.card.style-blurred .progress-fill{background:#ffffffd9!important}.card.style-minimal .bg-logo{bottom:-1rem;right:-1rem}.card.style-compact .progress-wrap{gap:.125rem;margin-top:.25rem}.card.style-compact .timestamps{font-size:9px}body.dark .progress-bg{background:#27272a}.lyrics-section{position:relative;overflow:hidden}.lyrics-blur-bg{z-index:0;pointer-events:none;opacity:.2;position:absolute;inset:0;overflow:hidden}.lyrics-blur-bg img{object-fit:cover;filter:blur(60px)saturate(1.5);width:100%;height:100%;transform:scale(1.5)}.lyrics-body{z-index:1;scrollbar-width:none;max-height:350px;padding:1rem 1.5rem 1.5rem;position:relative;overflow-y:auto}.lyrics-body::-webkit-scrollbar{display:none}.lyrics-inner{flex-direction:column;gap:.75rem;padding:1rem 0;display:flex}.lyric-line{color:#a1a1aa;letter-spacing:-.01em;filter:blur(.4px);opacity:.45;transform-origin:0;font-size:.875rem;font-weight:500;line-height:1.6;transition:color .5s cubic-bezier(.32,.72,0,1),opacity .5s cubic-bezier(.32,.72,0,1),font-size .3s cubic-bezier(.32,.72,0,1),filter .5s cubic-bezier(.32,.72,0,1)}.lyric-line.active{color:#18181b;opacity:1;filter:blur();font-size:1.125rem;font-weight:700}.lyric-line.past{opacity:.35}body.dark .lyrics-blur-bg{opacity:.3}body.dark .lyric-line{color:#52525b}body.dark .lyric-line.active{color:#fff}.widget-discord .bg-logo{color:#5865f2}.avatar-wrap{flex-shrink:0;position:relative}.status-dot{z-index:2;border:2.5px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;bottom:-3px;right:-3px}body.dark .status-dot{border-color:#18181b}.card.style-blurred .status-dot{border-color:#0000!important}.card.style-minimal .avatar-wrap{display:none!important}.widget-activities .bg-logo{color:#f59e0b}.label{color:#1db954;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1px;font-size:.6875rem;font-weight:700}.card.style-blurred .label{color:#ffffff8c!important}.card.style-compact .label{font-size:.5625rem}.activity-icon-fallback{background:#e4e4e7;justify-content:center;align-items:center;width:100%;height:100%;display:flex}