:root{--font-sans:"DM Sans", Arial, sans-serif;--font-mono:"IBM Plex Mono", monospace}.profile-page{color:#f1f2f9;min-height:100dvh;font:400 14px/1.6 var(--font-sans);isolation:isolate;background:#090e1c;position:relative;overflow:hidden}.profile-page *{box-sizing:border-box}.profile-page button,.profile-page input{font:inherit}.profile-page button{cursor:pointer;color:inherit;background:0 0;border:0}.profile-page a{color:inherit}.profile-page :is(button,a,input):focus-visible{outline:2px solid var(--readable-accent);outline-offset:4px}.atmosphere{z-index:-2;position:absolute;inset:0;overflow:hidden}.gradient-field,.background-media{object-fit:cover;width:calc(100% + 60px);height:calc(100% + 60px);filter:blur(var(--background-blur));transform:translate(calc(var(--pointer-x) * -.5), calc(var(--pointer-y) * -.5));position:absolute;inset:-30px}.gradient-field{background:radial-gradient(ellipse at 24% 18%, var(--bg-b), transparent 50%), radial-gradient(ellipse at 79% 75%, var(--bg-c), transparent 55%), var(--bg-a);background-size:140% 140%;animation:22s ease-in-out infinite alternate room-light}.background-dim{opacity:var(--background-dim);background:#000;position:absolute;inset:0}.film-grain{opacity:var(--grain);pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23g)'/%3E%3C/svg%3E");position:absolute;inset:0}.particle-field{pointer-events:none;position:absolute;inset:0}.particle-field i{background:#d5d9ed;border-radius:50%;width:2px;height:2px;animation:12s ease-in-out infinite alternate dust;position:absolute;box-shadow:0 0 12px #d5d9ed}.particle-field i:nth-child(3n){width:3px;height:3px}.profile-stage{pointer-events:none;justify-content:center;align-items:center;min-height:100dvh;padding:80px 24px;display:flex;position:relative}.profile-card{pointer-events:auto;width:420px;max-width:100%;transform:translate(var(--pointer-x), var(--pointer-y));-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);color:#f1f2f9;background:#101626e6;border:1px solid #d5d8ed38;border-radius:26px;transition:transform .4s;position:relative;box-shadow:0 26px 100px #0005}.card-content{text-align:center;flex-direction:column;align-items:center;gap:0;padding:38px 30px 28px;display:flex}.profile-card.floats .card-content{animation:7s ease-in-out infinite float-room}.avatar-button{border-radius:50%;flex-shrink:0;place-items:center;width:94px;height:94px;margin:0 0 20px;padding:0;display:grid;position:relative;background:#24293c!important}.avatar-button:disabled{cursor:default}.avatar-button img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.avatar-button>span{color:#f1f2f9;font-size:44px;font-weight:500}.avatar-ring{border:1px solid var(--accent);border-radius:inherit;box-shadow:0 0 var(--glow) var(--accent);pointer-events:none;position:absolute;inset:-4px}.profile-name{letter-spacing:-.045em;overflow-wrap:anywhere;max-width:100%;color:inherit;margin:0 0 13px;font-size:38px;font-weight:600;line-height:1.2}.profile-bio{white-space:pre-wrap;overflow-wrap:anywhere;color:#e2e4ef;max-width:310px;margin:0;font-size:14px;line-height:1.8}.profile-meta{color:#c7cadd;overflow-wrap:anywhere;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;max-width:100%;margin:17px 0 0;font-size:12px;line-height:1.7;display:flex}.location-line{align-items:center;gap:5px;display:flex}.location-line>svg{flex-shrink:0}.link-row{flex-wrap:wrap;justify-content:center;gap:12px;margin:25px 0 28px;display:flex}.link-row a,.link-row button{color:#edf0fa;background:#1a2033;border:1px solid #abb0cc55;border-radius:13px;place-items:center;width:42px;height:42px;transition:transform .2s;display:grid}.link-row a:hover{background:#2f3750;transform:translateY(-4px)}.link-row .add-link{font-size:24px}.mini-player{text-align:left;color:#f1f2f9;background:#131a2bea;border:1px solid #adb4d038;border-radius:14px;width:100%;max-width:340px;padding:15px}.player-top{align-items:center;gap:12px;display:flex}.cover-button,.cover-placeholder{border-radius:7px;flex-shrink:0;place-items:center;width:44px;height:44px;padding:0;display:grid;overflow:hidden;background:#293247!important}.cover-button img{object-fit:cover;width:100%;height:100%}.player-top>div{flex-direction:column;flex:1;min-width:0;display:flex}.player-kicker{color:#c7cadd;font-size:12px;line-height:1.6}.track-name{overflow-wrap:anywhere;font-size:14px;font-weight:500;line-height:1.6}.player-edit{font-size:18px}.mini-player audio{display:none}.player-controls{align-items:center;gap:10px;margin-top:14px;display:flex}.play-button{border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid;border:1px solid #8b95b7!important}.pause-icon,.play-button[data-playing=true] .play-icon{display:none}.play-button[data-playing=true] .pause-icon{display:block}.seek-control{flex:1;min-width:30px}.mini-player input[type=range]{accent-color:var(--readable-accent);cursor:pointer;width:100%;min-width:0;height:16px;padding:0;display:block}.player-time{font:400 12px var(--font-mono);color:#d2d6e8;white-space:nowrap}.player-bottom{color:#c7cadd;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font-size:12px;display:flex}.volume-control{flex-shrink:0;align-items:center;gap:7px;width:82px;display:flex}.volume-control input{width:60px!important}.track-list{border-top:1px solid #adb4d038;flex-direction:column;gap:4px;margin-top:13px;padding-top:8px;display:flex}.track-list[hidden]{display:none}.track-list button{text-align:left;color:#d2d6e8;border-radius:4px;padding:5px 4px;font-size:12px}.track-list button[aria-current=true]{color:#fff;background:#31394f}.audio-error{color:#f1d6d6;margin:12px 0 0;font-size:12px;line-height:1.7}.empty-music{border-radius:10px;width:100%;padding:14px;color:#d5d8e9!important;border:1px dashed #909ab6!important;font-size:13px!important}.enter-screen{z-index:15;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a1024ec;place-items:center;display:grid;position:absolute;inset:0}.enter-screen[hidden]{display:none}.enter-screen button{color:#edf0ff;background:#101a30;border:1px solid #8290b6;border-radius:16px;padding:30px 40px;font-size:24px}.enter-screen button span{color:#c7cadd;margin-top:10px;font-size:12px;display:block}.terminal-bar{font:400 12px var(--font-mono);color:#c8ebd8;border-bottom:1px solid #72b092;justify-content:space-between;gap:12px;padding:14px 20px;display:flex}.skin-terminal{font-family:var(--font-mono);background:#071b14f5;border:1px solid #83c9a3;border-radius:0;box-shadow:8px 8px #0005}.skin-terminal .avatar-button{border-radius:0;width:68px;height:68px;background:#163127!important}.skin-terminal .profile-name{font-family:var(--font-mono);letter-spacing:-.04em;font-size:30px}.skin-terminal .profile-bio{font-family:var(--font-mono);color:#def0e3;font-size:13px}.skin-terminal .profile-meta{color:#bddeca}.skin-terminal .link-row a,.skin-terminal .link-row button{color:#e4faec;background:#173127;border-color:#72b092;border-radius:0}.skin-terminal .mini-player{color:#ecf7ef;background:#0c261c;border-color:#72b092;border-radius:0}.skin-terminal .mini-player :is(.player-kicker,.player-bottom,.player-time),.skin-terminal .track-list button{color:#c4e5d1}.skin-terminal .track-list button[aria-current=true]{color:#fff;background:#254737}.skin-terminal .cover-button{border-radius:0}.skin-terminal .card-content{padding-top:28px}.skin-polaroid{color:#22251f;transform:translate(var(--pointer-x), var(--pointer-y)) rotate(-1.5deg);background:#f4efdf;border:12px solid #f4efdf;border-radius:2px;box-shadow:5px 12px 45px #0007}.skin-polaroid .card-content{padding:8px 12px 20px}.skin-polaroid .avatar-button{border-radius:0;width:100%;height:180px;background:#354440!important}.skin-polaroid .avatar-ring{box-shadow:none;border:0;inset:0}.skin-polaroid .profile-name{font-family:var(--font-mono);margin-top:4px;font-size:29px}.skin-polaroid .profile-bio{color:#373c32}.skin-polaroid .profile-meta{color:#55594d}.skin-polaroid .link-row a,.skin-polaroid .link-row button{color:#252b21;background:#e8e2d1;border:1px solid #848779;border-radius:50%}.skin-polaroid .mini-player{color:#252b21;background:#e8e2d1;border-color:#848779;border-radius:3px}.skin-polaroid .mini-player :is(.player-kicker,.player-bottom,.player-time){color:#53594b}.skin-polaroid .cover-placeholder{color:#fff;background:#6c7668!important}.skin-polaroid .track-list button{color:#343a2f}.skin-polaroid .track-list button[aria-current=true]{color:#20271e;background:#d0c8b3}.skin-polaroid .empty-music{color:#343a2f!important;border-color:#848779!important}.skin-polaroid .play-button{border-color:#6c7668!important}.skin-neon{border:2px solid var(--accent);box-shadow:0 0 26px #0008, 0 0 50px color-mix(in srgb, var(--accent) 22%, transparent);clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));background:#151121;border-radius:12px}.skin-neon .profile-name{text-shadow:0 0 18px var(--accent)}.skin-neon .link-row a,.skin-neon .link-row button{border-color:var(--accent);background:#251b37;border-radius:3px}.skin-neon .mini-player{background:#221930;border-color:#b7a4cc;border-radius:3px}.skin-floating{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}.skin-floating :is(.profile-name,.profile-bio,.profile-meta){background:#091120ed;border-radius:8px;padding:6px 12px}.skin-floating .profile-name{font-size:43px}.skin-floating .avatar-button{margin-bottom:25px}.effect-shimmer{text-shadow:0 0 22px var(--accent);animation:4s ease-in-out infinite alternate name-light}.effect-typewriter{clip-path:inset(0);animation:3s steps(18,end) name-type}.effect-typewriter:after{content:"_";color:var(--readable-accent);animation:1s step-end infinite blink}.effect-glitch{position:relative}.effect-glitch:after{content:attr(data-name);color:inherit;text-shadow:2px 0 #af9aff,-2px 0 #97dfff;clip-path:inset(80% 0 0);pointer-events:none;animation:6s step-end infinite name-glitch;position:absolute;inset:0}.effect-sparkle:after{content:"✧";color:var(--readable-accent);margin-left:8px;font-size:19px;animation:3s ease-in-out infinite sparkle;position:absolute}.background-edit{z-index:0;position:absolute;inset:0}.profile-stage{z-index:1}.card-edit{z-index:3;border-radius:6px;padding:5px;position:absolute;top:10px;right:14px;color:inherit!important;background:#111827!important;font-size:12px!important}.skin-polaroid .card-edit{color:#252b21!important;background:#e8e2d1!important}.skin-terminal .card-edit{top:52px}.profile-page [contenteditable=true]{cursor:text;outline:0;min-width:30px;max-width:100%}.profile-page [contenteditable=true]:focus{outline:2px solid var(--readable-accent);outline-offset:4px}.profile-page [contenteditable=true]:hover{box-shadow:0 1px 0 var(--readable-accent)}.custom-cursor{z-index:100;pointer-events:none;background:#090e1c;border:1px solid #fff;border-radius:50%;width:12px;height:12px;position:fixed;transform:translate(-50%,-50%)}.custom-cursor[hidden]{display:none}.cursor-crosshair .custom-cursor{background:0 0;border-radius:0;width:22px;height:22px}.cursor-crosshair .custom-cursor:before,.cursor-crosshair .custom-cursor:after{content:"";background:#fff;position:absolute;box-shadow:0 0 2px #000}.cursor-crosshair .custom-cursor:before{width:1px;height:30px;top:-5px;left:10px}.cursor-crosshair .custom-cursor:after{width:30px;height:1px;top:10px;left:-5px}.cursor-trail{pointer-events:none;z-index:90;position:fixed;inset:0}.cursor-trail i{background:#e7deff;border-radius:50%;width:5px;height:5px;animation:.65s forwards trail-away;position:absolute;box-shadow:0 0 8px #cec1ff}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.exported-profile{background:#090e1c;margin:0}@keyframes room-light{to{background-position:80%}}@keyframes dust{to{opacity:.25;transform:translate(15px,-70px)}}@keyframes float-room{50%{transform:translateY(-7px)}}@keyframes name-light{to{text-shadow:0 0 28px var(--accent), 0 0 5px #ffffff60}}@keyframes name-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes blink{50%{visibility:hidden}}@keyframes name-glitch{0%,92%,to{clip-path:inset(80% 0 0);transform:none}93%{clip-path:inset(25% 0 50%);transform:translate(-3px)}95%{clip-path:inset(60% 0 20%);transform:translate(3px)}}@keyframes sparkle{50%{transform:translateY(-7px)rotate(30deg)}}@keyframes trail-away{to{opacity:0;transform:scale(.2)}}@media (width<=600px){.profile-stage{padding:80px 20px}.card-content{padding:32px 24px 24px}.profile-name{font-size:34px}.skin-polaroid .card-content{padding:8px 6px 20px}.skin-polaroid .avatar-button{height:145px}.skin-terminal .card-content{padding:28px 22px 24px}.skin-floating .card-content{padding:26px 12px}.skin-floating .profile-name{font-size:38px}.skin-polaroid .profile-name{font-size:26px}.player-time{font-size:12px}.mini-player{padding:13px}.player-controls{gap:7px}.enter-screen button{max-width:calc(100vw - 40px);font-size:22px}}@media (prefers-reduced-motion:reduce){.profile-page *,.profile-page :before,.profile-page :after{transition:none!important;animation:none!important}.custom-cursor,.cursor-trail{display:none!important}.profile-card,.gradient-field,.background-media{transform:none!important}}@media (pointer:fine) and (prefers-reduced-motion:no-preference){.cursor-dot,.cursor-crosshair,.cursor-dot .profile-stage,.cursor-crosshair .profile-stage,.cursor-dot :is(a,button),.cursor-crosshair :is(a,button){cursor:none}}.skin-polaroid .audio-error{color:#843049}.avatar-button img{min-width:0;min-height:0;position:absolute;inset:0}.mini-player input[type=range]{background:0 0;border:0;border-radius:0}