:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#f8edf0;background:#120c10}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:#ff9da8}.shell{max-width:1200px;margin:auto;display:grid;grid-template-columns:220px minmax(0,1fr) 270px;gap:22px;padding:22px}.brand{display:flex;align-items:center;gap:8px;font-weight:900;font-size:29px;letter-spacing:-1.6px}.brand span{color:#ffa5af}.muted{color:#c7aab3}.small{font-size:12px}.sidebar,.aside{position:sticky;top:20px;align-self:start}.nav{display:flex;flex-direction:column;gap:8px;margin-top:30px}.nav button{border:0;text-align:left;background:transparent;color:#dcc1c9;padding:13px 14px;border-radius:12px;font-weight:650}.nav button.active,.nav button:hover{background:#49222e;color:#ffa5af}.panel{background:#201319;border:1px solid #482933;border-radius:17px;padding:20px;margin-bottom:17px}.hero{background:linear-gradient(130deg,#562334,#2a1720 65%);padding:26px}.hero h1{font-size:30px;line-height:1.12;margin:12px 0}.tag{display:inline-block;border:1px solid #965468;color:#ffc0c7;border-radius:30px;padding:5px 10px;font-size:11px;font-weight:700}.btn{background:#ffa5af;color:#2a1018;border:0;border-radius:10px;padding:11px 16px;font-weight:800}.btn.secondary{background:#4b2532;color:#fae6eb}.btn.ghost{background:transparent;color:#ffc0c7;border:1px solid #9b596b}.btn:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.field{background:#170e13;color:#f8edf0;border:1px solid #8e5363;border-radius:10px;padding:12px;width:100%;outline:none}.field:focus{border-color:#ffa5af}textarea.field{min-height:105px;resize:vertical}.stack{display:grid;gap:12px}.post h3{font-size:17px;margin:9px 0}.post p{line-height:1.6;white-space:pre-wrap}.pill{border:1px solid #704350;border-radius:20px;padding:5px 9px;font-size:12px;color:#e8b9c3}.action{background:none;border:0;color:#d2aeb8;padding:8px 10px;border-radius:8px}.action:hover{background:#4b2532;color:#ffa5af}.action.liked{color:#ffa5af}.divider{border:0;border-top:1px solid #52303c;margin:16px 0}.comment{border-left:2px solid #9b596b;padding:5px 12px;margin:9px 0;color:#e9cbd2}.stat{font-size:26px;font-weight:800;color:#ffa5af}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{background:#2c1922;border:1px solid #5c3544;border-radius:12px;padding:15px}.notice{border-left:3px solid #ffa5af;padding:10px 13px;background:#39202a;color:#f1c9d1;font-size:13px}.footer{font-size:11px;color:#b99ca7;margin-top:18px}.topmobile{display:none}.error{color:#fba6a6}.success{color:#7ae6b5}.hidden{display:none!important}@media(max-width:1020px){.shell{grid-template-columns:190px 1fr}.aside{display:none}}@media(max-width:680px){.shell{display:block;padding:12px;padding-bottom:82px}.sidebar{position:static}.sidebar .nav{position:fixed;bottom:0;left:0;right:0;z-index:5;display:flex;flex-direction:row;justify-content:space-around;margin:0;padding:8px;background:#22141b;border-top:1px solid #57313f}.nav button{font-size:11px;padding:10px 6px}.sidebar>.muted,.sidebar>.footer{display:none}.brand{font-size:25px;margin-bottom:14px}.hero h1{font-size:25px}.grid2{grid-template-columns:1fr}.panel{padding:16px}}
.nav a{display:block;text-decoration:none;color:#dcc1c9;padding:12px 14px;border-radius:12px;font-weight:650}
.nav a:hover{background:#2b465f;color:#c8f2fa}
.nav a[aria-current="page"]{background:#1c3147;color:#a5e9f5}
.section-gap{margin-top:16px}.account p{margin-bottom:8px}.post{overflow-wrap:anywhere}
label{display:grid;gap:6px}button:focus-visible,a:focus-visible{outline:2px solid #ffa5af;outline-offset:3px}
dialog.panel{width:min(calc(100% - 24px),520px);max-height:calc(100% - 24px);color:inherit;margin:auto}
dialog::backdrop{background:#10060bd9}dialog .error:empty{display:none}#notice:empty{display:none}
@media(max-width:680px){.nav a{font-size:12px;padding:10px 5px}.account{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px}.account p{margin:0}}

.profile-avatar{border-radius:50%;object-fit:cover;flex:none}

.account-handle{margin:0 0 8px;overflow-wrap:anywhere;min-width:0}
.profile-avatar-button{padding:0;border:0;border-radius:50%;background:transparent;flex:none}
.profile-avatar-button img{display:block}
.avatar-editor{min-width:0;border:1px solid #704350;border-radius:12px;padding:12px}
.avatar-crop,.avatar-preview{display:block;width:min(100%,256px);height:auto;aspect-ratio:1;margin:0 auto;border-radius:12px}
.avatar-preview{width:min(100%,384px)}
.avatar-editor input[type=range]{accent-color:#ffa5af;width:100%}
@media(max-width:680px){.account-handle{margin:0}}
dialog:has(.avatar-editor){overflow:auto}

.avatar-crop{cursor:grab;touch-action:none}
.avatar-crop.dragging{cursor:grabbing}
.avatar-drag-hint{margin:0;text-align:center}
.avatar-editor summary{cursor:pointer}