.sound-picker{margin:16px 0}.sound-open{width:100%;min-height:46px;text-align:right;background:#292331;color:#e7caf4;border:1px solid #b67ac44d}.sound-panel{background:#1c1b22;border:1px solid #ffffff16;border-radius:16px;padding:16px;margin:12px 0}.sound-panel[hidden],.sound-selected[hidden]{display:none}.sound-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.sound-heading h3{margin:0;font-size:18px}.sound-close{min-width:40px;min-height:40px;font-size:22px;padding:0}.sound-tabs{display:flex;gap:8px;margin:14px 0}.sound-tabs button{flex:1;font-size:12px;min-height:42px;background:transparent;border:1px solid #ffffff15}.sound-tabs button[aria-pressed=true]{border-color:#cfabeb;color:#e7caf4;background:#b67ac415}.sound-row{display:flex;align-items:center;gap:8px;padding:14px 0;border-bottom:1px solid #ffffff12}.sound-row>span{display:grid;flex:1;min-width:0;gap:4px}.sound-row strong{font-size:13px;overflow-wrap:anywhere}.sound-row small{font-size:10px;color:#aaa4b4}.sound-row button{padding:8px;min-width:36px;min-height:40px;font-size:12px}.sound-row button[data-save]{font-size:20px;background:transparent;color:#e8c086}.sound-upload{margin-top:18px}.sound-upload summary{cursor:pointer;padding:12px 0;color:#e7caf4}.sound-upload>small{display:block;color:#aaa4b4;font-size:11px}.sound-check{display:flex;align-items:start;gap:10px;font-size:11px;line-height:1.8}.sound-check input{width:20px;height:20px;flex-shrink:0;margin-top:2px}.sound-error{color:#ffb3a4;font-size:12px}.sound-error:empty{display:none}.sound-empty{color:#aaa4b4;padding:18px 0;font-size:12px}.sound-selected{padding:16px;margin-top:12px;border-radius:14px;background:#b67ac40b;border:1px solid #b67ac433}.sound-selected strong{font-size:13px;color:#e7caf4}.sound-selected label{font-size:12px}.sound-selected input[type=range]{padding:0;accent-color:#d4a9e4;border:0;min-height:32px}.sound-selected output{float:left;color:#c7b6d1}.sound-selected>small{display:block;font-size:10px;color:#aaa4b4;margin-top:10px}.sound-clear{font-size:11px;background:transparent;padding:7px}.sound-entry-title{font-size:17px}.capture-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0}.capture-controls span{font-size:11px;color:#bcb3c5}.profile-tabs button{min-width:0;padding:12px 6px;font-size:12px}.post-sound-button{background:transparent;padding:0;min-height:36px;font-size:inherit;text-align:right;color:inherit}.post-sound-button:hover{background:transparent;color:#e7caf4}

.profile-search[hidden]{display:none}.sound-upload-status{font-size:12px;color:#c7de98}

/* Compact profile with the portrait opposite identity and follower data. */
body[data-view=profile] .topbar{gap:12px;margin-bottom:24px}body[data-view=profile] .topbar .eyebrow{display:none}body[data-view=profile] .topbar h1{font-size:23px;line-height:1.5;letter-spacing:-.5px;margin:0}.profile-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.profile-toolbar .icon-button{width:40px;height:40px;min-width:40px;padding:9px;background:transparent;border-color:transparent}.profile-toolbar .icon-button:hover{background:#ffffff0a}.profile-toolbar .icon-button svg{width:21px;height:21px}.profile-overview{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:start;gap:24px;padding:4px 0 26px}.profile-portrait{padding-top:4px}.profile-portrait .avatar{width:88px;height:88px;font-size:35px;background:linear-gradient(145deg,#e6b594,#99634d);border:3px solid #282125;box-shadow:0 0 0 1px #ffffff1b}.profile-details{min-width:0}.profile-details h2{font-size:23px;line-height:1.4;margin:0 0 5px;overflow-wrap:anywhere;letter-spacing:-.3px}.profile-handle{font-size:12px;line-height:1.5;color:#aaa6ae;margin:0 0 6px;text-align:right;overflow-wrap:anywhere}.profile-location{display:flex;align-items:center;gap:4px;margin:0;color:#95919c;font-size:11px}.profile-location svg{width:13px;height:13px}.profile-counts{display:flex;gap:25px;margin-top:15px}.profile-counts button{display:grid;gap:1px;justify-items:start;text-align:right;padding:0;background:transparent;border-radius:0;min-height:44px}.profile-counts strong{font-size:16px;line-height:1.3;font-variant-numeric:tabular-nums}.profile-counts span{color:#a6a1ae;font-size:11px}.profile-icon-tabs{margin-bottom:18px}.profile-icon-tabs button{display:grid;place-items:center;position:relative;min-height:54px;padding:13px 8px!important;border-bottom:0!important}.profile-icon-tabs button[aria-pressed=true]:after{content:"";position:absolute;bottom:-1px;width:40px;height:2px;border-radius:2px;background:var(--accent)}.profile-icon-tabs button svg{width:23px;height:23px}.profile-icon-tabs button[aria-pressed=true]{color:#f3f0f5}.profile-search{font-size:11px;color:#aaa6ae}.profile-search input{margin-top:5px;font-size:12px}.sidebar .nav-button[data-nav=profile] span{white-space:nowrap}@media(max-width:700px){.profile-overview{grid-template-columns:78px minmax(0,1fr);gap:22px}.profile-portrait .avatar{width:78px;height:78px;font-size:31px}.profile-details h2{font-size:21px}.profile-counts{gap:22px}.profile-counts strong{font-size:15px}.sidebar .nav-button[data-nav=profile] span{font-size:9px}body[data-view=profile] .main{padding-top:20px}}@media(max-width:340px){.profile-overview{gap:16px;grid-template-columns:70px minmax(0,1fr)}.profile-portrait .avatar{width:70px;height:70px}.profile-toolbar{gap:1px}body[data-view=profile] .topbar h1{font-size:21px}}
