@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--accent:#c5fc62;color-scheme:dark;font-family:Manrope,Arial,sans-serif;background:#09090c;color:#ededf1}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}header{height:88px;border-bottom:1px solid #242429;display:flex;align-items:center;gap:32px;padding:0 5%}.logo{color:#f3f3f5;text-decoration:none;font-size:25px;font-weight:800;letter-spacing:-1.5px}.logo:first-letter{color:var(--accent)}.logo b{color:#74747e;font-size:19px}nav{display:flex;gap:6px;margin-left:40px}.nav{background:none;color:#82828c;border:0;padding:10px 16px;font-size:14px}.nav.active{color:#eee}.demo-label{margin-left:auto;color:#666670;font:12px monospace;letter-spacing:1px}.primary{background:var(--accent);border:0;color:#10130a;padding:12px 23px;border-radius:7px;font-weight:800;font-size:14px}main{max-width:1500px;margin:auto;padding:40px 5% 0}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.eyebrow{color:var(--accent)!important;font:12px monospace;letter-spacing:2px;margin:0 0 16px}h1{font-size:clamp(26px,3vw,42px);font-weight:800;letter-spacing:-1.7px;margin:0 0 10px}h1 span{color:#74747f}.intro p{color:#8c8c96;font-size:14px;margin-bottom:0}.url-pill{border:1px solid #303036;border-radius:8px;padding:16px 22px;font:14px monospace;display:flex;gap:8px}.url-pill span{color:#757580}.url-pill strong{color:var(--accent);max-width:210px;overflow:hidden;text-overflow:ellipsis}.workspace{display:grid;grid-template-columns:340px 1fr;gap:26px}aside{background:#111115;border:1px solid #2a2a31;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.panel-head{display:flex;justify-content:space-between;padding:24px 22px;font-size:14px;font-weight:700}.tiny{color:#5d5d69;font:12px monospace}.tabs{display:flex;border-bottom:1px solid #292930;padding:0 20px;gap:20px}.tab{padding:12px 0 15px;background:none;border:0;border-bottom:2px solid transparent;color:#7e7e89;font-size:14px}.tab.active{border-color:var(--accent);color:var(--accent)}.settings{padding:24px 22px;flex:1}label{display:block;font-size:14px;color:#bcbcc5;margin-bottom:21px}input,textarea,select{display:block;width:100%;border:1px solid #303039;background:#19191f;color:#eee;border-radius:7px;padding:12px 13px;margin-top:9px;font-size:14px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{min-height:95px;resize:vertical;line-height:1.6}small,.note{font-size:12px;color:#7d7d89;line-height:1.7}small{display:block;margin-top:8px}.note{margin:0}.panel-foot{border-top:1px solid #292930;display:flex;justify-content:space-between;padding:20px 22px;font:10px monospace;color:#737380;letter-spacing:1px}.panel-foot span:last-child{font-size:20px;color:var(--accent)}.preview-toolbar{height:45px;display:flex;justify-content:space-between;align-items:flex-start;color:#9696a1;font-size:12px}.preview-toolbar>span{padding-top:7px}.preview-toolbar i{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:8px}.preview-toolbar>div{display:flex;gap:8px}.preview-toolbar button{background:none;border:1px solid #2b2b33;color:#94949f;border-radius:5px;padding:5px 10px;font-size:12px}.preview-toolbar .device{font-size:16px;padding:3px 10px}.device.active{color:var(--accent);background:#1c2116}.stage{min-height:570px;position:relative;overflow:hidden;border:1px solid #32343a;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#0e1010;isolation:isolate;transition:width .3s;background-image:radial-gradient(ellipse at 45% 40%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 60%)}.orbit-ring{position:absolute;width:640px;height:640px;border:1px solid color-mix(in srgb,var(--accent) 16%,transparent);border-radius:50%;transform:rotateX(65deg) rotate(-30deg);z-index:-1;box-shadow:0 0 55px color-mix(in srgb,var(--accent) 4%,transparent)}.r2{width:850px;height:850px;transform:rotateX(65deg) rotate(35deg)}.orbit .r1{animation:orbit 18s linear infinite}.orbit .r2{animation:orbit 25s linear infinite reverse}@keyframes orbit{to{transform:rotateX(65deg) rotate(330deg)}}.coordinate{position:absolute;left:25px;top:23px;font:10px/1.8 monospace;color:#626e5b;letter-spacing:1px}.scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#0002 4px);z-index:2;opacity:.5}.card{width:330px;margin:65px 25px 55px;padding:22px 27px 18px;background:#121514e8;border:1px solid #414c34;border-radius:18px;box-shadow:0 25px 80px #0008;text-align:center;backdrop-filter:blur(14px);z-index:1}.card-top,.card-bottom{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1.6px;color:#7b8772}.card-top span:last-child{font-size:18px;color:var(--accent)}.avatar{width:86px;height:86px;display:grid;place-items:center;margin:22px auto 18px;background:linear-gradient(140deg,var(--accent),#1b2614);box-shadow:0 0 35px color-mix(in srgb,var(--accent) 13%,transparent);border:3px solid #282e22;border-radius:50%;font-size:35px;font-weight:800;color:#141a0f}h2{font-size:29px;letter-spacing:-1px;margin:0;overflow-wrap:anywhere}.handle{font:12px monospace;color:var(--accent);margin-top:7px}.bio{font-size:13px;line-height:1.8;color:#a2a99d;white-space:pre-line;margin:21px 0;overflow-wrap:anywhere}.socials{display:flex;justify-content:center;gap:10px;margin-bottom:24px}.socials a{width:42px;height:42px;border:1px solid #384030;border-radius:9px;display:grid;place-items:center;color:#c5ccb9;text-decoration:none;font-size:18px;background:#1d221a}.socials a:hover{color:var(--accent);border-color:var(--accent)}.sound{border:1px solid #343c2b;border-radius:9px;padding:12px 9px;display:flex;align-items:center;gap:10px;text-align:left;background:#1a2016}.sound button{border:0;background:var(--accent);color:#13190d;width:30px;height:30px;border-radius:50%;font-size:12px}.sound strong{display:block;font-size:12px}.sound span{display:block;font-size:9px;color:#89917e;margin-top:4px}.bars{display:flex;align-items:center;gap:3px;margin-left:auto;height:22px}.bars i{width:3px;height:8px;background:var(--accent)}.bars i:nth-child(2n){height:18px}.playing .bars i{animation:wave .7s infinite alternate}.playing .bars i:nth-child(2n){animation-delay:.4s}@keyframes wave{to{height:3px}}.card-bottom{margin-top:23px;padding-top:14px;border-top:1px solid #2b3325;font-size:8px}.stage-bottom{position:absolute;bottom:20px;left:25px;right:25px;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:2px;color:#66705f}.preview-caption{display:flex;justify-content:space-between;margin-top:17px;font-size:12px;color:#82828e}.preview-caption span:last-child{font:10px monospace;letter-spacing:1px;color:#53535e}footer{display:flex;justify-content:space-between;gap:20px;margin:35px 0 22px;padding-top:22px;border-top:1px solid #242429;color:#676773;font-size:11px}footer span:last-child{font:10px monospace;letter-spacing:1px}.swatches{display:flex;gap:12px;margin:-5px 0 25px}.swatches button{width:38px;height:38px;border-radius:50%;background:var(--swatch);border:4px solid #111115}.swatches button.selected{outline:1px solid var(--swatch)}.toggle{display:flex;align-items:center;justify-content:space-between}.toggle input{width:18px;height:18px;accent-color:var(--accent);margin:0}.hidden{display:none!important}.grid{background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:35px 35px}.grid .orbit-ring,.quiet .orbit-ring{display:none}.quiet{background:#0e1010}.stage.mobile{width:360px;max-width:100%;margin:auto}.stage.mobile .coordinate{font-size:8px}.stage.mobile .card{width:290px;padding:20px}.sharp .card{border-radius:2px}.still .orbit-ring{animation:none}.no-scan .scanlines{display:none}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(100px);transition:transform .3s;background:var(--accent);color:#151a10;padding:15px 24px;border-radius:9px;font-size:14px;z-index:10;max-width:90%;text-align:center}#toast.show{transform:translateX(-50%) translateY(0)}body.viewer header,body.viewer .intro,body.viewer aside,body.viewer .preview-toolbar,body.viewer .preview-caption,body.viewer footer{display:none}body.viewer main{padding:0;max-width:none}body.viewer .workspace{display:block}body.viewer .stage{min-height:100dvh;border:0;border-radius:0;width:100%}#back{position:fixed;top:20px;right:20px;z-index:5;border:1px solid #4c5143;background:#111c;color:#eee;border-radius:8px;padding:12px;font-size:13px}@media(max-width:950px){.workspace{grid-template-columns:290px 1fr}.card{width:290px;padding:22px}.demo-label{display:none}header{gap:20px}nav{margin-left:auto}.intro{gap:20px}h1 span{display:block}.preview-toolbar #fullscreen{font-size:0}.preview-toolbar #fullscreen:after{content:'↗';font-size:15px}}@media(max-width:700px){header{height:74px;padding:0 20px;gap:10px}.logo{font-size:22px}.logo b{font-size:16px}.nav{padding:8px;font-size:12px}.primary{padding:10px 12px;font-size:12px}main{padding:28px 20px 0}.intro{display:block;margin-bottom:25px}.url-pill{margin-top:20px;width:fit-content;padding:11px 15px}.workspace{display:flex;flex-direction:column-reverse;gap:24px}.stage{min-height:540px}.preview-caption span:last-child{display:none}.settings{padding:22px}.panel-foot{display:none}footer{flex-wrap:wrap;font-size:10px}footer span:nth-child(2){order:3;width:100%}body.viewer .card{margin:70px 20px}body.viewer #back{top:15px;right:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.avatar{overflow:hidden;background:#19191f}.avatar img{display:block;width:100%;height:100%;object-fit:cover}.remove-avatar{background:none;border:1px solid #393942;color:#bcbcc5;padding:9px 13px;border-radius:6px;font-size:13px;margin:-8px 0 20px}input[type=file]{font-size:12px;padding:10px}input[type=file]::file-selector-button{background:var(--accent);color:#151a10;border:0;border-radius:4px;padding:7px 9px;margin-right:8px;cursor:pointer}

