:root{--a:#8b5cf6;--b:#22d3ee;--bg:#070b14;--p:#0e1524;--t:#f4f7ff;--m:#8793a8;--l:rgba(255,255,255,.09)}*{box-sizing:border-box}body{background:radial-gradient(900px 500px at 15% -10%,rgba(139,92,246,.18),transparent 60%),radial-gradient(800px 500px at 95% 5%,rgba(34,211,238,.12),transparent 55%),var(--bg)!important;color:var(--t)!important}.card,.sidebar,.right-card,.composer{background:linear-gradient(145deg,rgba(18,27,45,.9),rgba(9,14,25,.92))!important;border:1px solid var(--l)!important;box-shadow:0 18px 50px rgba(0,0,0,.28)!important;border-radius:24px!important}.icon-btn,.tool,.nav button,.follow{border-radius:14px!important;background:rgba(255,255,255,.04)!important;color:var(--t)!important}.nav .active,.nav .accent,.publish{background:linear-gradient(135deg,var(--a),var(--b))!important;color:#fff!important}.search input,.composer textarea{background:rgba(255,255,255,.045)!important;border:1px solid var(--l)!important;color:var(--t)!important;border-radius:16px!important}
#editProfileDialog{width:min(600px,94vw)!important;max-height:88vh!important;padding:0!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:30px!important;background:linear-gradient(150deg,rgba(17,25,43,.98),rgba(7,12,22,.99))!important;color:#fff!important;box-shadow:0 35px 100px rgba(0,0,0,.72),0 0 80px rgba(139,92,246,.14)!important;overflow:hidden!important}
#editProfileDialog::backdrop{background:rgba(2,6,15,.78);backdrop-filter:blur(12px)}
#editProfileDialog form{margin:0}
#editProfileDialog input,#editProfileDialog textarea{box-sizing:border-box!important;width:100%!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.09)!important;color:#fff!important;border-radius:17px!important;transition:.2s}
#editProfileDialog input:focus,#editProfileDialog textarea:focus{border-color:#8b5cf6!important;box-shadow:0 0 0 3px rgba(139,92,246,.14),0 8px 25px rgba(0,0,0,.18)!important}
#saveEditProfile{background:linear-gradient(135deg,#8b5cf6,#22d3ee)!important;border-radius:16px!important;border:0!important;transition:.2s!important}
#saveEditProfile:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(34,211,238,.22)!important}
#cancelEditProfile{border-radius:16px!important;transition:.2s!important}
#cancelEditProfile:hover{background:rgba(255,255,255,.08)!important}
.milan-edit-dialog{width:min(620px,94vw);padding:0;border:1px solid rgba(255,255,255,.11);border-radius:30px;background:linear-gradient(145deg,#111827,#080d18);color:#fff;box-shadow:0 40px 120px rgba(0,0,0,.7);overflow:hidden}.milan-edit-dialog::backdrop{background:rgba(2,6,14,.78);backdrop-filter:blur(12px)}.milan-edit-form{margin:0}.milan-edit-head{text-align:center;padding:30px 24px 22px;border-bottom:1px solid rgba(255,255,255,.07)}.milan-edit-logo{display:block!important;width:58px!important;height:58px!important;margin:0 auto 14px!important;object-fit:contain!important}.milan-edit-head h2{margin:0;font-size:27px;font-weight:900}.milan-edit-body{padding:24px;display:grid;gap:18px}.milan-photo-card{display:flex;align-items:center;gap:18px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(135deg,rgba(139,92,246,.10),rgba(34,211,238,.05))}.milan-photo{position:relative;display:block;width:92px;height:92px;flex:none;cursor:pointer}.milan-photo img{width:92px;height:92px;display:none;object-fit:cover;border-radius:24px;border:2px solid rgba(255,255,255,.12)}.milan-photo span{position:absolute;right:-5px;bottom:-5px;width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#8b5cf6,#22d3ee);border:2px solid #0b1220}.milan-photo input{display:none}.milan-photo-card b{font-size:15px}.milan-photo-card p{margin:5px 0 10px;color:#8b97aa;font-size:11px}.milan-change{display:inline-block;padding:8px 12px;border-radius:11px;background:rgba(255,255,255,.06);font-size:11px;font-weight:800;cursor:pointer}.milan-field{display:grid;gap:8px;font-size:12px;font-weight:800}.milan-field input,.milan-field textarea{width:100%;box-sizing:border-box;padding:14px 15px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#fff;outline:none;font:inherit;font-weight:500}.milan-field textarea{resize:vertical;min-height:110px}.milan-field input:focus,.milan-field textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.13)}.milan-field small{color:#6f7c90;font-size:10px;font-weight:500}.milan-edit-foot{display:flex;justify-content:flex-end;gap:10px;padding:18px 24px 22px;border-top:1px solid rgba(255,255,255,.07)}.milan-edit-foot button{padding:12px 18px;border-radius:15px;font-weight:900;cursor:pointer;border:1px solid rgba(255,255,255,.09);color:#fff;background:rgba(255,255,255,.05)}#saveEditProfile{min-width:150px;background:linear-gradient(135deg,#8b5cf6,#22d3ee);border:0!important}
@media(max-width:600px){.milan-edit-dialog{width:96vw}.milan-photo-card{align-items:flex-start}.milan-edit-body{padding:18px}.milan-edit-head{padding:24px 18px 20px}.milan-edit-foot{padding:15px 18px 18px}}
.milan-bio-row{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:16px}.milan-bio-row label{font-size:13px;font-weight:900;color:#f4f7ff}.milan-bio-row input{width:100%;height:48px;box-sizing:border-box;padding:0 15px;border-radius:15px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#fff;outline:none}.milan-bio-row input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.13)}@media(max-width:600px){.milan-bio-row{grid-template-columns:1fr;gap:8px}}
.milan-edit-body{gap:0}.milan-bio-row{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:18px;padding:8px 0}.milan-bio-row label{font-size:14px;font-weight:900;color:#f4f7ff}.milan-bio-row input{height:50px;width:100%;padding:0 16px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:#fff;outline:none;font-size:13px;transition:.2s}.milan-bio-row input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.13)}
.milan-bio-row{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important;padding:8px 0!important}.milan-bio-row label{text-align:left!important;justify-self:start!important;font-size:14px!important;font-weight:900!important}.milan-bio-row input{width:100%!important;height:52px!important;display:block!important;box-sizing:border-box!important}
.milan-bio-row::before,.milan-bio-row::after,.milan-bio-row label::before,.milan-bio-row label::after{content:none!important;display:none!important}.milan-bio-row{list-style:none!important}
.milan-edit-head{padding:18px 24px 14px!important}
.milan-edit-logo{height:50px!important;margin:0 auto 8px!important}
.milan-edit-head h2{font-size:24px!important}
.milan-website-row{display:grid;grid-template-columns:1fr;gap:9px;width:100%;padding:8px 0}.milan-website-row label{font-size:14px;font-weight:900;color:#f4f7ff;text-align:left}.milan-website-row input{width:100%;height:52px;box-sizing:border-box;padding:0 16px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:#fff;outline:none;font-size:13px;transition:.2s}.milan-website-row input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.13)}
.milan-edit-body{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important}.milan-bio-row,.milan-website-row{width:100%!important;padding:0!important}.milan-bio-row label,.milan-website-row label{display:block!important;text-align:left!important;margin-bottom:9px!important}.milan-bio-row input,.milan-website-row input{width:100%!important;height:52px!important}
@media(max-width:600px){.milan-edit-body{grid-template-columns:1fr!important}}
.milan-edit-body{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important}.milan-bio-row,.milan-website-row{width:100%!important;padding:0!important}.milan-bio-row label,.milan-website-row label{display:block!important;text-align:left!important;margin-bottom:9px!important}.milan-bio-row input,.milan-website-row input{width:100%!important;height:52px!important}
@media(max-width:600px){.milan-edit-body{grid-template-columns:1fr!important}}
.milan-edit-body{grid-template-columns:1fr 1fr!important;align-items:start!important;column-gap:18px!important}.milan-bio-row,.milan-website-row{display:grid!important;grid-template-rows:auto 52px!important;gap:9px!important;align-self:start!important}.milan-bio-row input,.milan-website-row input{height:52px!important;margin:0!important}
.milan-edit-foot{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important}.milan-edit-foot #cancelEditProfile{margin-right:auto!important}.milan-edit-foot #saveEditProfile{margin-left:auto!important}
.milan-avatar-upload{position:relative;display:inline-block;width:max-content;cursor:pointer}.milan-avatar-upload-icon{position:absolute;right:2px;bottom:2px;width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#8b5cf6,#22d3ee);color:#fff;font-size:14px;font-weight:900;border:2px solid #0b1220;box-shadow:0 6px 18px rgba(0,0,0,.35)}.milan-avatar-upload:hover .milan-avatar-upload-icon{transform:translateY(-1px)}
.milan-avatar-upload{position:relative;display:inline-block;width:max-content;cursor:pointer}.milan-avatar-upload-icon{position:absolute;right:1px;bottom:1px;width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#8b5cf6,#22d3ee);color:#fff;font-size:13px;font-weight:900;border:2px solid #0b1220;box-shadow:0 6px 18px rgba(0,0,0,.35);z-index:2}.milan-avatar-upload input{display:none!important}
.milan-avatar-upload-icon svg{display:block;width:14px;height:14px}.milan-avatar-upload-icon{color:#fff;line-height:0}
.milan-avatar-upload-icon svg{width:15px!important;height:15px!important;stroke-width:2.8!important}
