:root{--bg:#070707;--panel:#0e0e0f;--panel2:#141416;--line:#28282b;--text:#f6f6f6;--muted:#8d8d93;--pink:#ff8fbd;--pink2:#ffb8d5;--danger:#ff6a6a}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% 0,rgba(255,143,189,.08),transparent 32%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.topbar{width:min(1180px,calc(100% - 32px));margin:auto;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar nav{display:flex;align-items:center;gap:12px;color:#aaa;font-size:14px}.brand{font-size:20px;font-weight:900;letter-spacing:-.04em}.brand::first-letter{color:var(--pink)}.nav-btn,.btn{border:1px solid var(--line);background:#111;color:#fff;border-radius:12px;padding:10px 14px;cursor:pointer;transition:.18s}.btn:hover,.nav-btn:hover{border-color:#555;transform:translateY(-1px)}.btn.primary{background:#fff;color:#090909;border-color:#fff;font-weight:800}.btn.big{padding:13px 18px}.btn.danger{border-color:#572c2c;color:#ff9696;background:#140a0a}.home{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:50px 16px 90px}.hero{text-align:center;max-width:980px}.hero-badge,.eyebrow{font:800 11px/1 ui-monospace,monospace;letter-spacing:.16em;color:var(--pink);text-transform:uppercase}.hero h1{font-size:clamp(54px,9vw,108px);line-height:.88;letter-spacing:-.075em;margin:22px 0}.hero h1 span{color:#8f8f96}.hero p{max-width:650px;margin:0 auto;color:#aaa;font-size:18px;line-height:1.65}.hero p strong{color:#fff}.hero-actions{display:flex;justify-content:center;gap:10px;margin-top:28px;flex-wrap:wrap}.mock-profile{width:min(390px,100%);margin:55px auto 0;padding:24px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,#121214,#0b0b0c);box-shadow:0 24px 80px #000;display:grid;gap:10px}.mock-avatar{width:68px;height:68px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#f5f5f5;color:#111;font-size:26px;font-weight:900}.mock-profile>span{font-size:12px;color:#777}.mock-profile i{display:block;height:48px;border:1px solid #29292c;background:#151517;border-radius:14px}.auth-shell{min-height:100vh;display:grid;place-content:center;gap:20px;padding:30px}.auth-shell>.brand{text-align:center}.card{background:rgba(14,14,15,.94);border:1px solid var(--line);border-radius:22px;box-shadow:0 28px 90px rgba(0,0,0,.4)}.auth-card{width:min(430px,calc(100vw - 30px));padding:28px}.auth-card h1,.editor-card h1,.editor-card h2{margin:0 0 8px;letter-spacing:-.04em}.auth-card label,.form-grid label{display:grid;gap:7px;margin-top:16px;font-size:13px;font-weight:700;color:#ccc}.auth-card input,.form-grid input,.form-grid textarea,.link-add input{width:100%;border:1px solid #2b2b2f;background:#09090a;color:#fff;border-radius:12px;padding:12px;outline:none}.auth-card input:focus,.form-grid input:focus,.form-grid textarea:focus,.link-add input:focus{border-color:var(--pink)}.auth-card .btn{width:100%;margin-top:20px}.muted{color:var(--muted)}.center{text-align:center}.alert,.success{padding:11px 12px;border-radius:12px;margin:16px 0;font-size:13px}.alert{background:#240e0e;border:1px solid #542727;color:#ffb2b2}.success{background:#0e2014;border:1px solid #275638;color:#b8ffd0}.editor-wrap{width:min(1040px,calc(100% - 30px));margin:28px auto 70px;display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.editor-card{padding:24px}.split-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.split-head h1{font-size:32px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1/-1}.form-grid textarea{resize:vertical}.link-add{display:grid;grid-template-columns:.7fr 1.5fr auto;gap:8px;margin-top:18px}.link-list{display:grid;gap:8px;margin-top:16px}.edit-link{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #242427;padding:12px;border-radius:13px;background:#0a0a0b}.edit-link div{min-width:0}.edit-link strong,.edit-link span{display:block}.edit-link span{color:#777;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.profile-body{background:var(--pbg);color:var(--ptext)}.profile-shell{min-height:100vh;display:grid;place-items:center;padding:40px 16px}.public-card{width:min(520px,100%);text-align:center}.avatar{width:108px;height:108px;object-fit:cover;border-radius:50%;border:2px solid color-mix(in srgb,var(--paccent) 80%,white);box-shadow:0 0 34px color-mix(in srgb,var(--paccent) 22%,transparent)}.avatar.fallback{margin:auto;display:grid;place-items:center;background:var(--paccent);color:#090909;font-size:38px;font-weight:900}.public-card h1{font-size:38px;letter-spacing:-.05em;margin:18px 0 2px}.handle{margin:0;color:color-mix(in srgb,var(--ptext) 55%,transparent);font-size:14px}.bio{line-height:1.6;opacity:.78;max-width:430px;margin:18px auto}.public-links{display:grid;gap:10px;margin-top:26px}.public-links a{display:flex;justify-content:space-between;align-items:center;border:1px solid color-mix(in srgb,var(--ptext) 18%,transparent);background:color-mix(in srgb,var(--ptext) 5%,transparent);padding:15px 17px;border-radius:15px;font-weight:750;transition:.18s}.public-links a:hover{border-color:var(--paccent);transform:translateY(-2px)}.powered{display:inline-block;margin-top:28px;font-size:12px;opacity:.45}@media(max-width:780px){.editor-wrap{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.link-add{grid-template-columns:1fr}.split-head{flex-direction:column}.topbar{min-height:64px}.hero h1{font-size:clamp(50px,17vw,78px)}}

/* Biolink editor session + color picker improvements */
.session-user{color:#777;font-size:12px}.session-user strong{color:#ddd}.color-field{align-content:start}.color-control{display:flex;align-items:center;gap:10px;border:1px solid #2b2b2f;background:#09090a;border-radius:12px;padding:7px 10px;min-height:52px}.form-grid .color-control input[type=color]{appearance:none;-webkit-appearance:none;width:42px;height:36px;min-width:42px;padding:0;border:0;background:transparent;border-radius:9px;overflow:hidden;cursor:pointer}.form-grid .color-control input[type=color]::-webkit-color-swatch-wrapper{padding:0}.form-grid .color-control input[type=color]::-webkit-color-swatch{border:1px solid #3a3a3f;border-radius:8px}.form-grid .color-control input[type=color]::-moz-color-swatch{border:1px solid #3a3a3f;border-radius:8px}.color-value{font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#b7b7bc;letter-spacing:.04em}.color-preview{min-height:82px;border:2px solid var(--pink);border-radius:15px;padding:15px 16px;display:flex;align-items:center;gap:12px;transition:background .12s,color .12s,border-color .12s}.color-preview .preview-dot{width:28px;height:28px;border-radius:50%;flex:0 0 28px;box-shadow:0 0 20px rgba(255,255,255,.12)}.color-preview strong,.color-preview small{display:block}.color-preview small{margin-top:4px;opacity:.68;font-size:11px}@media(max-width:780px){.session-user{display:none}}

/* particles + uploads */
.settings-block{border:1px solid #29292f;border-radius:14px;padding:16px;display:grid;gap:14px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.toggle-row small{display:block;color:#9696a2;margin-top:4px}.switch{position:relative;width:52px;height:30px;flex:0 0 auto}.switch input{position:absolute;opacity:0;pointer-events:none}.switch span{position:absolute;inset:0;border:1px solid #34343b;border-radius:999px;background:#17171a;cursor:pointer;transition:.2s}.switch span:after{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+span{background:var(--pink,#ff8fbd);border-color:var(--pink,#ff8fbd)}.switch input:checked+span:after{transform:translateX(22px)}
.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.media-panel{border:1px solid #29292f;border-radius:16px;padding:16px;background:#0c0c0f}.media-panel h3{margin:0 0 10px}.upload-form{display:grid;gap:10px;margin:14px 0}.upload-form input[type=file]{width:100%;border:1px dashed #36363e;border-radius:12px;padding:12px;background:#0a0a0d;color:#cfcfd8}.particle-file-preview{display:flex;align-items:center;gap:12px;margin:12px 0}.particle-file-preview img{width:54px;height:54px;object-fit:contain;border-radius:12px;border:1px solid #303038;background:#050507}.file-name{font-size:12px;color:#a9a9b2;word-break:break-all}.media-panel audio,.profile-audio audio{width:100%}.profile-audio{margin:18px 0 2px;width:100%}
.particle-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.particle-layer img{position:absolute;bottom:-80px;height:auto;object-fit:contain;animation:bandzParticleFloat linear infinite;will-change:transform}.profile-shell{position:relative;z-index:1}@keyframes bandzParticleFloat{0%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(var(--drift),-55vh,0) rotate(180deg)}100%{transform:translate3d(calc(var(--drift) * -.35),-115vh,0) rotate(360deg)}}
@media(max-width:760px){.media-grid{grid-template-columns:1fr}}


/* compact profile audio + uploaded background */
.profile-body.has-bg-image{background-color:var(--pbg);background-image:linear-gradient(rgba(0,0,0,.24),rgba(0,0,0,.24)),var(--pbgimg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}.custom-audio{display:inline-flex;align-items:center;gap:9px;margin:18px auto 4px;padding:7px 11px 7px 7px;border:1px solid color-mix(in srgb,var(--ptext) 18%,transparent);background:color-mix(in srgb,var(--pbg) 72%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:999px;width:auto}.custom-audio audio{display:none}.audio-toggle{width:38px;height:38px;border-radius:50%;border:1px solid color-mix(in srgb,var(--paccent) 65%,white);background:var(--paccent);color:#090909;display:grid;place-items:center;cursor:pointer;font-weight:900;padding:0;transition:transform .15s,filter .15s}.audio-toggle:hover{transform:scale(1.05);filter:brightness(1.05)}.audio-toggle:focus-visible{outline:2px solid var(--ptext);outline-offset:3px}.audio-icon{line-height:1;font-size:14px}.pause-icon{display:none;font-size:15px;letter-spacing:-2px;transform:translateX(-1px)}.audio-toggle.is-playing .play-icon{display:none}.audio-toggle.is-playing .pause-icon{display:inline}.audio-label{font-size:12px;font-weight:750;opacity:.78;white-space:nowrap}.background-file-preview{margin:12px 0;border:1px solid #2d2d34;border-radius:13px;overflow:hidden;background:#070709}.background-file-preview img{display:block;width:100%;height:120px;object-fit:cover}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.profile-body.has-bg-image{background-attachment:scroll}.media-grid{grid-template-columns:1fr}}

/* Particle size controls */
.range-field{display:flex;flex-direction:column;gap:8px;margin-top:14px}.range-field>span{font-variant-numeric:tabular-nums}.range-field input[type="range"]{width:100%;accent-color:var(--accent,#ff8fbd)}.particle-size-demo{min-height:112px;margin-top:12px;border:1px dashed #303036;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0b0b0d}.particle-size-demo img{object-fit:contain;max-width:100px;max-height:100px}.particle-size-demo span{display:flex;align-items:center;justify-content:center;line-height:1}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}@media(max-width:720px){.two-col{grid-template-columns:1fr}}