.music-player{width:100%;margin-top:16px;text-align:left}.music-player iframe{display:block;width:100%;border:0;border-radius:10px;background:#19191f}.music-player a{display:inline-block;color:var(--accent);font-size:12px;margin-top:10px;text-decoration:none}.music-player small{font-size:11px;line-height:1.6}#musicError{color:#ff9292}.card{width:370px;max-width:calc(100% - 40px)}@media(max-width:950px){.card{width:350px;padding:20px}.preview-section{min-width:0}}@media(max-width:700px){.card{width:350px}.stage.mobile .card{width:320px}}

.music-player .sound{margin:0;padding:12px 10px}.track-info{flex:1;min-width:0}.track-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound button{flex-shrink:0}.music-player iframe{margin-top:12px;min-width:200px}.music-player a{font-size:11px;color:#89917e}

.custom-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;pointer-events:none}.stage.has-background{background:#101010}.stage.effects-off{background-image:none}.effects-off .orbit-ring,.effects-off .scanlines{display:none}.effects-off .card{box-shadow:none;backdrop-filter:none;border-color:#343438;background:#121215e8}.effects-off .avatar{box-shadow:none}.no-decor .coordinate,.no-decor .stage-bottom,.no-decor .card-top,.no-decor .card-bottom{display:none}.sync-button{width:100%;margin-top:12px;border:1px solid #414c34;background:#1a2016;color:var(--accent);padding:10px;border-radius:7px;font-size:12px}.sync-button:disabled{opacity:.45;cursor:default}#playbackStatus{color:#b9b9c3;font-size:11px}.settings>small{margin-bottom:20px}#localAudio{display:none}

#musicFrame.background-audio{display:none}

.playback-settings{margin-bottom:25px;border-bottom:1px solid #303039;padding-bottom:20px}.playback-settings .toggle{margin:18px 0 5px}input[role=switch]{appearance:none;width:36px;height:20px;background:#41414c;border-radius:20px;position:relative;border:0;padding:0;cursor:pointer}input[role=switch]:before{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#eee;transition:left .15s}input[role=switch]:checked{background:var(--accent)}input[role=switch]:checked:before{left:19px;background:#111}#volumeControl{display:none;position:fixed;right:24px;bottom:24px;z-index:20}body.viewer #volumeControl{display:block}#volumeToggle{width:46px;height:46px;border-radius:50%;border:1px solid #4b5142;color:var(--accent);background:#111e;font-size:23px}#volumePanel{position:absolute;right:0;bottom:60px;width:230px;padding:18px;background:#141419f5;border:1px solid #42424b;border-radius:12px}#volumePanel label{margin:0;font-size:13px;display:flex;justify-content:space-between}#profileVolume{padding:0;accent-color:var(--accent);border:0}#muteVolume{margin-top:14px;background:none;border:0;color:var(--accent);font-size:12px}#autoplayStart{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:19;border:1px solid #424c31;border-radius:9px;padding:13px 18px;color:#151b0d;background:var(--accent);font-size:13px}#autoplayStart.hidden{display:none}

.stage .card{background:rgb(18 21 20 / var(--card-opacity,.91));backdrop-filter:blur(var(--card-blur,14px));border-color:rgb(65 76 52 / var(--card-edge-opacity,1));box-shadow:0 25px 80px rgb(0 0 0 / calc(var(--card-opacity,.91) * .55))}.stage.effects-off .card{background:rgb(18 18 21 / var(--card-opacity,.91));border-color:rgb(52 52 56 / var(--card-edge-opacity,1));backdrop-filter:none;box-shadow:none}.opacity-label output{float:right;color:var(--accent)}#profileTransparency{padding:0;accent-color:var(--accent);border:0}

.auto-save-header{font-size:12px;color:#85858f}#playbackStatus:empty{display:none}@media(max-width:700px){.auto-save-header{font-size:10px}}

.frame-settings{border:0;border-top:1px solid #303039;margin:24px 0;padding:20px 0}.frame-settings legend{font-size:14px;color:#d5d5de;padding:0 8px 0 0}.frame-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.frame-choice{border:1px solid #303039;background:#19191f;color:#aaaab6;border-radius:8px;padding:12px 3px 8px;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:10px;min-height:88px}.frame-choice[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#20251b}.avatar,.frame-sample{--frame-color:#c5fc62;--frame-width:3px;position:relative;border:0;overflow:visible;isolation:isolate;box-shadow:none}.avatar img{border-radius:50%;position:relative;z-index:1}.frame-sample{display:block;width:32px;height:32px;background:#383841;border-radius:50%;--frame-width:2px}.avatar:before,.frame-sample:before{content:'';position:absolute;inset:calc(-1 * var(--frame-width));border:var(--frame-width) solid var(--frame-color);border-radius:50%;pointer-events:none;z-index:2}.avatar:after,.frame-sample:after{content:'';position:absolute;inset:-8px;border-radius:50%;pointer-events:none;z-index:2} [data-frame=none]:before,[data-frame=none]:after{display:none}[data-frame=double]:before{outline:1px solid var(--frame-color);outline-offset:4px}[data-frame=dashed]:before{border-style:dashed}[data-frame=chrome]:before{border-color:#d8e3f2 #495866 #fff #697788;box-shadow:0 0 0 1px #888}[data-frame=neon]:before{box-shadow:0 0 10px var(--frame-color),inset 0 0 8px var(--frame-color)}[data-frame=rgb]:before,[data-frame=sakura]:before,[data-frame=inferno]:before{border:0;padding:var(--frame-width);background:conic-gradient(#ff5b9c,#9977ff,#50ddff,#bcff61,#ff5b9c);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;animation:frame-spin 5s linear infinite}[data-frame=sakura]:before{background:conic-gradient(#ff8fbd,#fff0f5,#d08cff,#ff8fbd);animation-duration:10s;filter:drop-shadow(0 0 4px #ffaacb)}[data-frame=inferno]:before{background:conic-gradient(#ff4e17,#ffdc62,#a91a48,#ff4e17);animation-duration:3s}[data-frame=glitch]:before{border-color:#7dffff;box-shadow:4px 0 0 #ff59bd,-4px 0 0 #5a71ff;animation:frame-glitch 2.5s steps(1) infinite}[data-frame=pixel]:before{border-radius:15%;border-style:dotted;box-shadow:3px 3px 0 #101017}[data-frame=aura]:before{box-shadow:0 0 14px var(--frame-color),0 0 30px color-mix(in srgb,var(--frame-color) 40%,transparent);animation:frame-pulse 2s ease-in-out infinite}[data-frame=aura]:after{border:1px dashed var(--frame-color);animation:frame-spin 15s linear infinite}[data-frame=tech]:before{border-style:dashed;border-width:calc(var(--frame-width) + 1px);border-color:var(--frame-color) transparent;animation:frame-spin 7s linear infinite}[data-frame=tech]:after{inset:-10px;border:1px solid var(--frame-color);border-color:transparent var(--frame-color)}.frame-still:before,.frame-still:after{animation:none!important}#frameColor{height:42px;padding:5px}#frameWidth{padding:0;accent-color:var(--accent)}@keyframes frame-spin{to{transform:rotate(360deg)}}@keyframes frame-pulse{50%{box-shadow:0 0 5px var(--frame-color),0 0 12px var(--frame-color)}}@keyframes frame-glitch{5%{transform:translate(2px,-1px)}8%{transform:translate(-2px,1px)}11%{transform:none}}

#entrance{position:fixed;inset:0;z-index:100;background:#050507;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}#entrance:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#c5fc6210,transparent 55%);pointer-events:none}.intro-brand{position:absolute;text-align:center;animation:brand-arrive 2.8s both}.intro-mark{font-size:100px;font-weight:800;line-height:1;color:var(--accent);letter-spacing:-8px;text-shadow:0 0 40px #c5fc6230}.intro-wordmark{font-size:38px;letter-spacing:-2px;font-weight:800;margin-top:12px}.intro-wordmark span{display:inline-block;color:#111;background:var(--accent);padding:1px 8px;border-radius:5px;margin-left:5px}.intro-line{height:2px;width:160px;margin:24px auto 0;background:var(--accent);transform-origin:left;animation:brand-line 2.4s ease both}#revealProfile{visibility:hidden;opacity:0;border:0;background:none;color:#eee;font-weight:700;font-size:16px;padding:30px;cursor:pointer;transition:opacity .4s}.reveal-ready .intro-brand{display:none}.reveal-ready #revealProfile{visibility:visible;opacity:1}#revealProfile:disabled{color:#73737d;cursor:wait}.entrance-caption{position:absolute;bottom:35px;color:#4a4a55;font:10px monospace;letter-spacing:3px}@keyframes brand-arrive{0%{opacity:0;transform:scale(.85);filter:blur(12px)}20%,75%{opacity:1;transform:scale(1);filter:blur(0)}100%{opacity:0;transform:scale(1.04)}}@keyframes brand-line{0%{transform:scaleX(0)}80%,100%{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.intro-brand{animation:none!important}.intro-line{animation:none!important}}body:has(#entrance:not(.hidden)){overflow:hidden}


#displayName{position:relative;isolation:isolate;color:var(--nick-color,#ededf1);font-size:var(--nick-size,29px);line-height:1.4;padding:6px 0;white-space:normal;text-wrap:balance}#displayName[data-font=unbounded]{font-family:Unbounded,Manrope,sans-serif}#displayName[data-font=mono]{font-family:Consolas,monospace;letter-spacing:0}#displayName[data-font=serif]{font-family:Georgia,serif;font-weight:700}#displayName[data-effect=glow]{text-shadow:0 0 8px var(--nick-color),0 0 22px var(--nick-color)}#displayName[data-effect=rainbow]{background:linear-gradient(90deg,#ff8bcb,#b99bff,#66ddff,#c5fc62,#ff8bcb);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:nick-flow 5s linear infinite}#displayName[data-effect=glitch]{text-shadow:2px 0 #ff6cbb,-2px 0 #74eaff;animation:nick-glitch 3s steps(1) infinite}#displayName[data-effect=sparkles]:before,#displayName[data-effect=sparkles]:after{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 12% 23%,#ddc6ff 0 1px,transparent 2px),radial-gradient(circle at 34% 76%,#b582ff 0 1.5px,transparent 3px),radial-gradient(circle at 56% 15%,#e6d7ff 0 1px,transparent 3px),radial-gradient(circle at 79% 81%,#ab79ff 0 2px,transparent 3px),radial-gradient(circle at 91% 32%,#dcc5ff 0 1px,transparent 3px);filter:drop-shadow(0 0 3px #b580ff);animation:nick-sparkle 1.6s ease-in-out infinite alternate}#displayName[data-effect=sparkles]:after{transform:rotate(180deg);animation-delay:.8s}#displayName[data-effect=sparkles]{text-shadow:0 0 12px #b084ff50}@keyframes nick-sparkle{0%{opacity:.15}100%{opacity:1}}@keyframes nick-flow{to{background-position:250% 0}}@keyframes nick-glitch{6%{transform:translateX(1px)}8%{transform:translateX(-1px)}10%{transform:none}}
.music-player{--player-color:#c5fc62;--player-opacity:.9}.music-player .sound{background:rgb(26 32 22 / var(--player-opacity));border-color:color-mix(in srgb,var(--player-color) 25%,transparent)}.music-player .sound button{background:var(--player-color)}.music-player .bars i{background:var(--player-color)}.player-cover{width:40px;height:40px;flex-shrink:0;background:#ffffff0c;border:1px solid #ffffff12;border-radius:50%;overflow:hidden;display:grid;place-items:center;color:var(--player-color);font-size:18px}.player-cover img{width:100%;height:100%;object-fit:cover}.player-timeline{display:flex;align-items:center;gap:9px;margin:10px 3px 0;font-size:10px;color:#a8abb0;font-variant-numeric:tabular-nums}.player-timeline input{width:100%;padding:0;margin:0;border:0;accent-color:var(--player-color);height:14px}.player-timeline span{flex-shrink:0}.music-player[data-theme=reference] .sound{background:transparent;border:0;padding:3px 0}.music-player[data-theme=reference] .player-cover{width:52px;height:52px}.music-player[data-theme=reference] .sound button{order:3;background:transparent;color:var(--player-color);font-size:19px}.music-player[data-theme=reference] .bars{display:none}.music-player[data-theme=reference] .track-info strong{font-size:14px}.music-player[data-theme=reference] .player-timeline{margin-top:0}.music-player[data-theme=glass] .sound{background:rgb(255 255 255 / calc(var(--player-opacity) * .13));backdrop-filter:blur(15px);border-color:#ffffff25}.music-player[data-theme=neon] .sound{border:1px solid var(--player-color);box-shadow:0 0 14px color-mix(in srgb,var(--player-color) 20%,transparent)}.music-player[data-theme=retro] .sound{font-family:Consolas,monospace;border-radius:0;border-style:dashed}.music-player[data-theme=retro] .sound strong{color:var(--player-color)}.music-player[data-theme=retro] .sound button{border-radius:0}#nickColor,#playerColor{height:42px;padding:5px}#nickSize,#playerTransparency{padding:0;accent-color:var(--accent)}

.track-info span:empty{display:none}

.socials svg{display:block;width:22px;height:22px;flex-shrink:0}.socials:empty{display:none}.socials a{transition:color .15s,border-color .15s,background .15s}.socials a:hover{background:#28301f}

body.visitor #back,body.visitor #autoplayStart.hidden{display:none!important}.owner-edit{position:fixed;top:18px;right:20px;z-index:20;background:#141a10;border:1px solid #536c31;border-radius:10px;padding:10px 16px;color:#c5fc62;font:14px system-ui;text-decoration:none}body:not(.visitor) .owner-edit{display:none}

#youtubeToggle{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--player-color,#c5fc62) 12%,transparent);border:1px solid color-mix(in srgb,var(--player-color,#c5fc62) 35%,transparent)}#youtubeToggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}#youtubeToggle:hover{filter:brightness(1.2)}

.track-seek-rail{position:relative;flex:1;min-width:0;height:18px;display:flex;align-items:center}.player-timeline #trackSeek{appearance:none;-webkit-appearance:none;background:transparent;height:18px;outline:none;cursor:pointer}.player-timeline #trackSeek::-webkit-slider-runnable-track{height:3px;border-radius:9px;background:linear-gradient(to right,var(--player-color) 0 var(--seek-progress,0%),#ffffff38 var(--seek-progress,0%) 100%)}.player-timeline #trackSeek::-moz-range-track{height:3px;border-radius:9px;background:#ffffff38}.player-timeline #trackSeek::-moz-range-progress{height:3px;background:var(--player-color)}.player-timeline #trackSeek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4.5px;background:transparent;border:0}.player-timeline #trackSeek::-moz-range-thumb{width:12px;height:12px;background:transparent;border:0}#trackSeekThumb{position:absolute;left:0;top:50%;width:12px;height:12px;min-width:12px;max-width:12px;border-radius:50%;background:var(--player-color,#c5fc62);pointer-events:none;will-change:transform;animation:none!important;transition:none!important;box-shadow:none;contain:layout paint}#trackSeekThumb[hidden]{display:none}.track-seek-rail:focus-within{outline:1px solid var(--player-color);outline-offset:4px;border-radius:8px}

/* Keep a visible loading state; never fade the entire entrance to black. */
#entrance .intro-brand{position:relative;animation:entry-appear .25s ease-out both}#entrance #revealProfile{visibility:visible;opacity:1;padding:24px;margin-top:12px;transition:none}#entrance .intro-line{animation:brand-line .6s ease both}@keyframes entry-appear{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:none}}