.admin-page{min-width:0;max-width:1120px;margin:0 auto;padding:24px}.admin-page>header{justify-content:space-between;align-items:center;gap:14px;display:flex}.admin-page h1{margin:4px 0 18px;font-size:26px}.admin-page h2{margin:0 0 14px;font-size:17px}.admin-controls{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;display:flex}.admin-controls select{border:1px solid var(--echo-border-color);background:var(--echo-surface);color:inherit;border-radius:8px;padding:8px 10px}.admin-note{color:var(--echo-muted);margin:12px 0 18px;font-size:13px;line-height:1.8}.admin-metrics{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px;display:grid}.admin-metrics article{background:var(--echo-surface);border:1px solid var(--echo-border-color);border-radius:12px;gap:12px;padding:16px;display:grid}.admin-metrics span{color:var(--echo-muted);font-size:13px}.admin-metrics strong{font-size:28px}.admin-section{background:var(--echo-surface);border:1px solid var(--echo-border-color);border-radius:12px;min-width:0;margin:18px 0;padding:18px}.admin-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.admin-columns .admin-section{margin:0}.admin-table-wrap{overflow-x:auto}.admin-page table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.admin-page th,.admin-page td{border-bottom:1px solid var(--echo-border-color);overflow-wrap:anywhere;padding:10px 8px}.admin-page td:not(:first-child),.admin-page th:not(:first-child){text-align:right;white-space:nowrap}.admin-page small{color:var(--echo-muted)}@media (width<=650px){.admin-page{padding:16px 10px}.admin-columns{grid-template-columns:1fr}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-section{padding:12px}}.admin-page>header>a{color:var(--echo-blue);white-space:nowrap;font-size:13px;text-decoration:none}.admin-page>header>a:hover{text-decoration:underline}.music-tag-picker{flex-direction:column;gap:8px;min-width:0;display:flex}.music-tag-picker>label{font-weight:700}.music-tag-picker small{color:var(--text-muted,var(--echo-muted));line-height:1.5}.music-tag-input-row{align-items:center;gap:8px;min-width:0;display:flex}.music-tag-input-row input{flex:1;width:0;min-width:0}.music-tag-input-row>button{flex:none}.music-tag-selected,.music-tag-options{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.music-tag-picker .echo-action{white-space:normal;overflow-wrap:anywhere;text-align:left;max-width:100%}.music-tag-dropdown{border:1px solid var(--border,var(--echo-border-color));overscroll-behavior:contain;background:var(--surface,var(--echo-surface));border-radius:16px;flex-direction:column;gap:10px;max-height:260px;padding:12px;display:flex;overflow-y:auto}.music-tag-options [aria-selected=true],.music-tag-options .is-active{background:var(--accent-soft,var(--echo-soft));border-color:var(--accent,var(--echo-blue))}.music-tag-picker input:focus-visible,.music-tag-picker button:focus-visible{outline:2px solid var(--accent,var(--echo-blue));outline-offset:2px}.playlists-page{min-width:0;padding:18px}.playlists-header{border:var(--echo-border-width,2px) solid var(--echo-border-color,var(--echo-border-color));border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.playlists-header h1{overflow-wrap:anywhere;margin:0;font-size:24px}.playlist-buttons,.playlist-tabs,.playlist-privacy{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.playlist-tabs{margin:18px 0}.playlist-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0;display:grid}.playlist-summary,.playlist-form{border:var(--echo-border-width,2px) solid var(--echo-border-color,var(--echo-border-color));background:var(--echo-surface);border-radius:18px;min-width:0}.playlist-summary{flex-direction:column;display:flex;overflow:hidden}.playlist-open-link{color:var(--echo-ink);border-radius:16px;flex-direction:column;flex:1;gap:10px;padding:18px;text-decoration:none;transition:background-color .15s;display:flex}.playlist-open-link h2{overflow-wrap:anywhere;margin:0;font-size:19px;font-weight:800}.playlist-open-link p{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.playlist-summary>a.playlist-open-link:hover{background:var(--echo-soft);color:var(--echo-ink);text-decoration:none}.playlist-summary>a.playlist-open-link:focus-visible{outline:3px solid var(--echo-blue);outline-offset:-4px}.playlist-summary>.playlist-buttons{margin:auto 18px 18px}.playlist-summary>.form-error{margin:0 18px 18px}.playlist-form{gap:16px;margin:16px 0;padding:18px;display:grid}.playlist-form h2{margin:0;font-size:18px}.playlist-form label{gap:8px;font-weight:800;display:grid}.playlist-form input,.playlist-form textarea{box-sizing:border-box;border:var(--echo-border-width,2px) solid var(--echo-border-color,var(--echo-border-color));width:100%;min-width:0;font:inherit;background:var(--echo-surface);border-radius:12px;padding:10px 12px}.playlist-form textarea{resize:vertical;min-height:92px}.playlist-privacy small{color:var(--echo-muted);flex-basis:100%}.playlist-back{margin-bottom:14px}.playlist-description{white-space:pre-wrap;overflow-wrap:anywhere;padding:0 18px}.playlist-field-help,.playlist-empty{color:var(--echo-muted);line-height:1.6}.playlist-form .playlist-field-help{margin:-8px 0 0;font-size:13px}@media (width<=650px){.playlists-page{padding:12px}.playlists-header{flex-wrap:wrap;padding:14px}.playlist-library-grid{grid-template-columns:minmax(0,1fr)}}button.echo-action,a.echo-action{border:var(--echo-border-width,2px) solid var(--echo-border-color);background:var(--echo-surface);min-height:36px;color:var(--echo-ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:800;line-height:1.35;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}button.echo-action:hover:not(:disabled),a.echo-action:hover,button.echo-action[aria-pressed=true]{background:var(--echo-soft);border-color:var(--echo-blue);color:var(--echo-ink);text-decoration:none}.echo-action:focus-visible{outline:3px solid var(--echo-blue);outline-offset:3px}button.echo-action.primary-action{background:var(--echo-strong);color:var(--echo-on-strong);border-color:var(--echo-border-color)}button.echo-action.primary-action:hover:not(:disabled){background:var(--echo-blue);color:var(--echo-on-strong);border-color:var(--echo-blue)}button.echo-action:disabled{opacity:.5;cursor:not-allowed}.messages-page{padding:18px}.messages-page-header{border:2px solid var(--echo-border-color);border-radius:18px;margin-bottom:16px;padding:16px 18px}.messages-page-header h1{margin:0;font-size:22px}.messages-layout{grid-template-columns:minmax(200px,.8fr) minmax(0,1.8fr);align-items:start;gap:14px;display:grid}.conversation-list{gap:10px;min-width:0;max-height:76vh;padding:2px;display:grid;overflow-y:auto}.conversation-list>p{padding:12px;line-height:1.6}.conversation-link{border:2px solid var(--echo-border-color);color:inherit;border-radius:16px;align-items:center;gap:10px;min-width:0;padding:12px;text-decoration:none;display:flex}.conversation-link.selected{border-color:var(--echo-blue);background:var(--echo-soft)}.conversation-link>.avatar{flex:0 0 36px;width:36px;height:36px}.conversation-preview{flex:1;gap:4px;min-width:0;display:grid}.conversation-preview strong{overflow-wrap:anywhere}.conversation-preview small{color:var(--echo-muted);overflow-wrap:anywhere}.conversation-preview>span{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.message-thread,.messages-empty{border:2px solid var(--echo-border-color);background:var(--echo-surface);border-radius:18px;min-width:0}.messages-empty{padding:24px}.message-thread{flex-direction:column;min-height:500px;max-height:80vh;display:flex;overflow:hidden}.message-thread-header{border-bottom:2px solid var(--echo-border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px;display:flex}.message-thread-header .person-name-link{overflow-wrap:anywhere;min-width:0}.message-thread-header small{color:var(--echo-muted);margin-top:4px;font-weight:400;display:block}.message-thread-header .message-back{display:none}.message-thread>.form-error{margin:8px}.message-history{flex-direction:column;flex:1;gap:12px;min-height:180px;padding:16px;display:flex;overflow-y:auto}.direct-message{border:2px solid var(--echo-border-color);background:var(--echo-soft);border-radius:16px;align-self:flex-start;min-width:100px;max-width:88%;padding:12px}.direct-message.own{background:var(--echo-soft);align-self:flex-end}.direct-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 8px;line-height:1.6}.message-meta,.message-actions{color:var(--echo-muted);flex-wrap:wrap;gap:8px;font-size:11px;display:flex}.message-actions{justify-content:flex-end;margin-top:8px}.message-compose{border-top:2px solid var(--echo-border-color);gap:8px;padding:12px;display:grid}.message-compose textarea,.message-edit textarea{resize:vertical;border:2px solid var(--echo-border-color);width:100%;min-height:76px;max-height:160px;font:inherit;box-sizing:border-box;border-radius:12px;padding:10px}.message-compose>div,.message-edit>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.message-compose>div{justify-content:flex-end}.message-unread-badge{border-radius:12px;flex:none;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.message-nav-icon{position:relative}.message-nav-icon>.message-unread-badge{position:absolute;top:-8px;right:-12px}.message-shortcut{z-index:40;border:2px solid var(--echo-border-color);background:var(--echo-strong);color:var(--echo-on-strong);border-radius:24px;align-items:center;gap:8px;padding:12px 18px;font-weight:800;text-decoration:none;display:flex;position:fixed;bottom:82px;right:18px}@media (width<=760px){.messages-page{padding:12px}.messages-layout{grid-template-columns:minmax(0,1fr)}.messages-layout.has-conversation>.conversation-list,.messages-layout:not(.has-conversation)>.messages-empty{display:none}.message-thread-header .message-back{font-size:12px;display:inline-flex}.message-thread{min-height:65vh;max-height:82vh}.message-shortcut{padding:10px 14px;bottom:74px;right:12px}}.echo-unread-badge{color:#fff;background:#1d9bf0}.official-badge{border:1px solid var(--echo-border-color);background:var(--echo-soft);color:var(--echo-blue);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:3px 8px;font-size:12px;font-weight:700;line-height:1.4;display:inline-flex}.official-import-modal{overscroll-behavior:contain;width:min(780px,100vw - 24px);max-height:calc(100dvh - 32px);overflow-y:auto}.official-import-hint{font-size:14px;line-height:1.7}.official-import-toolbar{flex-wrap:wrap;align-items:end;gap:12px;margin:18px 0;display:flex}.official-file-label{flex:240px;gap:8px;min-width:0;display:grid}.official-file-label input{width:100%;min-width:0}.official-filename{overflow-wrap:anywhere}.official-import-list{gap:16px;margin:20px 0;display:grid}.official-import-row{border:2px solid var(--echo-border-color);border-radius:16px;min-width:0;padding:16px}.official-row-heading{overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-bottom:12px;display:flex}.official-row-heading>span{color:var(--echo-muted);font-size:13px}.official-import-fields{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;margin:0;padding:0;display:grid}.official-import-fields label{gap:5px;min-width:0;font-size:13px;font-weight:700;display:grid}.official-import-fields input,.official-import-fields textarea{box-sizing:border-box;border:2px solid var(--echo-border-color);background:var(--echo-surface);width:100%;min-width:0;font:inherit;resize:vertical;border-radius:10px;padding:9px 10px}.official-full-field{grid-column:1/-1}.official-review-check{cursor:pointer;align-items:center;gap:10px;margin-top:14px;font-size:14px;line-height:1.6;display:flex}.official-review-check input{flex:none;width:20px;height:20px}.official-import-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.official-import-actions>span{flex:100%;font-size:13px}.official-context-tags{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;display:flex}.official-context-tags>span:not(.official-badge){border:1px solid var(--echo-border-color);border-radius:999px;padding:4px 9px;font-size:13px}@media (width<=480px){.official-import-fields{grid-template-columns:minmax(0,1fr)}.official-import-row{padding:12px}.official-import-actions>button{flex:auto}}.official-coverage,.official-publish-panel{border:1px solid var(--echo-border-color);overflow-wrap:anywhere;border-radius:14px;min-width:0;margin-block:20px;padding:16px}.official-coverage p,.official-publish-panel p{line-height:1.7}.official-import-modal details{margin-top:12px}.official-import-modal summary{cursor:pointer;padding-block:8px;font-size:14px;font-weight:700}.official-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;display:flex}.official-pagination span{font-size:13px}.official-missing-tags{max-height:250px;padding-left:24px;line-height:1.9;overflow-y:auto}.official-batch-progress{background:var(--echo-soft);overflow-wrap:anywhere;border-radius:12px;padding:12px}.official-import-modal .echo-action{white-space:normal;text-align:center;min-height:36px;line-height:1.5}.external-share-modal{overscroll-behavior:contain;width:min(620px,100vw - 24px);max-height:calc(100dvh - 32px);overflow-y:auto}.external-share-modal .modal-head h2{margin:0;font-size:clamp(19px,5vw,25px)}.external-share-modal .modal-head{z-index:1;background:var(--echo-surface);position:sticky;top:0}.external-share-actions{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.external-share-actions .echo-action{border:2px solid var(--echo-border-color);min-height:44px;color:var(--echo-blue);background:var(--echo-soft);border-radius:999px;justify-content:center;align-items:center;padding:10px 18px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.external-share-actions .echo-action:hover:not(:disabled){color:var(--echo-blue);background:var(--echo-soft);border-color:var(--echo-blue)}.external-share-actions .echo-action:disabled{opacity:.5;cursor:wait}.share-preview{border:1px solid var(--echo-border-color);background:var(--echo-soft);border-radius:18px;place-items:center;min-height:100px;display:grid;overflow:hidden}.share-preview>img{width:100%;height:auto;display:block}.personality-share-modal .share-preview>img{width:min(100%,270px)}.share-preview>p,.share-preview .request-error{padding:16px}.share-explanation{color:var(--echo-muted);overflow-wrap:anywhere;font-size:14px;line-height:1.7}.share-feedback{min-height:22px;color:var(--echo-blue);overflow-wrap:anywhere;font-size:14px}.share-link-input{border:1px solid var(--echo-border-color);border-radius:10px;width:100%;min-width:0;padding:10px}.notifications-page{padding:18px}.notifications-header{border:var(--echo-border-width,2px) solid var(--echo-border-color);border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:18px;display:flex}.notifications-header h1{margin:0;font-size:22px}.notifications-header p{color:var(--echo-muted);margin:6px 0 0;font-size:14px}.notification-list{gap:12px;display:grid}.notification-item{border:var(--echo-border-width,2px) solid var(--echo-border-color);background:var(--echo-surface);border-radius:18px;align-items:flex-start;gap:14px;padding:18px;display:flex}.notification-item.unread{background:var(--echo-soft);border-color:var(--echo-blue)}.notification-item>.avatar{flex:0 0 40px;width:40px;height:40px;text-decoration:none;overflow:hidden}.notification-item>.avatar img{object-fit:cover;width:100%;height:100%}.notification-content{flex:1;min-width:0}.notification-content time{color:var(--echo-muted);margin-top:8px;font-size:12px;display:block}.notification-target{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:6px;padding:6px 0;display:flex}.notification-target:focus-visible{outline:2px solid var(--echo-blue);outline-offset:3px;border-radius:4px}.notification-excerpt{-webkit-line-clamp:2;overflow-wrap:anywhere;white-space:pre-wrap;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notification-read-state{color:var(--echo-muted);flex:none;font-size:12px}.notification-more{justify-content:center;margin-top:16px;display:flex}.notification-nav-icon{position:relative}.notification-nav-badge{border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:-7px;right:-10px}@media (width<=600px){.notifications-page{padding:12px}.notifications-header{flex-wrap:wrap;padding:14px}.notification-item{flex-wrap:wrap;gap:10px;padding:14px}.notification-content{flex-basis:calc(100% - 50px)}.notification-read-state{margin-left:50px}}.notification-header-actions,.notification-read-state{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notification-read-state{justify-content:flex-end;max-width:180px}.explore-button{position:relative}.explore-label.is-pending{visibility:hidden}.explore-progress{place-items:center;display:grid;position:absolute;inset:0}.explore-feedback{overflow-wrap:anywhere;flex-basis:100%;min-width:0;max-width:100%;font-size:13px;line-height:1.6}.explore-feedback p{margin:0}.explore-feedback-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.explore-feedback-actions>.explore-feedback{width:100%}.explore-feedback-actions .echo-action{min-height:40px}.explore-feedback.is-empty{color:var(--echo-muted)}.explore-feedback.is-error{color:var(--echo-danger)}.search-explore-actions{grid-template-columns:max-content max-content;align-items:start;gap:12px 10px;margin-top:16px;display:grid}.search-explore-actions>.explore-feedback{grid-area:2/1/auto/-1;max-width:32rem}.search-explore-actions .advanced-search-toggle{margin:0}.recovery-primary{margin-bottom:10px}.recovery-adjust{border-top:1px solid var(--echo-border-color);margin-top:14px;padding-top:12px}.recent-discovery>section{margin-block:22px;scroll-margin-top:90px}.recent-discovery .discovery-title-row{flex-wrap:wrap;gap:6px}.recent-discovery .discovery-title-row>span,.recent-empty{color:var(--echo-muted);font-size:13px;line-height:1.7}.recent-discovery .discovery-chip-grid{flex-wrap:wrap;gap:8px;display:flex}.recent-discovery-tabs{background:var(--echo-soft);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:16px;padding:4px;display:grid}.recent-discovery-tabs>button{min-width:0;min-height:44px;color:var(--echo-muted);background:0 0;border:0;border-radius:10px;padding:8px 4px;font-size:13px}.recent-discovery-tabs>button[aria-selected=true]{background:var(--echo-surface);color:var(--echo-blue);box-shadow:0 1px 4px #17233812}.recent-discovery>[role=tabpanel]{min-height:100px;margin:16px 0}.recent-song-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:10px;display:grid}.recent-song-list article{border:1px solid var(--echo-border-color);background:var(--echo-surface);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.recent-song-list article>div{gap:5px;min-width:0;display:grid}.recent-song-list strong{overflow-wrap:anywhere}.recent-song-list span,.recent-song-list small{color:var(--echo-muted);font-size:12px}.recent-song-list .echo-action{flex-shrink:0}@media (width<=760px){.search-explore-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px}.search-explore-actions>button{white-space:normal;width:100%;min-width:0;min-height:44px;padding:8px 4px;font-size:12px}}@media (width<=420px){.recovery-actions{gap:8px}.recent-song-list article{padding:10px}}.recent-song-list a{color:inherit;text-decoration:none}.recent-song-list a:hover{text-decoration:underline}.search-recovery .echo-action{background:var(--echo-surface);color:var(--echo-ink);border-color:var(--echo-border-color)}.search-recovery .echo-action:hover:not(:disabled){background:var(--echo-accent-soft);color:var(--echo-blue);border-color:var(--echo-blue)}.search-recovery .recovery-primary>.echo-action{color:#fffefa;background:#a3442b;border-color:#a3442b}.search-recovery .recovery-primary>.echo-action:hover:not(:disabled){color:#fffefa;background:#853621;border-color:#853621}.search-recovery .recovery-primary>.echo-action:disabled{opacity:1;color:#fffefa;background:#a3442b}.search-recovery .recovery-actions{justify-content:center}.search-recovery .recovery-primary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,340px);margin:16px auto 12px;display:grid}.search-recovery .recovery-primary>.echo-action{white-space:normal;min-width:0;min-height:44px;padding:10px 8px;line-height:1.5}.search-recovery .recovery-primary>.explore-feedback{text-align:center;grid-column:1/-1}.search-recovery .recovery-explore{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(100%,360px);margin:0 auto 12px;display:grid}.search-recovery .recovery-explore>.echo-action{white-space:normal;text-align:center;min-width:0;min-height:44px;line-height:1.5;display:block}.search-recovery .recovery-explore>.echo-action>span{color:inherit;font:inherit}.search-recovery .recovery-adjust{margin-top:20px}.feeling-results-section.search-empty-section{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.search-empty-section>.feeling-section-heading{text-align:center;flex-wrap:wrap;justify-content:center;gap:8px;margin:24px 0 0}.search-empty-section>.feeling-section-heading h2{color:var(--echo-muted);font-size:15px;line-height:1.6}.search-empty-section>.feeling-section-heading>span{color:var(--echo-muted)}.search-empty-section>.search-empty-state{padding-top:24px}.search-empty-state>h1{margin:0;font-size:18px;line-height:1.6}@media (width<=420px){.search-empty-state{padding-inline:8px}.search-recovery .recovery-explore{gap:6px}.search-recovery .recovery-explore>.echo-action{padding:8px 7px;font-size:12px}}@media (width<=360px){.search-recovery .recovery-explore>.echo-action>span{display:block}}.explore-button .explore-label,.explore-button .explore-progress{color:inherit;font-size:inherit;line-height:inherit}.explore-button:disabled{cursor:wait}.personal-activity-page .personal-activity-header{grid-template-columns:1fr}.personal-activity-page .personal-activity-header h1{justify-content:center;align-items:center;margin:0;font-size:15px;display:flex}.personal-activity-controls{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.personal-activity-controls label{align-items:center;gap:8px;display:flex}.personal-activity-page>.view-toolbar>.view-toggle{margin-left:auto}.personal-activity-summary,.personal-activity-pagination{flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex}.personal-activity-pagination>button{padding:8px 12px}.personal-activity-entry{border:var(--echo-border-width) solid var(--echo-border-color);border-radius:18px;min-width:0;margin:12px}.personal-activity-page .feed-list-grid>.personal-activity-entry{margin:0}.personal-activity-page .personal-activity-entry>.music-post{border:0;margin:0}.personal-activity-summary strong>a{color:inherit;text-decoration:none}.personal-activity-summary strong>a:hover{text-decoration:underline}.personal-activity-summary time,.personal-activity-summary>span{color:var(--echo-muted);font-size:13px}.personal-activity-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:0 16px 16px}.personal-activity-pagination{justify-content:center}.personal-activity-page>.feed-list:not(.feed-list-grid) .personal-activity-summary{text-align:center;overflow-wrap:anywhere;justify-content:center}.personal-activity-page .feed-list-grid>.personal-activity-entry{flex-direction:column;display:flex}.favorite-song-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:16px;font-size:13px;display:flex}.profile-images-editor{grid-template-columns:minmax(130px,1fr) minmax(0,2fr);gap:18px;display:grid}.profile-image-picker{align-content:start;gap:10px;min-width:0;display:grid}.profile-image-label{font-size:13px;font-weight:800}.profile-image-preview{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-soft);height:144px;color:var(--echo-muted);border-radius:14px;place-items:center;font-size:12px;display:grid;overflow:hidden}.profile-image-picker-avatar .profile-image-preview{border-radius:50%;width:144px;max-width:100%}.profile-image-picker-cover .profile-image-preview{aspect-ratio:8/3;height:auto}.profile-image-preview img{object-fit:cover;width:100%;height:100%;display:block}.profile-image-actions{flex-wrap:wrap;gap:8px;display:flex;position:relative}.profile-image-actions label.echo-action{cursor:pointer;border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:6px 12px;font-weight:800;display:inline-flex}.profile-image-actions label.echo-action:hover{background:var(--echo-soft);border-color:var(--echo-blue)}.profile-image-actions label.disabled{opacity:.5;cursor:not-allowed}.edit-profile-form .profile-image-actions>input.profile-image-file{opacity:0;clip-path:inset(50%);pointer-events:none;border:0;width:1px;max-width:1px;height:1px;min-height:0;margin:0;padding:0;position:absolute;top:0;left:0}.profile-image-actions:has(>input.profile-image-file:focus-visible)>label{outline:3px solid var(--echo-blue);outline-offset:3px}.profile-cover>img{object-fit:cover;width:100%;height:100%;display:block}.profile-cover:has(>img){aspect-ratio:8/3;height:auto}.profile-image-note{color:var(--echo-muted);margin:0;font-size:12px}.image-crop-backdrop{z-index:1200}.image-crop-modal{width:min(620px,100%)}.crop-preview{background:var(--echo-soft);border:2px solid var(--echo-border-color);max-width:100%;margin:16px auto;overflow:hidden}.crop-preview-avatar{border-radius:50%;max-width:300px}.crop-preview-cover{border-radius:12px}.crop-preview canvas{touch-action:none;cursor:grab;width:100%;height:auto;display:block}.crop-preview canvas:active{cursor:grabbing}.crop-controls{gap:12px;display:grid}.crop-controls label{grid-template-columns:74px minmax(0,1fr);align-items:center;gap:10px;font-size:13px;display:grid}.crop-controls input{width:100%;min-width:0}.crop-controls output{color:var(--echo-muted);grid-column:2;font-size:12px}@media (width<=560px){.profile-images-editor{grid-template-columns:minmax(0,1fr)}}.profile-edit-fields{display:contents}.matches-page .match-user-search-result{grid-template-columns:minmax(0,1fr) auto;display:grid}.match-search-preferences{flex-wrap:wrap;grid-area:2/1/auto/-1;gap:7px;min-width:0;display:flex}.match-search-preferences .match-taste-chip{overflow-wrap:anywhere}@media (width<=760px){.matches-page .match-user-search-result{grid-template-columns:minmax(0,1fr)}.matches-page .match-user-search-result .match-card-actions{justify-content:flex-start}}.match-profile-taste{gap:12px;margin-block:16px;display:grid}.match-profile-taste h3{margin:0;font-size:14px}.settings-page{gap:20px;min-width:0;display:grid}.settings-card{background:var(--echo-surface);border:2px solid var(--echo-border-color);border-radius:20px;min-width:0;padding:24px}.settings-card h1{margin:0 0 8px;font-size:28px}.settings-card h2{margin:0 0 16px;font-size:19px}.settings-card p{margin:0 0 16px;line-height:1.65}.settings-card dl{grid-template-columns:auto minmax(0,1fr);gap:12px 20px;margin:0 0 22px;display:grid}.settings-card dt{color:var(--echo-muted);font-weight:700}.settings-card dd{overflow-wrap:anywhere;margin:0}.settings-actions{flex-wrap:wrap;gap:10px;display:flex}.settings-form{gap:16px;max-width:480px;display:grid}.settings-form label{gap:8px;font-weight:700;display:grid}.settings-form input{border:2px solid var(--echo-border-color);background:var(--echo-surface);border-radius:12px;width:100%;min-width:0;min-height:44px;padding:10px 12px}.settings-form input:focus-visible{outline:3px solid var(--echo-blue);outline-offset:2px}.settings-form small{color:var(--echo-muted);font-size:12px;font-weight:400}.settings-form>button{justify-self:start}.settings-card .settings-error{color:var(--echo-danger);margin-block:10px}.settings-card .settings-success{color:var(--echo-success);margin:0}@media (width<=760px){.settings-card{padding:18px}.settings-card dl{gap:10px}}:root{--echo-border-color:var(--echo-border-color);--echo-border-width:2px;color:var(--echo-ink);background:var(--echo-surface);font-synthesis:none;font-family:Inter,Noto Sans TC,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--echo-surface);min-width:1180px;color:var(--echo-ink);margin:0}button,a,input{font:inherit}button{cursor:pointer}input{outline:none}.app-shell{grid-template-columns:276px minmax(620px,1fr);width:100%;max-width:1340px;min-height:100vh;margin:0 auto;display:grid}.app-shell.home-layout{grid-template-columns:276px minmax(620px,640px) 372px}.left-rail{background:var(--echo-surface);flex-direction:column;align-self:start;gap:8px;height:100vh;padding:10px 16px 18px;display:flex;position:sticky;top:0}.brand,.nav-item,.profile-link{color:inherit;text-decoration:none}.brand{border-radius:999px;align-self:flex-start;align-items:center;gap:12px;min-height:54px;margin-bottom:4px;padding:0 14px;display:inline-flex}.brand:hover{background:var(--echo-soft)}.brand-mark{background:var(--echo-strong);width:38px;height:38px;color:var(--echo-on-strong);border-radius:50%;place-items:center;font-size:18px;font-weight:900;display:grid}.brand-word{letter-spacing:.06em;font-size:20px;font-weight:900}.nav-list{flex-direction:column;gap:2px;display:flex}.nav-item{min-height:52px;color:var(--echo-ink);border-radius:999px;align-items:center;gap:16px;padding:0 16px;font-size:15px;font-weight:500;display:inline-flex}.nav-item:hover,.profile-link:hover{background:var(--echo-soft)}.nav-item.active{font-weight:800}.nav-icon{text-align:center;width:28px;font-size:21px}.nav-icon svg{margin:0 auto;display:block}.nav-label{white-space:nowrap}.publish-stack{gap:12px;margin-top:10px;display:grid}.publish-button,.publish-secondary{border:1px solid #0000;border-radius:999px;min-height:52px;font-weight:800}.publish-button{background:var(--echo-strong);color:var(--echo-on-strong)}.publish-secondary{background:var(--echo-surface);color:var(--echo-ink);border-color:var(--echo-border-color)}.profile-link{border-radius:999px;grid-template-columns:40px 1fr;align-items:center;gap:12px;margin-top:auto;padding:12px 14px;display:grid}.profile-text{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-text strong{font-size:14px}.profile-text small{color:var(--echo-muted)}.avatar{background:var(--echo-soft);width:40px;height:40px;color:var(--echo-ink);border-radius:50%;flex:0 0 40px;place-items:center;font-weight:800;display:grid}.avatar-large{flex-basis:48px;width:48px;height:48px;font-size:18px}.avatar-me{background:var(--echo-strong);color:var(--echo-on-strong)}.avatar-tone-1{color:#7b2f35;background:#f3d7d7}.avatar-tone-2{color:#28536b;background:#d8e7f4}.avatar-tone-3{color:#315b35;background:#dcebd8}.avatar-tone-4{color:#745221;background:#f3e5c8}.avatar-tone-5{color:#5d3b78;background:#e8dcf2}.avatar-tone-6{color:#2e5f5b;background:#d8ecea}.avatar-tone-7{color:#763f66;background:#f1ddeb}.avatar-tone-8{color:#57513a;background:#e4e1d4}.main-column{background:var(--echo-surface);min-width:0}.home-page{min-height:100vh}.feed-header{z-index:4;background:var(--echo-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:var(--echo-border-width) solid var(--echo-border-color);height:54px;position:sticky;top:0}.x-style-header{grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.feed-top-tab{color:var(--echo-muted);background:0 0;border:0;font-size:15px;font-weight:700;position:relative}.feed-top-tab:hover{background:var(--echo-soft)}.feed-top-tab.selected{color:var(--echo-ink)}.feed-top-tab.selected:after{content:"";background:var(--echo-blue);border-radius:999px;width:58px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.composer{border-bottom:var(--echo-border-width) solid var(--echo-border-color)}.composer-x-style{grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:10px 18px;display:grid}.composer-body{min-width:0}.composer-prompt{color:var(--echo-muted);margin:0;font-size:21px;line-height:1.3}.composer-submit{background:var(--echo-strong);color:var(--echo-on-strong);border:0;border-radius:999px;align-self:center;min-width:110px;padding:10px 18px;font-weight:800}.feed-list{flex-direction:column;display:flex}.music-post{border-bottom:var(--echo-border-width) solid var(--echo-border-color);padding:14px 16px 12px}.post-head{align-items:flex-start;gap:12px;display:flex}.author-meta{flex:1;min-width:0}.author-meta>div:first-child{flex-wrap:wrap;align-items:center;gap:6px;font-size:15px;display:flex}.author-meta span{color:var(--echo-muted)}.taste-line{color:var(--echo-muted);margin-top:3px;font-size:12px}.taste-line b{color:var(--echo-blue)}.recommendation-copy{color:var(--echo-ink);margin:10px 0 13px 52px;font-size:15px;line-height:1.6}.song-card{border:var(--echo-border-width) solid var(--echo-border-color);color:inherit;background:var(--echo-surface);cursor:pointer;border-radius:16px;align-items:center;gap:12px;margin-left:52px;padding:12px;text-decoration:none;display:flex}.song-card:hover{background:var(--echo-soft)}.song-card-artwork-link{color:inherit;flex:0 0 96px;text-decoration:none}.artwork{background:linear-gradient(135deg, var(--echo-strong), var(--echo-strong));width:96px;height:68px;color:var(--echo-on-strong);border-radius:12px;flex:0 0 96px;place-items:center;font-size:26px;display:grid;position:relative;overflow:hidden}.artwork-fallback{place-items:center;display:grid;position:absolute;inset:0}.artwork-image{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.song-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.song-meta small{color:var(--echo-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.song-meta strong{font-size:20px;line-height:1.15}.song-title-link{color:var(--echo-ink);font-size:20px;font-weight:800;line-height:1.15;text-decoration:none}.song-title-link:hover{text-decoration:underline}.song-artist-search-tag{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);width:fit-content;max-width:100%;color:var(--echo-muted);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;margin-top:3px;padding:3px 8px;font-size:12px;font-weight:700;text-decoration:none;overflow:hidden}.song-artist-search-tag:hover{border-color:var(--echo-blue);color:var(--echo-ink)}.song-meta span{color:var(--echo-muted);font-size:14px}.play-button{background:var(--echo-strong);width:38px;height:38px;color:var(--echo-on-strong);border-radius:50%;place-items:center;font-size:18px;text-decoration:none;display:grid}.post-tag-groups{gap:9px;margin:12px 0 7px 52px;display:grid}.post-tag-group{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:9px;display:grid}.post-tag-group-label{color:var(--echo-muted);padding-top:5px;font-size:11px;font-weight:800;line-height:1.4}.post-tag-list{flex-wrap:wrap;gap:7px;min-width:0;display:flex}.post-tag-list a,.post-tag-list span{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);color:var(--echo-muted);border-radius:999px;padding:5px 9px;font-size:12px;line-height:1.35;text-decoration:none}.post-tag-list a:hover{border-color:var(--echo-blue);background:var(--echo-soft);color:var(--echo-ink)}.post-actions{justify-content:space-between;align-items:center;margin-left:46px;padding-top:6px;display:flex}.post-actions button{color:var(--echo-muted);background:0 0;border:0;border-radius:999px;padding:8px 10px;font-size:13px}.post-actions button:hover{background:var(--echo-soft);color:var(--echo-ink)}.right-rail{background:var(--echo-surface);flex-direction:column;gap:16px;padding:8px 16px 30px;display:flex}.rail-panel{background:var(--echo-soft);border:var(--echo-border-width) solid var(--echo-border-color);border-radius:18px;padding:16px}.panel-title-row{justify-content:space-between;align-items:end;margin-bottom:12px;display:flex}.panel-title-row h2{margin:0;font-size:21px}.panel-title-row span{color:var(--echo-muted);font-size:12px}.trend-grid-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.trend-grid-tabs button{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);color:var(--echo-muted);border-radius:10px;padding:8px 10px;font-size:12px;font-weight:700}.trend-grid-tabs button.selected{border-color:var(--echo-blue);color:var(--echo-ink);box-shadow:inset 0 0 0 1px var(--echo-blue)}.trend-list{margin:0;padding:0;list-style:none;display:grid}.trend-list li{border-bottom:var(--echo-border-width) solid var(--echo-border-color);grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:12px 0;display:grid}.trend-list li:last-child{border-bottom:0}.trend-list b{color:var(--echo-muted);font-size:12px}.trend-list div,.trend-list .trend-link{flex-direction:column;gap:3px;min-width:0;display:flex}.trend-list .trend-link{color:inherit;border-radius:8px;text-decoration:none}.trend-list .trend-link:hover strong{text-decoration:underline}.trend-list strong{font-size:15px}.trend-list span{color:var(--echo-muted);font-size:12px}.trend-list em{color:var(--echo-success);font-size:12px;font-style:normal}.people-list{gap:12px;display:grid}.person-row{grid-template-columns:40px 1fr auto;align-items:center;gap:10px;display:grid}.person-row .avatar{flex-basis:40px;width:40px;height:40px;font-size:13px}.person-row div{flex-direction:column;min-width:0;display:flex}.person-row strong{font-size:14px}.person-row span{color:var(--echo-muted);font-size:12px}.person-row button{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);color:var(--echo-ink);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}.prototype-label{text-align:center;color:var(--echo-muted);font-size:11px}.section-page{max-width:720px;padding:45px}.eyebrow{letter-spacing:.14em;color:var(--echo-muted);margin:0 0 6px;font-size:11px;font-weight:800}.feed-header h1,.section-page h1{margin:0;font-size:22px}.section-page>p:not(.eyebrow){color:var(--echo-muted)}.boundary-note{border:var(--echo-border-width) dashed var(--echo-border-color);background:var(--echo-soft);color:var(--echo-muted);border-radius:14px;margin-top:26px;padding:15px;font-size:13px}.state-message{color:var(--echo-muted);padding:20px 16px}@media (width<=1260px){body{min-width:980px}.app-shell.home-layout{grid-template-columns:250px minmax(600px,1fr)}.right-rail{display:none}}.follow-inline{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-strong);color:var(--echo-on-strong);border-radius:999px;padding:7px 13px;font-size:12px;font-weight:800}.follow-inline.following{background:var(--echo-surface);color:var(--echo-ink)}.post-actions button.active-action{color:var(--echo-blue)}.post-actions button.active-action.liked{color:var(--echo-danger)}.post-actions button.active-action.treasured{color:var(--echo-blue)}.repost-feed-item{background:var(--echo-surface)}.repost-context{color:var(--echo-muted);grid-template-columns:24px 1fr;gap:8px;margin:0 0 12px 52px;display:grid}.repost-context strong,.repost-context span{font-size:12px;display:block}.repost-context p{color:var(--echo-ink);margin:6px 0 0;font-size:14px;line-height:1.5}.repost-icon{color:var(--echo-success);font-size:16px}.comments-panel{border-top:var(--echo-border-width) solid var(--echo-border-color);margin:12px 0 0 52px;padding-top:12px}.comment-composer{grid-template-columns:40px 1fr auto;align-items:center;gap:10px;display:grid}.comment-composer input,.reply-composer input,.music-post-form input,.music-post-form textarea,.quote-modal textarea,.new-playlist-form input{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);width:100%;color:var(--echo-ink);border-radius:12px}.comment-composer input,.reply-composer input,.new-playlist-form input,.music-post-form input{height:42px;padding:0 12px}.comment-composer button,.reply-composer button{background:var(--echo-strong);color:var(--echo-on-strong);border:0;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:800}.comment-composer button:disabled,.reply-composer button:disabled,.primary-action:disabled,.new-playlist-form button:disabled{opacity:.5;cursor:default}.comment-state{color:var(--echo-muted);margin:12px 0 0 50px;font-size:12px}.comment-thread-list{gap:14px;margin-top:14px;display:grid}.comment-thread{gap:9px;display:grid}.comment-row{grid-template-columns:40px 1fr;gap:10px;display:grid}.reply-row{margin-left:50px}.comment-body{min-width:0}.comment-meta{flex-wrap:wrap;gap:5px;font-size:12px;display:flex}.comment-meta span{color:var(--echo-muted)}.comment-body p{margin:5px 0 4px;font-size:13px;line-height:1.5}.reply-link{color:var(--echo-muted);background:0 0;border:0;padding:2px 0;font-size:12px}.reply-link:hover{color:var(--echo-blue)}.reply-composer{grid-template-columns:1fr auto auto;gap:8px;margin-left:50px;display:grid}.reply-composer button:first-of-type{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);color:var(--echo-ink)}.modal-backdrop{z-index:50;background:var(--echo-overlay);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;padding:28px;display:grid;position:fixed;inset:0}.echo-modal{background:var(--echo-surface);border:var(--echo-border-width) solid var(--echo-border-color);border-radius:22px;width:min(620px,100vw - 40px);min-width:0;max-width:100%;max-height:calc(100vh - 56px);padding:20px;overflow:auto;box-shadow:0 24px 70px #0f14193d}.modal-head{justify-content:space-between;align-items:start;gap:20px;margin-bottom:18px;display:flex}.modal-head h2{margin:0;font-size:22px}.modal-close{background:var(--echo-soft);width:36px;height:36px;color:var(--echo-ink);border:0;border-radius:50%;font-size:24px;line-height:1}.post-detail-modal{width:min(880px,100vw - 32px);max-height:calc(100vh - 40px);padding:0;overflow:hidden}.post-detail-modal-head{z-index:1;border-bottom:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);align-items:center;margin-bottom:0;padding:16px 18px;position:sticky;top:0}.post-detail-modal-head h2{font-size:20px}.post-detail-modal-body{max-height:calc(100vh - 116px);overflow:auto}.post-detail-modal-body .music-post{border-top:var(--echo-border-width) solid var(--echo-border-color)}.music-post-form{gap:14px;display:grid}.music-post-form label,.new-playlist-form{gap:7px;display:grid}.music-post-form label>span,.new-playlist-form label{color:var(--echo-muted);font-size:12px;font-weight:700}.music-post-form textarea,.quote-modal textarea{resize:vertical;min-height:104px;padding:12px;line-height:1.5}.music-post-form input:focus,.music-post-form textarea:focus,.comment-composer input:focus,.reply-composer input:focus,.quote-modal textarea:focus,.new-playlist-form input:focus{border-color:var(--echo-blue);box-shadow:0 0 0 1px var(--echo-blue)}.form-section-title{color:var(--echo-ink);margin:2px 0 -2px;font-size:13px;font-weight:800}.form-two-columns{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-hint{color:var(--echo-muted);margin:-2px 0 0;font-size:11px;line-height:1.5}.form-error{background:var(--echo-danger-soft);color:var(--echo-danger);border-radius:12px;margin:0;padding:10px 12px;font-size:12px}.modal-success{background:var(--echo-soft);color:var(--echo-success);border-radius:12px;margin:12px 0 0;padding:10px 12px;font-size:12px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.primary-action,.secondary-action,.new-playlist-form button{border:1px solid #0000;border-radius:999px;padding:9px 16px;font-weight:800}.primary-action,.new-playlist-form button{background:var(--echo-strong);color:var(--echo-on-strong)}.secondary-action{border-color:var(--echo-border-color);background:var(--echo-surface);color:var(--echo-ink)}.quoted-song-preview,.selected-song-summary{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-soft);border-radius:14px;gap:3px;margin:14px 0;padding:14px;display:grid}.quoted-song-preview small,.quoted-song-preview span,.selected-song-summary span{color:var(--echo-muted);font-size:12px}.playlist-choice-list{gap:8px;display:grid}.playlist-choice-list button{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);color:var(--echo-ink);text-align:left;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.playlist-choice-list button:hover{background:var(--echo-soft)}.playlist-choice-list small{color:var(--echo-muted)}.new-playlist-form{border-top:var(--echo-border-width) solid var(--echo-border-color);margin-top:16px;padding-top:16px}.new-playlist-form>div{grid-template-columns:1fr auto;gap:8px;display:grid}@media (width<=720px){.form-two-columns{grid-template-columns:1fr}.comment-composer{grid-template-columns:34px 1fr}.comment-composer button{grid-column:2;justify-self:end}}.repost-badge{color:var(--echo-success);margin:0 0 10px 52px;font-size:12px;font-weight:800}.quoted-original-post{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:16px;margin:0 0 10px 52px;padding:12px}.quoted-original-head{grid-template-columns:40px 1fr;align-items:center;gap:10px;display:grid}.quoted-original-head>div{flex-direction:column;min-width:0;display:flex}.quoted-original-head strong{font-size:14px}.quoted-original-head span{color:var(--echo-muted);font-size:12px}.quoted-original-post>p{margin:10px 0;font-size:13px;line-height:1.55}.quoted-original-post .song-card,.quoted-original-post .post-tag-groups{margin-left:0}.feed-empty-state,.search-empty-state{border-bottom:var(--echo-border-width) solid var(--echo-border-color);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:44px 28px;display:flex}.feed-empty-state strong,.search-empty-state strong{font-size:18px}.feed-empty-state>span,.search-empty-state>span{color:var(--echo-muted);font-size:13px;line-height:1.55}.author-avatar-link,.author-name-link,.person-avatar-link,.person-name-link,.search-post-author{color:inherit;text-decoration:none}.author-avatar-link,.person-avatar-link{border-radius:50%;flex:none}.author-name-link,.person-name-link,.search-post-author{font-weight:800}.author-name-link:hover,.person-name-link:hover,.search-post-author:hover{text-decoration:underline}.person-row button.following{background:var(--echo-surface);color:var(--echo-ink)}.search-page{min-height:100vh}.search-page-header{z-index:4;background:var(--echo-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:var(--echo-border-width) solid var(--echo-border-color);padding:10px 16px;position:sticky;top:0}.search-page-form{grid-template-columns:1fr auto;gap:8px;display:grid}.search-page-form input{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-soft);border-radius:999px;min-width:0;height:44px;padding:0 16px}.search-page-form input:focus{border-color:var(--echo-blue);background:var(--echo-surface)}.search-page-form button{background:var(--echo-strong);color:var(--echo-on-strong);border:0;border-radius:999px;padding:0 18px;font-weight:800}.search-result-section{border-bottom:var(--echo-border-width) solid var(--echo-border-color)}.search-result-section h2{margin:0;padding:16px;font-size:18px}.search-user-row,.search-song-row{color:inherit;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;display:grid}.search-user-row:hover,.search-song-row:hover,.search-post-row:hover{background:var(--echo-soft)}.search-user-row div,.search-song-row div{flex-direction:column;min-width:0;display:flex}.search-user-row span,.search-song-row span,.search-post-row>span{color:var(--echo-muted);font-size:13px}.search-song-art{background:var(--echo-strong);width:42px;height:42px;color:var(--echo-on-strong);border-radius:10px;place-items:center;display:grid}.search-post-row{padding:14px 16px}.search-post-row p{margin:8px 0;line-height:1.55}.search-post-row>a:last-child{color:var(--echo-blue);font-size:13px;font-weight:700;text-decoration:none}.search-post-row{color:inherit;text-decoration:none;display:block}.search-post-meta{align-items:center;gap:6px;font-size:14px;display:flex}.search-post-meta span{color:var(--echo-muted)}.search-post-song{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:12px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;margin-top:10px;padding:10px;display:grid}.search-post-song>span{background:var(--echo-strong);width:34px;height:34px;color:var(--echo-on-strong);border-radius:9px;place-items:center;display:grid}.search-post-song div{flex-direction:column;gap:2px;min-width:0;display:flex}.search-post-song div span{color:var(--echo-muted);font-size:12px}.search-post-song b{color:var(--echo-blue);font-size:12px}.post-detail-page{min-height:100vh}.post-detail-header{z-index:4;background:var(--echo-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:var(--echo-border-width) solid var(--echo-border-color);align-items:center;gap:14px;height:54px;padding:0 16px;display:flex;position:sticky;top:0}.post-detail-header h1{margin:0;font-size:20px}.post-detail-back{width:34px;height:34px;color:var(--echo-ink);background:0 0;border:0;border-radius:50%;place-items:center;font-size:20px;display:grid}.post-detail-back:hover{background:var(--echo-soft)}.search-post-results h2{border-bottom:var(--echo-border-width) solid var(--echo-border-color)}.profile-page{background:var(--echo-surface);min-height:100vh}.profile-cover{border-bottom:var(--echo-border-width) solid var(--echo-border-color);height:210px}.profile-cover-tone-1,.profile-cover-tone-2,.profile-cover-tone-3,.profile-cover-tone-4{background:linear-gradient(135deg, var(--echo-soft), var(--echo-soft) 54%, var(--echo-soft))}.profile-cover-tone-5{background:linear-gradient(135deg, var(--echo-hover), var(--echo-soft) 54%, var(--echo-soft))}.profile-cover-tone-6,.profile-cover-tone-7,.profile-cover-tone-8{background:linear-gradient(135deg, var(--echo-soft), var(--echo-soft) 54%, var(--echo-soft))}.profile-header-main{border-bottom:var(--echo-border-width) solid var(--echo-border-color);padding:78px 24px 24px;position:relative}.profile-header-row{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.profile-name-stats-row{flex-wrap:wrap;align-items:center;gap:18px 34px;min-width:0;display:flex}.profile-name-block{min-width:150px}.profile-avatar{border:5px solid var(--echo-border-color);width:132px;height:132px;font-size:40px;position:absolute;top:-68px;left:24px;box-shadow:0 1px 4px #0f141914}.profile-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.profile-primary-action,.profile-secondary-action,.own-profile-label{border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:0 15px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.profile-primary-action{border:1px solid var(--echo-border-color);background:var(--echo-strong);color:var(--echo-on-strong)}.profile-primary-action.following,.profile-secondary-action{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);color:var(--echo-ink)}.profile-secondary-action.pending{background:var(--echo-soft);color:var(--echo-muted)}.profile-primary-action:hover,.profile-secondary-action:hover{background:var(--echo-soft);color:var(--echo-ink)}.profile-primary-action:not(.following):hover{background:var(--echo-strong);color:var(--echo-on-strong)}.profile-primary-action:disabled,.profile-secondary-action:disabled{opacity:.55;cursor:default}.own-profile-label{border:var(--echo-border-width) solid var(--echo-border-color);color:var(--echo-muted);background:var(--echo-soft)}.profile-header-main h1{margin:0;font-size:25px;line-height:1.2}.profile-handle{color:var(--echo-muted);margin:4px 0 0;font-size:14px}.profile-bio{max-width:720px;color:var(--echo-ink);margin:16px 0 0;font-size:15px;line-height:1.65}.profile-stats{flex-wrap:wrap;align-items:center;gap:10px 22px;margin:0;display:flex}.profile-stats span{align-items:baseline;gap:6px;display:inline-flex}.profile-stats strong{font-size:14px}.profile-stats small{color:var(--echo-muted);font-size:12px}.music-identity-section{border-bottom:var(--echo-border-width) solid var(--echo-border-color);padding:24px}.profile-section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;display:flex}.profile-section-heading h2{margin:0;font-size:22px}.profile-match-score{border:1px solid var(--echo-border-color);background:var(--echo-soft);border-radius:16px;align-content:center;place-items:center;min-width:82px;height:56px;display:grid}.profile-match-score strong{color:var(--echo-blue);font-size:20px;line-height:1}.profile-match-score span{color:var(--echo-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:3px;font-size:10px;font-weight:700}.music-identity-grid{border-top:var(--echo-border-width) solid var(--echo-border-color);border-left:var(--echo-border-width) solid var(--echo-border-color);grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);display:grid}.music-profile-block{border-right:var(--echo-border-width) solid var(--echo-border-color);border-bottom:var(--echo-border-width) solid var(--echo-border-color);min-width:0;padding:18px}.representative-block{grid-row:span 2}.music-profile-block-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.music-profile-block-head h3{margin:0;font-size:15px}.music-profile-block-head span{color:var(--echo-muted);font-size:11px}.profile-song-list{gap:9px;display:grid}.profile-song{min-width:0;color:inherit;border-radius:12px;grid-template-columns:56px 1fr 32px;align-items:center;gap:11px;padding:8px;text-decoration:none;display:grid}.profile-song:hover{background:var(--echo-soft)}.profile-song-art{background:var(--echo-strong);width:56px;height:56px;color:var(--echo-on-strong);border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.profile-song-art img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.profile-song-fallback{z-index:0;position:relative}.profile-song-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.profile-song-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.profile-song-copy small{color:var(--echo-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.profile-song-open{background:var(--echo-strong);width:30px;height:30px;color:var(--echo-on-strong);border-radius:50%;place-items:center;font-size:13px;display:grid}.profile-taste-list{flex-wrap:wrap;gap:7px;display:flex}.profile-taste-chip{border:var(--echo-border-width) solid var(--echo-border-color);min-height:30px;color:var(--echo-ink);background:var(--echo-surface);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;text-decoration:none;display:inline-flex}.profile-taste-chip:hover{border-color:var(--echo-border-color);background:var(--echo-soft);color:var(--echo-blue)}.profile-block-empty{color:var(--echo-muted);margin:0;font-size:12px;line-height:1.5}.common-taste-section{border-top:var(--echo-border-width) solid var(--echo-border-color);margin-top:18px;padding-top:18px}.common-taste-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;display:grid}.common-taste-group{min-width:0}.common-taste-group>span{color:var(--echo-muted);margin-bottom:7px;font-size:11px;font-weight:700;display:block}.common-taste-group>div{flex-wrap:wrap;gap:6px;display:flex}.profile-missing-music{border-bottom:var(--echo-border-width) solid var(--echo-border-color);flex-direction:column;gap:5px;padding:28px 24px;display:flex}.profile-missing-music span{color:var(--echo-muted);font-size:13px}.profile-tabs-anchor{height:0}.profile-tabs{z-index:3;border-bottom:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-width:none;position:sticky;top:0;overflow-x:auto}.profile-tabs.own-profile-tabs{grid-template-columns:repeat(4,minmax(0,1fr)) repeat(2,minmax(0,1.2fr));display:grid}.profile-tabs.other-profile-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=600px){.profile-tabs.own-profile-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}.profile-tabs::-webkit-scrollbar{display:none}.profile-tabs button{width:100%;min-width:0;min-height:52px;color:var(--echo-muted);white-space:normal;word-break:keep-all;overflow-wrap:anywhere;text-align:center;padding:0 8px;background:0 0;border:0;padding-block:10px;font-size:13px;font-weight:700;line-height:1.5;transition:color .15s,background-color .15s;position:relative}.profile-tabs button:hover{background:var(--echo-soft)}.profile-tabs button.selected{color:var(--echo-ink)}.profile-tabs button.selected:after{content:"";background:var(--echo-blue);border-radius:999px;height:3px;position:absolute;bottom:0;left:14px;right:14px}.profile-content-section{min-height:480px}.profile-content-empty{text-align:center;border-bottom:var(--echo-border-width) solid var(--echo-border-color);flex-direction:column;align-items:center;gap:6px;padding:54px 24px;display:flex}.profile-content-empty strong{font-size:17px}.profile-content-empty span{max-width:520px;color:var(--echo-muted);font-size:13px;line-height:1.55}.external-playlist-note{background:var(--echo-surface)}@media (width<=920px){.profile-header-row{flex-direction:column;gap:16px}.profile-name-stats-row{gap:14px 24px}.profile-actions{justify-content:flex-start;width:100%;margin-bottom:14px}.music-identity-grid,.common-taste-grid{grid-template-columns:1fr}.representative-block{grid-row:auto}.profile-header-main{padding-top:78px}}.edit-profile-modal{width:min(760px,100vw - 40px)}.edit-profile-form{gap:16px;display:grid}.edit-profile-form>label,.favorite-song-edit-row label{gap:7px;display:grid}.edit-profile-form label>span,.favorite-song-edit-row label>span{color:var(--echo-muted);font-size:12px;font-weight:700}.edit-profile-form input,.edit-profile-form textarea{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);width:100%;color:var(--echo-ink);border-radius:12px}.edit-profile-form input{height:42px;padding:0 12px}.edit-profile-form textarea{resize:vertical;min-height:88px;padding:12px;line-height:1.5}.edit-profile-form input:focus,.edit-profile-form textarea:focus{border-color:var(--echo-blue);box-shadow:0 0 0 1px var(--echo-blue)}.favorite-song-editor,.profile-edit-fieldset{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:16px;margin:0;padding:14px}.profile-edit-fieldset legend{padding:0 6px;font-size:13px;font-weight:800}.profile-edit-section-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.profile-edit-section-head h3{margin:0;font-size:15px}.profile-edit-section-head span{color:var(--echo-muted);margin-top:3px;font-size:11px;display:block}.profile-edit-section-head button,.profile-edit-custom-row button,.profile-edit-options button{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);color:var(--echo-ink);border-radius:999px;font-size:12px;font-weight:700}.profile-edit-section-head button{min-height:34px;padding:0 12px}.favorite-song-edit-list{gap:10px;display:grid}.favorite-song-edit-row{border-top:var(--echo-border-width) solid var(--echo-border-color);gap:10px;padding-top:12px;display:grid}.favorite-song-edit-row:first-child{border-top:0;padding-top:0}.remove-favorite-song{color:var(--echo-danger);background:0 0;border:0;justify-self:start;padding:2px 0;font-size:12px}.profile-edit-selected-tags,.profile-edit-options{flex-wrap:wrap;gap:7px;display:flex}.profile-edit-selected-tags{margin-bottom:10px}.profile-edit-selected-tags button{border:1px solid var(--echo-border-color);background:var(--echo-soft);min-height:30px;color:var(--echo-blue);border-radius:999px;padding:0 10px;font-size:12px}.profile-edit-selected-tags button span{margin-left:6px}.profile-edit-options button{min-height:30px;padding:0 10px}.profile-edit-custom-row{grid-template-columns:1fr auto;gap:8px;margin-top:10px;display:grid}.profile-edit-custom-row button{padding:0 14px}.profile-edit-empty-hint{color:var(--echo-muted);font-size:12px;line-height:1.5}@media (width<=720px){.profile-edit-section-head{flex-direction:column;align-items:flex-start}.profile-edit-custom-row,.edit-profile-form .form-two-columns{grid-template-columns:1fr}}.profile-edit-field-hint,.profile-edit-field-meta{color:var(--echo-muted);font-size:12px;line-height:1.5}.profile-edit-field-hint{margin:0 0 10px}.profile-edit-field-meta{justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.profile-edit-field-meta strong{color:var(--echo-ink);white-space:nowrap}.profile-option-picker{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:12px;margin-top:8px;overflow:hidden}.profile-option-picker summary{cursor:pointer;color:var(--echo-ink);padding:10px 12px;font-size:12px;font-weight:800;list-style:none}.profile-option-picker summary::-webkit-details-marker{display:none}.profile-option-picker summary:after{content:"＋";float:right;color:var(--echo-muted)}.profile-option-picker[open] summary:after{content:"−"}.profile-option-picker-body{border-top:var(--echo-border-width) solid var(--echo-border-color);gap:10px;padding:0 12px 12px;display:grid}.profile-option-filter{margin-top:10px}.profile-option-picker .profile-edit-options{max-height:260px;padding-right:3px;overflow-y:auto}.profile-edit-options button:disabled,.profile-edit-custom-row button:disabled,.profile-edit-section-head button:disabled{cursor:not-allowed;opacity:.45}.favorite-song-count{color:var(--echo-muted);margin:-2px 0 10px;font-size:12px;font-weight:700}.genre-language-switch{background:var(--echo-soft);border-radius:999px;justify-self:start;gap:4px;margin-top:10px;padding:3px;display:inline-flex}.genre-language-switch button{color:var(--echo-muted);background:0 0;border:0;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800}.genre-language-switch button.selected{background:var(--echo-surface);color:var(--echo-ink);box-shadow:0 1px 4px #0f141914}.profile-stats button{color:inherit;background:0 0;border:0;border-bottom:1px solid #0000;align-items:baseline;gap:6px;padding:2px 0;display:inline-flex}.profile-stats button:hover{border-bottom-color:var(--echo-border-color)}.user-list-modal{width:min(520px,100vw - 40px)}.user-list-subtitle{color:var(--echo-muted);margin:5px 0 0;font-size:12px;line-height:1.5}.user-list-rows{border-top:var(--echo-border-width) solid var(--echo-border-color);display:grid}.user-list-row{border-bottom:var(--echo-border-width) solid var(--echo-border-color);min-height:68px;color:inherit;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:10px 4px;text-decoration:none;display:grid}.user-list-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.user-list-copy strong{font-size:14px}.user-list-copy small{color:var(--echo-muted);font-size:12px}.user-list-copy em{color:var(--echo-blue);font-size:11px;font-style:normal}.user-list-arrow{color:var(--echo-muted);font-size:24px}.post-like-group{align-items:center;gap:0;display:inline-flex}.post-like-group .post-like-count{text-underline-offset:3px;min-width:24px;margin-left:-8px;padding-left:4px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.post-like-group .post-like-count:hover{text-decoration-color:currentColor}.treasure-action-wrap{display:inline-flex;position:relative}.treasure-category-menu{z-index:18;border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:14px;gap:3px;width:190px;padding:9px;display:grid;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);box-shadow:0 12px 36px #0f141929}.treasure-category-menu strong{padding:5px 7px 7px;font-size:12px}.post-actions .treasure-category-menu button{text-align:left;border-radius:9px;width:100%;padding:7px 8px}.post-actions .treasure-category-menu button.selected{background:var(--echo-soft);color:var(--echo-blue);font-weight:800}.treasure-category-menu small{color:var(--echo-muted);padding:6px 7px 2px;font-size:10px;line-height:1.4}.profile-treasure-filters{border-bottom:var(--echo-border-width) solid var(--echo-border-color);flex-wrap:wrap;gap:7px;padding:12px 16px;display:flex}.profile-treasure-filters button{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);color:var(--echo-muted);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}.profile-treasure-filters button.selected{border-color:var(--echo-blue);background:var(--echo-soft);color:var(--echo-blue)}.comment-author-avatar,.comment-author-name{color:inherit;text-decoration:none}.comment-author-name{font-weight:800}.comment-author-name:hover{text-decoration:underline}.comment-actions{align-items:center;gap:4px;min-height:26px;display:flex}.comment-actions button{color:var(--echo-muted);background:0 0;border:0;border-radius:999px;padding:3px 6px;font-size:11px}.comment-actions button:hover{background:var(--echo-soft);color:var(--echo-ink)}.comment-actions button.liked{color:var(--echo-danger)}.comment-like-count{text-underline-offset:3px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.comment-like-count:hover{text-decoration-color:currentColor}.comment-like-zero{color:var(--echo-muted);font-size:11px}.post-actions{gap:8px}.post-actions>button,.post-actions .treasure-action-wrap>button,.post-like-group>button{min-width:52px;min-height:44px;padding:10px 13px;font-size:15px;font-weight:650}.post-like-group{border-radius:999px;gap:2px;min-height:44px}.post-like-group>button:first-child{min-width:44px}.post-like-group .post-like-count{min-width:44px;min-height:44px;margin-left:0;padding:10px 8px}.treasure-category-menu{width:230px}.treasure-category-empty{padding:5px 7px}.treasure-category-create{border-top:var(--echo-border-width) solid var(--echo-border-color);grid-template-columns:1fr auto;gap:6px;padding:6px 0 2px;display:grid}.treasure-category-create input{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);width:100%;min-width:0;height:34px;color:var(--echo-ink);border-radius:8px;padding:0 9px;font-size:12px}.post-actions .treasure-category-menu button,.post-actions .treasure-category-create button{min-width:0;min-height:34px;padding:7px 9px;font-size:12px}.treasure-category-create button{border:1px solid var(--echo-border-color);background:var(--echo-strong);color:var(--echo-on-strong);text-align:center}.treasure-category-create button:disabled{opacity:.45;cursor:default}.user-list-header-action{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);color:var(--echo-ink);border-radius:999px;margin-top:8px;padding:7px 11px;font-size:12px;font-weight:750}.user-list-row-shell{border-bottom:var(--echo-border-width) solid var(--echo-border-color);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.user-list-row-shell .user-list-row{border-bottom:0}.user-list-row-action{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);color:var(--echo-ink);border-radius:999px;margin-right:4px;padding:7px 11px;font-size:12px;font-weight:750}.user-list-row-action.danger,.profile-secondary-action.danger{border-color:var(--echo-danger);color:var(--echo-danger)}.user-list-row-action.danger:hover,.profile-secondary-action.danger:hover{background:var(--echo-danger-soft);color:var(--echo-danger)}.matches-page{background:var(--echo-surface);min-height:100vh}.matches-header{border-bottom:var(--echo-border-width) solid var(--echo-border-color);justify-content:space-between;align-items:flex-start;gap:24px;padding:28px 30px 22px;display:flex}.matches-header h1{margin:0;font-size:28px;line-height:1.2}.matches-header>div>p:last-child{max-width:660px;color:var(--echo-muted);margin:9px 0 0;font-size:14px;line-height:1.6}.matches-edit-link{color:var(--echo-ink);border:var(--echo-border-width) solid var(--echo-border-color);border-radius:999px;flex:none;padding:10px 16px;font-size:13px;font-weight:800;text-decoration:none}.matches-edit-link:hover{background:var(--echo-soft)}.matches-controls{border-bottom:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);grid-template-columns:minmax(170px,.9fr) minmax(170px,.9fr) minmax(210px,1fr) auto;align-items:end;gap:14px;padding:16px 30px;display:grid}.matches-controls label{gap:7px;display:grid}.matches-controls label>span{color:var(--echo-muted);font-size:12px;font-weight:800}.matches-controls select{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);height:44px;color:var(--echo-ink);border-radius:12px;padding:0 38px 0 13px}.matches-controls select:disabled{background:var(--echo-soft);color:var(--echo-muted);cursor:default}.matches-result-count{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-soft);border-radius:12px;justify-content:center;align-items:center;gap:5px;min-width:92px;height:44px;padding:0 12px;display:flex}.matches-result-count strong{font-size:18px}.matches-result-count span{color:var(--echo-muted);font-size:12px}.match-user-list{gap:14px;padding:18px 30px 30px;display:grid}.match-user-card{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:18px;padding:18px}.match-user-card:hover{border-color:var(--echo-border-color)}.match-user-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.match-user-identity{color:inherit;align-items:center;gap:12px;min-width:0;text-decoration:none;display:flex}.match-user-identity>span:last-child{gap:2px;min-width:0;display:grid}.match-user-identity strong{font-size:17px}.match-user-identity small{color:var(--echo-muted);font-size:13px}.match-user-avatar{flex-basis:48px;width:48px;height:48px;font-size:17px}.match-score-box{text-align:right;gap:1px;display:grid}.match-score-box strong{color:var(--echo-ink);font-size:25px;line-height:1}.match-score-box span{color:var(--echo-muted);font-size:11px}.match-user-bio{color:var(--echo-ink);margin:12px 0 10px;font-size:14px;line-height:1.65}.match-user-meta{color:var(--echo-muted);flex-wrap:wrap;gap:16px;margin-bottom:13px;font-size:12px;display:flex}.match-common-area{border-top:var(--echo-border-width) solid var(--echo-border-color);border-bottom:var(--echo-border-width) solid var(--echo-border-color);gap:10px;padding:13px 0;display:grid}.match-common-group{grid-template-columns:86px 1fr;align-items:start;gap:10px;display:grid}.match-common-group>span{color:var(--echo-muted);padding-top:5px;font-size:11px}.match-common-group>div{flex-wrap:wrap;gap:7px;display:flex}.match-taste-chip,.match-song-chip{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);color:var(--echo-ink);border-radius:999px;text-decoration:none}.match-taste-chip{padding:5px 9px;font-size:11px}.match-taste-chip:hover{border-color:var(--echo-blue);color:var(--echo-ink);background:var(--echo-surface)}.match-song-chip{align-items:center;gap:5px;padding:5px 9px;display:inline-flex}.match-song-chip strong{font-size:11px}.match-song-chip span{color:var(--echo-muted);font-size:10px}.match-song-chip:hover{border-color:var(--echo-blue)}.match-no-common{color:var(--echo-muted);margin:0;font-size:12px}.match-recent-post{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-soft);color:inherit;border-radius:13px;gap:4px;margin-top:13px;padding:12px 13px;text-decoration:none;display:grid}.match-recent-post:hover{border-color:var(--echo-border-color)}.match-recent-label{color:var(--echo-muted);font-size:10px;font-weight:800}.match-recent-post strong{font-size:13px}.match-recent-post p{color:var(--echo-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.match-recent-empty{border:var(--echo-border-width) dashed var(--echo-border-color);color:var(--echo-muted);border-radius:13px;margin-top:13px;padding:12px 13px;font-size:12px}.match-card-actions{flex-wrap:wrap;gap:9px;margin-top:14px;display:flex}.match-profile-button,.match-secondary-button{border-radius:999px;min-height:40px;padding:0 15px;font-size:12px;font-weight:800}.match-profile-button{background:var(--echo-strong);color:var(--echo-on-strong);border:1px solid var(--echo-border-color);align-items:center;text-decoration:none;display:inline-flex}.match-secondary-button{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);color:var(--echo-ink)}.match-secondary-button:hover:not(:disabled),.match-secondary-button.active{background:var(--echo-soft)}.match-secondary-button:disabled{cursor:default;color:var(--echo-muted)}.matches-empty{border:var(--echo-border-width) dashed var(--echo-border-color);background:var(--echo-soft);text-align:center;border-radius:16px;gap:6px;margin:28px 30px;padding:26px;display:grid}.matches-empty strong{font-size:16px}.matches-empty span{color:var(--echo-muted);font-size:13px}.matches-prototype-note{color:var(--echo-muted);text-align:center;margin:0;padding:0 30px 30px;font-size:11px}@media (width<=980px){.matches-header{padding-left:20px;padding-right:20px}.matches-controls{grid-template-columns:1fr;align-items:stretch;padding-left:20px;padding-right:20px}.matches-result-count{justify-self:start}.match-user-list{padding-left:20px;padding-right:20px}.match-common-group{grid-template-columns:1fr;gap:5px}}.profile-content-toolbar{border-bottom:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:10px 16px;display:flex}.profile-view-toggle{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-soft);border-radius:12px;align-items:center;gap:4px;padding:4px;display:inline-flex}.profile-view-toggle button{min-width:78px;min-height:36px;color:var(--echo-muted);background:0 0;border:0;border-radius:9px;padding:0 12px;font-size:12px;font-weight:800}.profile-view-toggle button:hover{background:var(--echo-surface);color:var(--echo-ink)}.profile-view-toggle button.selected{background:var(--echo-surface);color:var(--echo-ink);box-shadow:0 1px 4px #0f141914}.profile-sort-control{color:var(--echo-muted);align-items:center;gap:9px;font-size:12px;font-weight:800;display:inline-flex}.profile-sort-control select{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);min-width:132px;height:40px;color:var(--echo-ink);border-radius:10px;padding:0 34px 0 11px}.profile-post-grid{border-bottom:var(--echo-border-width) solid var(--echo-border-color);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid}.profile-post-grid-card{min-width:0;color:inherit;border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:14px;flex-direction:column;text-decoration:none;transition:transform .14s,border-color .14s,box-shadow .14s;display:flex;overflow:hidden}.profile-post-grid-card:hover{border-color:var(--echo-border-color);transform:translateY(-1px);box-shadow:0 6px 18px #0f141912}.profile-post-grid-visual{aspect-ratio:1;background:linear-gradient(135deg, var(--echo-strong), var(--echo-strong));place-items:center;display:grid;position:relative;overflow:hidden}.profile-post-grid-visual img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.profile-post-grid-fallback{color:var(--echo-on-strong);font-size:30px}.profile-post-grid-badge{z-index:1;background:var(--echo-overlay);color:var(--echo-on-strong);border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;position:absolute;top:9px;left:9px}.profile-post-grid-copy{gap:2px;min-width:0;padding:10px 11px 8px;display:grid}.profile-post-grid-copy strong,.profile-post-grid-copy small,.profile-post-grid-copy>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.profile-post-grid-copy strong{white-space:nowrap;font-size:13px}.profile-post-grid-copy small{white-space:nowrap;color:var(--echo-muted);font-size:11px}.profile-post-grid-copy>span{-webkit-line-clamp:2;min-height:36px;color:var(--echo-ink);-webkit-box-orient:vertical;margin-top:4px;font-size:11px;line-height:1.55;display:-webkit-box}.profile-post-grid-stats{border-top:var(--echo-border-width) solid var(--echo-border-color);color:var(--echo-muted);text-align:center;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:auto;padding:8px 9px 10px;font-size:10px;display:grid}@media (width<=920px){.profile-content-toolbar{flex-direction:column;align-items:stretch}.profile-view-toggle{align-self:flex-start}.profile-sort-control{justify-content:space-between}.profile-sort-control select{flex:1;max-width:220px}.profile-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.treasure-page{background:var(--echo-surface);min-height:100vh}.treasure-page-header{border-bottom:var(--echo-border-width) solid var(--echo-border-color);justify-content:space-between;align-items:flex-end;gap:20px;padding:24px 22px 18px;display:flex}.treasure-page-header h1{margin:2px 0 4px;font-size:26px}.treasure-page-header>div>span{color:var(--echo-muted);font-size:13px}.treasure-header-actions{gap:10px;display:flex}.treasure-header-actions button,.treasure-toolbar button,.treasure-batch-bar button,.treasure-manager-actions button,.treasure-manager-create button,.treasure-manager-name button{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);color:var(--echo-ink);border-radius:999px;min-height:38px;padding:0 14px;font-weight:700}.treasure-header-actions button.selected,.treasure-view-toggle button.selected{background:var(--echo-strong);color:var(--echo-on-strong);border-color:var(--echo-border-color)}.treasure-controls-sticky{z-index:3;background:var(--echo-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:var(--echo-border-width) solid var(--echo-border-color);position:sticky;top:0}.treasure-category-tabs{scrollbar-width:thin;gap:8px;padding:12px 16px 8px;display:flex;overflow-x:auto}.treasure-category-tabs button{white-space:nowrap;border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);color:var(--echo-muted);border-radius:999px;min-height:36px;padding:0 13px;font-weight:700}.treasure-category-tabs button.selected{border-color:var(--echo-blue);color:var(--echo-blue);box-shadow:inset 0 0 0 1px var(--echo-blue)}.treasure-category-tabs button span{color:var(--echo-muted);margin-left:5px;font-size:11px}.treasure-toolbar{grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:12px;padding:8px 16px 14px;display:grid}.treasure-toolbar>input{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-soft);border-radius:999px;width:100%;height:42px;padding:0 16px}.treasure-toolbar>input:focus{background:var(--echo-surface);border-color:var(--echo-blue)}.treasure-view-toggle{border:var(--echo-border-width) solid var(--echo-border-color);border-radius:999px;display:flex;overflow:hidden}.treasure-view-toggle button{background:var(--echo-surface);min-height:40px;color:var(--echo-muted);border:0;border-radius:0;padding:0 13px}.treasure-sort-control{color:var(--echo-muted);align-items:center;gap:7px;font-size:13px;display:flex}.treasure-sort-control select,.treasure-item-category-row select,.treasure-item-toolbar select,.treasure-batch-bar select{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:10px;height:38px;padding:0 10px}.treasure-batch-bar{border-top:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);flex-wrap:wrap;align-items:center;gap:9px;padding:10px 16px 14px;display:flex}.treasure-batch-bar strong{margin-right:4px}.treasure-batch-bar button.danger,.treasure-manager-actions button.danger{color:var(--echo-danger);border-color:var(--echo-danger)}.treasure-empty-state{border:var(--echo-border-width) dashed var(--echo-border-color);background:var(--echo-soft);color:var(--echo-muted);border-radius:18px;flex-direction:column;gap:6px;margin:36px 22px;padding:28px;display:flex}.treasure-empty-state strong{color:var(--echo-ink);font-size:18px}.treasure-list-item{border-bottom:var(--echo-border-width) solid var(--echo-border-color)}.treasure-list-item.selected{background:var(--echo-soft)}.treasure-item-toolbar{background:var(--echo-surface);border-bottom:var(--echo-border-width) solid var(--echo-border-color);color:var(--echo-muted);flex-wrap:wrap;align-items:center;gap:10px;padding:9px 16px;font-size:12px;display:flex}.treasure-item-toolbar label{align-items:center;gap:6px;display:flex}.treasure-item-toolbar>a{color:var(--echo-blue);margin-left:auto;font-weight:700;text-decoration:none}.treasure-item-toolbar .danger-link{color:var(--echo-danger);background:0 0;border:0;font-weight:700}.treasure-select{color:var(--echo-ink);font-weight:700}.treasure-select input{width:17px;height:17px}.treasure-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;display:grid}.treasure-grid-shell{min-width:0}.treasure-grid-card{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:16px;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative;overflow:visible}.treasure-grid-card:hover{border-color:var(--echo-border-color);transform:translateY(-1px);box-shadow:0 8px 22px #0f141914}.treasure-grid-card.selected{box-shadow:inset 0 0 0 2px var(--echo-blue)}.treasure-grid-link{color:inherit;flex-direction:column;text-decoration:none;display:flex}.treasure-grid-visual{aspect-ratio:1;background:var(--echo-soft);display:block;position:relative;overflow:hidden}.treasure-grid-visual img{object-fit:cover;width:100%;height:100%;display:block}.treasure-grid-copy{flex-direction:column;gap:3px;min-height:96px;padding:11px 12px 6px;display:flex}.treasure-grid-copy strong{font-size:15px}.treasure-grid-copy small{color:var(--echo-muted);font-size:12px}.treasure-grid-copy>span{color:var(--echo-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.treasure-grid-stats{color:var(--echo-muted);text-align:center;grid-template-columns:repeat(4,1fr);gap:3px;padding:8px 10px 11px;font-size:11px;display:grid}.treasure-grid-select{z-index:2;background:var(--echo-glass);border:var(--echo-border-width) solid var(--echo-border-color);border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:11px;font-weight:700;display:flex;position:absolute;top:9px;left:9px}.treasure-grid-select input{width:16px;height:16px}.treasure-item-category-row{justify-content:flex-end;padding:8px 4px;display:flex}.treasure-item-category-row label{color:var(--echo-muted);align-items:center;gap:7px;font-size:12px;display:flex}.treasure-category-manager{width:min(680px,100vw - 32px);max-height:82vh;overflow:auto}.treasure-manager-create{grid-template-columns:1fr auto;gap:10px;margin:15px 0;display:grid}.treasure-manager-create input,.treasure-manager-name input{border:var(--echo-border-width) solid var(--echo-border-color);border-radius:12px;height:42px;padding:0 12px}.treasure-manager-list{gap:8px;display:grid}.treasure-manager-row{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.treasure-manager-name{min-width:0}.treasure-manager-name>strong,.treasure-manager-name>span{display:block}.treasure-manager-name>span{color:var(--echo-muted);margin-top:2px;font-size:12px}.treasure-manager-name form{align-items:center;gap:7px;display:flex}.treasure-manager-name form input{flex:1;min-width:130px}.treasure-manager-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.treasure-manager-actions button,.treasure-manager-name button{min-height:34px;padding:0 10px;font-size:12px}.treasure-manager-actions button:disabled{opacity:.35;cursor:not-allowed}.treasure-manager-empty{text-align:center;color:var(--echo-muted);border:var(--echo-border-width) dashed var(--echo-border-color);border-radius:14px;padding:22px}.treasure-page .music-post:not(.music-post-grid),.treasure-page .treasure-list-item>.music-post{border-bottom:0}@media (width<=1180px){.treasure-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.treasure-toolbar{grid-template-columns:1fr auto}.treasure-sort-control{grid-column:1/-1;justify-content:flex-end}}@media (width<=860px){.treasure-page-header{flex-direction:column;align-items:flex-start}.treasure-grid,.treasure-toolbar{grid-template-columns:1fr}.treasure-view-toggle,.treasure-sort-control{justify-self:start}.treasure-manager-row{grid-template-columns:1fr}.treasure-manager-actions{justify-content:flex-start}}.rounded-select{min-width:0;color:var(--echo-ink);display:block;position:relative}.rounded-select.open{z-index:40}.rounded-select-button{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);width:100%;height:auto;min-height:44px;color:var(--echo-ink);text-align:center;border-radius:12px;justify-content:center;align-items:center;padding:8px 14px;font-weight:800;transition:border-color .12s,box-shadow .12s;display:flex;position:relative}.rounded-select-label{white-space:normal;overflow-wrap:anywhere;text-align:center;width:100%;min-width:0;line-height:1.4;display:block}.rounded-select-button:hover:not(:disabled){background:var(--echo-surface);border-color:var(--echo-border-color)}.rounded-select.open .rounded-select-button{background:var(--echo-surface);border-color:var(--echo-blue);box-shadow:0 0 0 1px var(--echo-blue)}.rounded-select-button:focus-visible{outline:2px solid var(--echo-blue);outline-offset:2px}.rounded-select-menu{z-index:50;scrollbar-gutter:stable;border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:14px;grid-auto-rows:max-content;gap:5px;width:max-content;min-width:min(100%,100vw - 24px);max-width:min(24rem,100vw - 24px);max-height:280px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden auto;box-shadow:0 10px 28px #0f141924}.rounded-select-option{background:var(--echo-surface);width:100%;min-width:0;min-height:40px;color:var(--echo-ink);text-align:center;border:0;border-radius:10px;justify-content:center;align-items:center;padding:8px 10px;font-weight:800;display:flex;overflow:hidden}.rounded-select-option-label{white-space:normal;overflow-wrap:anywhere;text-align:center;width:100%;min-width:0;line-height:1.4;display:block}.rounded-select-option:hover:not(:disabled),.rounded-select-option:focus-visible{background:var(--echo-soft);outline:none}.rounded-select-option.selected{background:var(--echo-soft);color:var(--echo-blue);font-weight:800}.rounded-select-option:disabled{color:var(--echo-muted);cursor:default}.rounded-select-compact .rounded-select-button{border-radius:10px;height:auto;min-height:38px;padding:7px 12px}.rounded-select-compact .rounded-select-menu{border-radius:12px;gap:4px;padding:5px}.rounded-select-compact .rounded-select-option{border-radius:8px;min-height:36px;padding:7px 9px;font-weight:800}.rounded-select.disabled .rounded-select-button{background:var(--echo-soft);color:var(--echo-muted);cursor:default}.matches-controls .rounded-select{width:100%}.profile-sort-control .rounded-select,.treasure-sort-control .rounded-select{min-width:150px}.treasure-item-category-row label{justify-content:flex-end;width:100%}.treasure-item-category-row .rounded-select{width:min(200px,100%);min-width:180px}.treasure-item-toolbar .rounded-select,.treasure-batch-bar .rounded-select{width:200px;min-width:200px}.search-input-shell{min-width:0;position:relative}.search-input-shell>input{width:100%}.search-suggestion-panel{z-index:20;border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:16px;gap:5px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 10px 28px #0f14191f}.search-suggestion-panel button{background:var(--echo-surface);min-height:48px;color:var(--echo-ink);text-align:left;border:0;border-radius:12px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.search-suggestion-panel button:hover{background:var(--echo-soft)}.search-suggestion-kind{color:var(--echo-blue);font-size:12px;font-weight:800}.search-suggestion-panel strong{min-width:0;color:var(--echo-ink);white-space:normal;overflow-wrap:anywhere}.search-suggestion-panel small{color:var(--echo-muted);white-space:nowrap}.search-tabs{z-index:3;border-bottom:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);grid-template-columns:repeat(7,minmax(0,1fr));display:grid;position:sticky;top:65px}.search-tabs button{min-height:48px;color:var(--echo-muted);background:0 0;border:0;font-size:12px;font-weight:800;position:relative}.search-tabs button:hover{background:var(--echo-soft)}.search-tabs button.selected{color:var(--echo-ink)}.search-tabs button.selected:after{content:"";background:var(--echo-blue);border-radius:999px;height:3px;position:absolute;bottom:0;left:18%;right:18%}.search-results-wrap{min-height:280px}.search-taxonomy-section{padding-bottom:14px}.search-taxonomy-chips,.discovery-chip-grid,.recent-search-list{flex-wrap:wrap;gap:9px;padding:0 16px;display:flex}.search-taxonomy-chips button,.discovery-chip-grid button,.recent-search-chip{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:999px}.search-taxonomy-chips button,.discovery-chip-grid button{min-height:38px;color:var(--echo-ink);padding:0 14px;font-size:13px;font-weight:700}.search-taxonomy-chips button:hover,.discovery-chip-grid button:hover,.recent-search-chip:hover{border-color:var(--echo-blue)}.search-category-empty{color:var(--echo-muted);text-align:center;margin:0;padding:42px 20px}.search-song-list{display:grid}.search-song-result{border-top:var(--echo-border-width) solid var(--echo-border-color);width:100%;min-height:68px;color:var(--echo-ink);background:var(--echo-surface);text-align:left;border-bottom:0;border-left:0;border-right:0;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 16px;text-decoration:none;display:grid}.search-song-result:hover{background:var(--echo-soft)}.search-song-result>div{flex-direction:column;gap:3px;min-width:0;display:flex}.search-song-result span{color:var(--echo-muted);font-size:12px}.search-song-result>b{color:var(--echo-muted)}.search-discovery{padding-bottom:40px}.discovery-section{border-bottom:var(--echo-border-width) solid var(--echo-border-color);padding:20px 0}.discovery-title-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:0 16px;display:flex}.discovery-title-row h2{margin:0;font-size:19px}.discovery-title-row span,.discovery-title-row button{color:var(--echo-muted);font-size:12px}.discovery-title-row button{background:0 0;border:0;font-weight:700}.discovery-title-row button:hover{color:var(--echo-blue)}.discovery-section h3{color:var(--echo-muted);margin:18px 16px 10px;font-size:13px}.recent-search-chip{grid-template-columns:auto 32px;align-items:center;display:inline-grid;overflow:hidden}.recent-search-chip button{background:0 0;border:0}.recent-search-chip button:first-child{min-height:38px;padding:0 8px 0 14px;font-weight:700}.recent-search-chip button:last-child{width:32px;height:32px;color:var(--echo-muted);border-radius:50%;font-size:18px}.discovery-song-list,.discovery-post-list{display:grid}.discovery-song-list button,.discovery-post-list a{color:inherit;border-top:var(--echo-border-width) solid var(--echo-border-color);text-decoration:none}.discovery-song-list button{background:var(--echo-surface);text-align:left;border-bottom:0;border-left:0;border-right:0;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:11px 16px;display:grid}.discovery-song-list button:hover,.discovery-post-list a:hover{background:var(--echo-soft)}.discovery-song-list>button>span{background:var(--echo-strong);width:38px;height:38px;color:var(--echo-on-strong);border-radius:10px;place-items:center;display:grid}.discovery-song-list div,.discovery-post-list a{min-width:0}.discovery-song-list div{flex-direction:column;gap:2px;display:flex}.discovery-song-list small,.discovery-post-list span{color:var(--echo-muted);font-size:12px}.discovery-post-list a{flex-direction:column;gap:5px;padding:13px 16px;display:flex}.discovery-post-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.random-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 16px;display:grid}.random-discovery-grid button{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);text-align:left;border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;min-height:88px;padding:14px;display:flex}.random-discovery-grid button:hover{border-color:var(--echo-blue);background:var(--echo-soft)}.random-discovery-grid strong{font-size:15px}.random-discovery-grid span{color:var(--echo-muted);font-size:12px;line-height:1.45}.discovery-user-list{display:grid}.discovery-user-list a{border-top:var(--echo-border-width) solid var(--echo-border-color);min-height:60px;color:inherit;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;padding:10px 16px;text-decoration:none;display:grid}.discovery-user-list a:hover{background:var(--echo-soft)}.discovery-user-list div{flex-direction:column;gap:2px;min-width:0;display:flex}.discovery-user-list small{color:var(--echo-muted)}.search-collapsible-section{border-bottom:var(--echo-border-width) solid var(--echo-border-color)}.search-collapsible-trigger{background:var(--echo-surface);width:100%;min-height:58px;color:var(--echo-ink);text-align:left;border:0;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:0 16px;display:grid}.search-collapsible-trigger:hover{background:var(--echo-soft)}.search-collapsible-trigger>span{font-size:18px;font-weight:800}.search-collapsible-trigger>small{color:var(--echo-muted);font-size:12px}.search-collapsible-trigger>b{border:var(--echo-border-width) solid var(--echo-border-color);min-width:54px;color:var(--echo-muted);text-align:center;border-radius:999px;padding:7px 10px;font-size:12px}.search-collapsible-section.open .search-collapsible-trigger>b{border-color:var(--echo-blue);color:var(--echo-blue)}.search-collapsible-content{border-top:var(--echo-border-width) solid var(--echo-border-color)}.search-song-lover-note{color:var(--echo-muted);background:var(--echo-surface);border-bottom:var(--echo-border-width) solid var(--echo-border-color);padding:10px 16px;font-size:12px}.search-user-list{display:grid}.post-like-action-wrap{min-height:44px;display:inline-flex;position:relative}.post-like-reason-menu{z-index:20;border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:14px;gap:5px;width:178px;padding:9px;display:none;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 12px 36px #0f141929}.post-like-action-wrap.menu-open .post-like-reason-menu{display:grid}.post-like-reason-menu strong{padding:3px 5px 5px;font-size:12px}.post-actions .post-like-reason-menu button{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);width:100%;min-width:0;min-height:38px;color:var(--echo-ink);text-align:left;border-radius:9px;justify-content:flex-start;align-items:center;gap:8px;padding:7px 9px;font-size:12px;display:flex}.post-actions .post-like-reason-menu button:hover{border-color:var(--echo-danger);background:var(--echo-soft)}.post-actions .post-like-reason-menu button.selected{border-color:var(--echo-danger);background:var(--echo-soft);color:var(--echo-danger);font-weight:800}.post-like-reason-menu small{color:var(--echo-muted);padding:4px 5px 1px;font-size:10px;line-height:1.4}.post-like-icon-button svg,.post-like-reason-menu svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;display:block}.post-like-icon-button svg.filled-heart,.post-like-reason-menu button.selected svg.filled-heart{fill:currentColor}.post-like-reason-menu svg{flex:0 0 19px;width:19px;height:19px}.post-like-reason-menu button span{min-width:0}.search-disambiguation{border-bottom:var(--echo-border-width) solid var(--echo-border-color);padding:18px 16px}.search-disambiguation>strong{margin-bottom:10px;font-size:15px;display:block}.search-disambiguation>div{gap:7px;display:grid}.search-disambiguation button{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);min-height:46px;color:var(--echo-ink);text-align:left;border-radius:12px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.search-disambiguation button:hover{border-color:var(--echo-border-color);background:var(--echo-soft)}.search-disambiguation button span{color:var(--echo-blue);font-size:12px;font-weight:800}.search-disambiguation button small{color:var(--echo-muted)}.search-entity-header{border-bottom:var(--echo-border-width) solid var(--echo-border-color);justify-content:space-between;align-items:center;gap:16px;min-height:84px;padding:14px 16px;display:flex}.search-entity-header>div{flex-direction:column;gap:3px;min-width:0;display:flex}.search-entity-header>div>span{color:var(--echo-blue);font-size:12px;font-weight:800}.search-entity-header>div>strong{font-size:18px}.search-entity-header>div>small,.search-entity-header>p{color:var(--echo-muted);margin:0;font-size:12px}.search-song-entity-header>p{white-space:nowrap;margin-left:auto}.search-song-entity-header>a{border:var(--echo-border-width) solid var(--echo-border-color);min-height:40px;color:var(--echo-ink);white-space:nowrap;border-radius:999px;align-items:center;padding:0 14px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.search-song-entity-header>a:hover{border-color:var(--echo-blue);background:var(--echo-soft)}@media (width<=700px){.search-song-entity-header{flex-wrap:wrap;align-items:flex-start}.search-song-entity-header>p{margin-left:0}}.advanced-search-toggle{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);min-height:36px;color:var(--echo-muted);border-radius:999px;margin-top:8px;padding:0 13px;font-size:12px;font-weight:800}.advanced-search-toggle.active{border-color:var(--echo-blue);color:var(--echo-ink);background:var(--echo-surface)}.advanced-search-panel{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:16px;gap:14px;margin-top:10px;padding:14px;display:grid}.advanced-search-panel>p{color:var(--echo-muted);margin:0;font-size:12px;line-height:1.5}.advanced-filter-group{gap:8px;display:grid}.advanced-filter-group>strong{font-size:13px}.advanced-filter-group>div{flex-wrap:wrap;gap:7px;display:flex}.advanced-filter-group button{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);min-height:34px;color:var(--echo-ink);border-radius:999px;padding:0 12px;font-size:12px;font-weight:700}.advanced-filter-group button.selected{border-color:var(--echo-blue);background:var(--echo-soft);color:var(--echo-ink)}.advanced-search-actions{justify-content:flex-end;gap:8px;padding-top:2px;display:flex}.advanced-search-actions button{border-radius:999px;min-height:38px;padding:0 14px;font-size:12px;font-weight:800}.advanced-search-clear{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);color:var(--echo-muted)}.advanced-search-apply{background:var(--echo-strong);color:var(--echo-on-strong);border:0}.advanced-search-actions button:disabled{opacity:.45;cursor:not-allowed}.advanced-search-summary{border-bottom:var(--echo-border-width) solid var(--echo-border-color);gap:12px;padding:16px;display:grid}.advanced-search-summary>div:first-child{flex-wrap:wrap;align-items:baseline;gap:8px 12px;display:flex}.advanced-search-summary>div:first-child>span,.advanced-search-summary small{color:var(--echo-muted);font-size:12px}.advanced-search-summary>div:first-child>strong{font-size:16px}.advanced-search-summary-chips{flex-wrap:wrap;gap:7px;display:flex}.advanced-search-summary-chips span{background:var(--echo-soft);color:var(--echo-ink);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.advanced-filter-categorized{gap:10px;padding-top:2px}.advanced-filter-group.advanced-filter-categorized>div{display:block}.advanced-filter-heading{justify-content:space-between;align-items:center;gap:10px;display:flex!important}.advanced-filter-heading>strong{font-size:13px}.advanced-genre-language-switch{background:var(--echo-soft);border-radius:999px;gap:2px;padding:2px;display:inline-flex}.advanced-filter-group .advanced-genre-language-switch button{min-height:28px;color:var(--echo-muted);background:0 0;border:0;border-radius:999px;padding:0 10px;font-size:11px}.advanced-filter-group .advanced-genre-language-switch button.selected{background:var(--echo-surface);color:var(--echo-ink);box-shadow:0 1px 4px #0f141914}.advanced-filter-search{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);width:100%;min-height:38px;color:var(--echo-ink);border-radius:12px;outline:none;padding:8px 11px;font-size:12px}.advanced-filter-search:focus{border-color:var(--echo-blue);box-shadow:0 0 0 1px var(--echo-blue)}.advanced-filter-category-tabs{scrollbar-width:thin;gap:6px;padding:1px 0 4px;overflow-x:auto;display:flex!important}.advanced-filter-group .advanced-filter-category-tabs button{border-color:var(--echo-border-color);background:var(--echo-soft);min-height:32px;color:var(--echo-muted);white-space:nowrap;flex:none}.advanced-filter-group .advanced-filter-category-tabs button.selected{border-color:var(--echo-border-color);background:var(--echo-strong);color:var(--echo-on-strong)}.advanced-filter-option-sections{gap:10px;display:grid!important}.advanced-filter-option-section{gap:7px;display:grid}.advanced-filter-option-section>small{color:var(--echo-muted);font-size:11px;font-weight:800}.advanced-filter-option-chips{flex-wrap:wrap;gap:7px;display:flex}.advanced-filter-empty{color:var(--echo-muted);margin:2px 0 0;font-size:12px}.feeling-home-page,.feeling-search-page,.song-feeling-page{background:var(--echo-surface);min-height:100vh}.feeling-hero{border-bottom:var(--echo-border-width) solid var(--echo-border-color);padding:44px 34px 30px}.feeling-hero h1{letter-spacing:-.035em;max-width:570px;margin:0;font-size:36px;line-height:1.18}.feeling-hero>.feeling-search-box{margin-top:18px}.feeling-search-box{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:18px;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:58px;padding:7px 8px 7px 16px;display:grid;box-shadow:0 10px 30px #0f14190f}.feeling-search-box:focus-within{border-color:var(--echo-border-color);box-shadow:0 0 0 1px var(--echo-border-color), 0 10px 30px #0f14190f}.feeling-search-icon{color:var(--echo-muted);text-align:center;font-size:22px}.feeling-search-box input{min-width:0;color:var(--echo-ink);background:0 0;border:0;font-size:16px}.feeling-search-box input::placeholder{color:var(--echo-muted)}.feeling-search-box button{border:1px solid var(--echo-border-color);background:var(--echo-strong);min-height:44px;color:var(--echo-on-strong);border-radius:13px;padding:0 18px;font-size:13px;font-weight:800}.feeling-search-box.compact{min-height:50px;box-shadow:none;border-radius:15px}.feeling-search-box.compact button{min-height:38px}.feeling-search-box .feeling-search-clear{min-width:34px;min-height:34px;color:var(--echo-muted);background:0 0;border:0;border-radius:999px;padding:0;font-size:22px;font-weight:500;line-height:1}.feeling-search-box .feeling-search-clear:hover,.feeling-search-box .feeling-search-clear:focus-visible{background:var(--echo-soft);color:var(--echo-ink);outline:none}.feeling-starter-row,.feeling-chip-cloud,.feeling-facet-grid,.feeling-song-tags,.feeling-person-tags,.feeling-selected-path{flex-wrap:wrap;gap:8px;display:flex}.feeling-starter-row{align-items:center;margin-top:15px}.feeling-starter-row>span{color:var(--echo-muted);font-size:12px;font-weight:700}.feeling-tag-chip{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);min-height:34px;color:var(--echo-ink);border-radius:999px;align-items:center;gap:7px;padding:6px 11px;text-decoration:none;display:inline-flex}button.feeling-tag-chip:hover,.feeling-tag-chip.selected{border-color:var(--echo-border-color);background:var(--echo-soft)}.feeling-tag-chip span{color:var(--echo-muted);white-space:nowrap;font-size:10px}.feeling-home-section,.feeling-refine-section,.feeling-results-section,.feeling-people-section,.song-feeling-section{border-bottom:var(--echo-border-width) solid var(--echo-border-color);padding:26px 30px}.feeling-section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px;display:flex}.feeling-section-heading h2{margin:0;font-size:20px;line-height:1.3}.feeling-section-heading>span{max-width:260px;color:var(--echo-muted);text-align:right;flex:none;font-size:10px;line-height:1.4}.rail-feeling-list em{color:var(--echo-success);white-space:nowrap;font-size:11px;font-style:normal}.feeling-combination-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.feeling-combination-list>button{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);min-height:56px;color:var(--echo-ink);text-align:left;border-radius:14px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:10px 14px;display:grid}.feeling-combination-list>button:hover{border-color:var(--echo-border-color);background:var(--echo-soft)}.feeling-combination-tags{flex-wrap:wrap;gap:7px;display:flex}.feeling-combination-tags strong,.song-feeling-combos strong{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-soft);border-radius:999px;align-items:center;min-height:28px;padding:4px 9px;font-size:11px;display:inline-flex}.feeling-combination-list>button>span:nth-child(2){color:var(--echo-muted);white-space:nowrap;font-size:11px}.feeling-combination-list>button>b{white-space:nowrap;font-size:11px}@media (width<=860px){.feeling-combination-list{grid-template-columns:1fr}}.rail-feeling-list{display:grid}.rail-feeling-list>a{border-bottom:var(--echo-border-width) solid var(--echo-border-color);color:inherit;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;text-decoration:none;display:flex}.rail-feeling-list>a:last-child{border-bottom:0}.rail-feeling-list>a>span{gap:2px;display:grid}.rail-feeling-list strong{font-size:13px}.rail-feeling-list small{color:var(--echo-muted);font-size:10px}.rail-more-link,.catalog-search-link{color:var(--echo-ink);margin-top:10px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.catalog-search-link{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:14px;justify-content:center;align-items:center;width:100%;min-height:44px;margin:0;padding:0 18px;font-size:13px;font-weight:800;transition:background .12s,border-color .12s}.catalog-search-link:hover{background:var(--echo-soft);border-color:var(--echo-border-color)}.feeling-search-header{z-index:5;border-bottom:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 24px 10px;position:sticky;top:0}.feeling-search-header>p{color:var(--echo-muted);margin:7px 2px 0;font-size:10px}.feeling-result-summary{border-bottom:var(--echo-border-width) solid var(--echo-border-color);justify-content:space-between;gap:20px;padding:26px 30px 20px;display:flex}.feeling-result-summary>div>p:last-child{color:var(--echo-muted);margin:10px 0 0;font-size:11px}.feeling-result-summary>button{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);color:var(--echo-ink);border-radius:999px;align-self:flex-start;padding:8px 13px;font-size:11px;font-weight:800}.feeling-selected-path{align-items:center}.feeling-selected-path>span{align-items:center;gap:8px;display:inline-flex}.feeling-selected-path strong{background:var(--echo-strong);color:var(--echo-on-strong);border-radius:10px;padding:7px 10px;font-size:13px}.feeling-selected-path b{color:var(--echo-muted);font-size:12px}.feeling-facet-grid{gap:9px}.feeling-facet-grid .feeling-tag-chip{border-radius:12px;min-height:40px}.feeling-inline-empty{color:var(--echo-muted);margin:0;font-size:12px}.feeling-song-list{gap:12px;display:grid}.feeling-song-card{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:16px;grid-template-columns:112px minmax(0,1fr);gap:15px;padding:12px;display:grid}.feeling-song-card:hover{border-color:var(--echo-border-color)}.feeling-song-visual{background:var(--echo-soft);width:112px;height:112px;color:var(--echo-muted);border-radius:12px;place-items:center;text-decoration:none;display:grid;position:relative;overflow:hidden}.feeling-song-visual img,.song-feeling-art img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.feeling-song-fallback{font-size:28px}.feeling-song-main{align-content:start;gap:10px;min-width:0;display:grid}.feeling-song-title-row{justify-content:space-between;gap:12px;display:flex}.feeling-song-title-row>div{gap:2px;min-width:0;display:grid}.feeling-song-title-row>div>a{color:var(--echo-ink);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:850;text-decoration:none;overflow:hidden}.feeling-song-title-row>div>span{color:var(--echo-muted);font-size:11px}.feeling-song-title-row>a{color:var(--echo-ink);flex:none;font-size:10px;font-weight:800;text-decoration:none}.human-evidence-line{color:var(--echo-muted);flex-wrap:wrap;align-items:center;gap:5px;font-size:10px;display:flex}.human-evidence-line strong{color:var(--echo-ink);font-size:15px}.human-evidence-line em,.song-feeling-meta em{background:var(--echo-soft);color:var(--echo-success);border-radius:999px;margin-left:4px;padding:3px 7px;font-size:9px;font-style:normal;font-weight:800}.feeling-song-tags span,.feeling-person-tags span{background:var(--echo-soft);min-height:26px;color:var(--echo-ink);border-radius:999px;align-items:center;padding:4px 8px;font-size:10px;display:inline-flex}.feeling-song-tags small{color:var(--echo-muted);margin-left:4px;font-size:9px}.feeling-song-footer{color:var(--echo-muted);justify-content:space-between;align-items:center;gap:12px;padding-top:2px;font-size:10px;display:flex}.feeling-song-footer a{color:var(--echo-ink);white-space:nowrap;font-weight:800;text-decoration:none}.feeling-section-toggle{width:100%;color:var(--echo-ink);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:0 0 14px;display:flex}.feeling-section-toggle>span{gap:3px;display:grid}.feeling-section-toggle small{color:var(--echo-muted);letter-spacing:.12em;font-size:9px;font-weight:850}.feeling-section-toggle strong{font-size:20px}.feeling-section-toggle>b{color:var(--echo-muted);font-size:10px}.feeling-person-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.feeling-person-card{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:16px;gap:10px;min-width:0;padding:14px;display:grid}.feeling-person-identity{min-width:0;color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.feeling-person-identity>span:last-child{gap:2px;min-width:0;display:grid}.feeling-person-identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.feeling-person-identity small{color:var(--echo-muted);font-size:10px}.feeling-person-scores{flex-wrap:wrap;gap:8px;display:flex}.feeling-person-scores>span{background:var(--echo-soft);color:var(--echo-muted);border-radius:9px;padding:6px 8px;font-size:9px}.feeling-person-scores strong{color:var(--echo-ink);font-size:13px}.feeling-person-card>p{min-height:34px;color:var(--echo-muted);margin:0;font-size:10px;line-height:1.55}.feeling-person-actions{gap:8px;margin-top:2px;display:flex}.feeling-person-actions a,.feeling-person-actions button{border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 11px;font-size:10px;font-weight:800;display:inline-flex}.feeling-person-actions a{border:1px solid var(--echo-border-color);background:var(--echo-strong);color:var(--echo-on-strong);flex:1;text-decoration:none}.feeling-person-actions button{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);color:var(--echo-ink)}.feeling-person-actions button.following{background:var(--echo-soft)}.feeling-empty-card,.feeling-no-recognition,.feeling-search-start{border:var(--echo-border-width) dashed var(--echo-border-color);background:var(--echo-surface);border-radius:16px;margin:26px 30px;padding:24px}.feeling-empty-card{gap:5px;margin:0;display:grid}.feeling-empty-card strong,.feeling-no-recognition h1,.feeling-search-start h1{margin:0;font-size:20px}.feeling-empty-card span,.feeling-no-recognition>p:not(.eyebrow),.feeling-search-start>p:not(.eyebrow){color:var(--echo-muted);font-size:12px;line-height:1.6}.feeling-no-recognition .feeling-chip-cloud,.feeling-search-start .feeling-chip-cloud{margin-top:16px}.song-feeling-hero{border-bottom:var(--echo-border-width) solid var(--echo-border-color);padding:18px 30px 28px}.song-back-button{color:var(--echo-muted);background:0 0;border:0;margin-bottom:18px;padding:4px 0;font-size:11px;font-weight:800}.song-feeling-identity{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:22px;display:grid}.song-feeling-art{background:var(--echo-soft);width:150px;height:150px;color:var(--echo-muted);border-radius:18px;place-items:center;font-size:34px;display:grid;position:relative;overflow:hidden}.song-feeling-identity h1{margin:0;font-size:28px;line-height:1.2}.song-feeling-identity>div>p:not(.eyebrow){color:var(--echo-muted);margin:5px 0 12px;font-size:13px}.song-feeling-identity>div>a{background:var(--echo-strong);color:var(--echo-on-strong);border-radius:999px;margin-top:12px;padding:9px 13px;font-size:10px;font-weight:800;text-decoration:none;display:inline-flex}.song-feeling-meta{color:var(--echo-muted);flex-wrap:wrap;align-items:center;gap:9px;font-size:10px;display:flex}.song-feeling-meta strong{color:var(--echo-ink)}.song-feeling-bars{gap:9px;display:grid}.song-feeling-bars>button{color:var(--echo-ink);text-align:left;background:0 0;border:0;grid-template-columns:120px minmax(0,1fr) 42px;align-items:center;gap:12px;padding:6px 0;display:grid}.song-feeling-bars>button>span:first-child{gap:2px;display:grid}.song-feeling-bars strong{font-size:12px}.song-feeling-bars small{color:var(--echo-muted);font-size:9px}.song-feeling-bar{background:var(--echo-soft);border-radius:999px;height:8px;position:relative;overflow:hidden}.song-feeling-bar i,.context-taste-track i{border-radius:inherit;background:var(--echo-strong);height:100%;display:block}.song-feeling-bars b{text-align:right;font-size:11px}.song-feeling-combos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.song-feeling-combos>button{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);color:var(--echo-ink);text-align:left;border-radius:14px;gap:8px;padding:12px;display:grid}.song-feeling-combos>button>span{flex-wrap:wrap;gap:6px;display:flex}.song-feeling-combos small{color:var(--echo-muted);font-size:9px}.song-feeling-footer{text-align:center;padding:22px 30px 34px}.song-feeling-footer a{color:var(--echo-ink);font-size:11px;font-weight:800;text-decoration:none}.context-taste-section{border-top:var(--echo-border-width) solid var(--echo-border-color);border-bottom:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);padding:24px 30px 28px}.context-taste-count{color:var(--echo-muted);font-size:10px}.context-taste-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.context-taste-grid>section{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:14px;min-width:0;padding:13px}.context-taste-grid h3{margin:0 0 11px;font-size:12px}.context-taste-bars{gap:9px;display:grid}.context-taste-bars>a{color:inherit;gap:4px;text-decoration:none;display:grid}.context-taste-bars>a>span:first-child{justify-content:space-between;gap:7px;display:flex}.context-taste-bars strong{font-size:10px}.context-taste-bars small{color:var(--echo-muted);font-size:8px}.context-taste-track{background:var(--echo-soft);border-radius:999px;height:5px;overflow:hidden}.context-taste-empty{color:var(--echo-muted);margin:0;font-size:9px}@media (width<=1060px){.feeling-person-grid,.context-taste-grid{grid-template-columns:1fr}}@media (width<=920px){.song-feeling-combos{grid-template-columns:1fr}}.feeling-search-subrow{justify-content:flex-start;align-items:center;gap:12px;margin:10px 2px 0;display:flex}.feeling-search-subrow button{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);min-height:38px;color:var(--echo-ink);cursor:pointer;border-radius:999px;flex:none;padding:0 16px;font-size:12px;font-weight:800;transition:background .12s,border-color .12s}.feeling-search-subrow button:hover{background:var(--echo-soft);border-color:var(--echo-border-color)}.feeling-selected-path>span>button{background:var(--echo-strong);min-height:32px;color:var(--echo-on-strong);cursor:pointer;border:0;border-radius:10px;align-items:center;gap:7px;padding:0;display:inline-flex}.feeling-selected-path>span>button strong{padding-right:0}.feeling-selected-path>span>button small{color:var(--echo-muted);padding-right:10px;font-size:15px;line-height:1}.feeling-selected-path>span>button:hover small,.feeling-selected-path>span>button:focus-visible small{color:var(--echo-on-strong)}.feeling-random-discovery .random-discovery-grid{padding:0}.feeling-random-discovery .random-discovery-grid button{text-align:center;align-items:center;min-height:64px;padding:14px 18px}.feeling-random-discovery .random-discovery-grid button:disabled{cursor:wait;opacity:.62}.feeling-random-discovery .random-discovery-grid strong{width:100%;font-size:15px}.feeling-search-box{position:relative}.feeling-search-shortcuts{z-index:30;border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:16px;gap:5px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 12px 32px #0f141924}.feeling-search-shortcuts>small{color:var(--echo-muted);padding:5px 10px 3px;font-size:11px;font-weight:700}.feeling-search-shortcuts>button{background:var(--echo-surface);min-height:48px;color:var(--echo-ink);text-align:left;border:0;border-radius:12px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.feeling-search-shortcuts>button:hover,.feeling-search-shortcuts>button:focus-visible{background:var(--echo-soft);outline:none}.feeling-search-shortcuts>button>span{color:var(--echo-blue);font-size:12px;font-weight:800}.feeling-search-shortcuts>button>strong{white-space:normal;overflow-wrap:anywhere;min-width:0;font-size:13px}.feeling-search-shortcuts>button>em{color:var(--echo-muted);white-space:nowrap;font-size:10px;font-style:normal}.search-section-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.search-section-heading h2{margin:0;font-size:16px}.search-section-heading span{color:var(--echo-muted);font-size:11px}@media (width<=640px){.feeling-search-shortcuts>button{grid-template-columns:48px minmax(0,1fr)}.feeling-search-shortcuts>button>em{grid-column:2}}.search-result-section>.search-section-heading{margin-bottom:0;padding:16px}.search-result-section>.search-section-heading h2{padding:0}.search-song-result>.search-song-result-icon{text-align:center;font-size:20px}.trend-period-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.rail-empty-state{color:var(--echo-muted);padding:14px 0 4px;font-size:12px}.feeling-starter-empty{color:var(--echo-muted);font-size:12px}.back-to-top-button{z-index:20;border:1px solid var(--echo-border-color);background:var(--echo-strong);min-height:44px;color:var(--echo-on-strong);letter-spacing:.03em;opacity:0;pointer-events:none;border-radius:999px;padding:0 16px;font-size:12px;font-weight:800;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;right:24px;transform:translateY(12px);box-shadow:0 8px 24px #0f141929}.back-to-top-button.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top-button:hover{background:var(--echo-strong)}.view-toolbar,.search-collapsible-toolbar,.feeling-results-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.view-toolbar{border-bottom:var(--echo-border-width) solid var(--echo-border-color);padding:12px 18px}.view-toolbar>strong,.search-layout-toolbar>strong{color:var(--echo-muted);font-size:12px;font-weight:800}.search-collapsible-toolbar{border-bottom:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);padding:12px 16px}.search-layout-toolbar{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.view-toggle{align-items:center;gap:8px;display:inline-flex}.view-toggle button,.feeling-expand-button{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);min-height:34px;color:var(--echo-muted);border-radius:999px;padding:0 12px;font-size:12px;font-weight:800}.view-toggle button.selected,.feeling-expand-button:hover{border-color:var(--echo-border-color);color:var(--echo-ink);background:var(--echo-soft)}.feed-list-grid,.search-post-results-grid,.match-user-list-grid,.feeling-song-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.feed-list-grid{padding:16px}.feed-list-grid .music-post,.search-post-results-grid .music-post{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:18px}.feed-list-grid .music-post{border-bottom:var(--echo-border-width) solid var(--echo-border-color)}.search-post-results-grid{padding:14px 16px 18px}.search-post-results-grid .music-post{border-bottom:var(--echo-border-width) solid var(--echo-border-color)}.matches-control-extras{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.match-user-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.match-user-list-grid .match-user-card{height:100%}.feeling-results-toolbar{margin-bottom:14px}.feeling-song-list-grid .feeling-song-card{height:100%}.feeling-song-card-grid{grid-template-columns:1fr}.feeling-song-card-grid .feeling-song-visual{width:100%;height:180px}.feeling-song-card-grid .feeling-song-title-row{align-items:flex-start}@media (width<=1200px){.feed-list-grid,.search-post-results-grid,.match-user-list-grid,.feeling-song-list-grid{grid-template-columns:1fr}}@media (width<=980px){.matches-control-extras{justify-content:flex-start}}@media (width<=720px){.back-to-top-button{bottom:16px;right:16px}}.left-rail-session{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;margin-top:auto;display:grid}.left-rail-session .profile-link{min-width:0;margin-top:0}.left-rail-logout{color:var(--echo-muted);background:0 0;border:0;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:700}.left-rail-logout:hover{background:var(--echo-soft);color:var(--echo-ink)}.auth-entry-link{margin-top:auto}.auth-page{place-items:start center;min-height:calc(100vh - 32px);padding:56px 24px 80px;display:grid}.auth-card{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:28px;width:min(100%,520px);padding:32px;box-shadow:0 16px 50px #0f14190f}.auth-card h1{margin:6px 0 10px;font-size:30px;line-height:1.15}.auth-intro{color:var(--echo-muted);margin:0 0 22px;line-height:1.65}.auth-mode-tabs{background:var(--echo-soft);border-radius:999px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:22px;padding:5px;display:grid}.auth-mode-tabs button{min-height:42px;color:var(--echo-muted);background:0 0;border:0;border-radius:999px;font-weight:800}.auth-mode-tabs button.selected{background:var(--echo-surface);color:var(--echo-ink);box-shadow:0 1px 8px #0f141914}.auth-form{gap:16px;display:grid}.auth-form label{gap:7px;font-size:13px;font-weight:800;display:grid}.auth-form label>small{color:var(--echo-muted);font-weight:500}.auth-form input{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);width:100%;min-height:48px;color:var(--echo-ink);font:inherit;border-radius:14px;outline:none;padding:0 14px}.auth-form input:focus{border-color:var(--echo-border-color);box-shadow:0 0 0 2px #0f141914}.auth-handle-input{border:var(--echo-border-width) solid var(--echo-border-color);color:var(--echo-muted);border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;padding-left:14px;display:grid}.auth-handle-input:focus-within{border-color:var(--echo-border-color);box-shadow:0 0 0 2px #0f141914}.auth-handle-input input{box-shadow:none;border:0;padding-left:4px}.auth-handle-input input:focus{box-shadow:none;border:0}.auth-submit-button,.auth-primary-link,.auth-secondary-button,.profile-auth-required a{border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:850;text-decoration:none;display:inline-flex}.auth-submit-button,.auth-primary-link,.profile-auth-required a{border:1px solid var(--echo-border-color);background:var(--echo-strong);color:var(--echo-on-strong)}.auth-submit-button:disabled,.auth-secondary-button:disabled,.left-rail-logout:disabled{opacity:.55;cursor:wait}.auth-error{background:var(--echo-danger-soft);color:var(--echo-danger);border-radius:12px;margin:0;padding:11px 13px;font-size:13px;line-height:1.5}.auth-current-user{align-items:center;gap:12px;margin:24px 0;display:flex}.auth-current-user>div{gap:3px;display:grid}.auth-current-user small{color:var(--echo-muted)}.auth-session-actions{gap:10px;display:grid}.auth-secondary-button{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);color:var(--echo-ink)}.profile-auth-required{border:var(--echo-border-width) solid var(--echo-border-color);text-align:center;border-radius:24px;gap:12px;width:min(100% - 48px,560px);margin:56px auto;padding:28px;display:grid}.profile-auth-required strong{font-size:22px}.profile-auth-required span{color:var(--echo-muted);line-height:1.6}.profile-auth-required a{justify-self:center;margin-top:6px}@media (width<=760px){.auth-page{padding:28px 16px 56px}.auth-card{border-radius:22px;padding:24px 18px}}.post-delete-button,.post-edit-button{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-danger-soft);color:var(--echo-danger);border-radius:999px;padding:7px 13px;font-size:12px;font-weight:800}.post-delete-button:hover:not(:disabled){border-color:var(--echo-danger);color:var(--echo-danger);background:var(--echo-danger-soft)}.matches-user-search{border-bottom:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);padding:14px 30px}.matches-user-search>form{align-items:center;gap:9px;display:flex}.matches-user-search input{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);min-width:0;height:44px;color:var(--echo-ink);border-radius:12px;flex:1;padding:0 14px}.matches-user-search input:focus{outline:2px solid var(--echo-blue);outline-offset:1px}.matches-user-search form button{border:1px solid var(--echo-border-color);background:var(--echo-strong);height:44px;color:var(--echo-on-strong);border-radius:999px;padding:0 16px;font-weight:800}.matches-user-search form button:disabled{opacity:.5;cursor:default}.matches-user-search form .matches-user-search-clear{background:var(--echo-surface);color:var(--echo-ink);border-color:var(--echo-border-color)}.matches-user-search-results{gap:9px;margin-top:12px;display:grid}.match-user-search-result{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.match-user-search-result .match-card-actions{justify-content:flex-end;margin-top:0}@media (width<=980px){.matches-user-search{padding-left:20px;padding-right:20px}.matches-user-search>form{flex-wrap:wrap}.matches-user-search input{flex-basis:100%}.match-user-search-result{flex-direction:column;align-items:flex-start}.match-user-search-result .match-card-actions{justify-content:flex-start}}.match-friend-action,.profile-friend-action{flex-direction:column;align-items:flex-start;gap:4px;display:inline-flex}.friendship-action-error{color:var(--echo-danger);font-size:10px;line-height:1.3}.music-post .post-head{grid-template-columns:minmax(56px,1fr) minmax(0,auto) minmax(56px,1fr);align-items:center;display:grid}.music-post .post-head>:is(.post-owner-actions,.follow-inline){grid-area:1/3;justify-self:end;max-width:100%}.music-post .post-head>.author-meta{grid-area:2/2}.music-post .author-meta{text-align:center;overflow-wrap:anywhere}.music-post .author-meta>div:first-child{justify-content:center}.music-post>.repost-badge{text-align:center;margin-left:0}.music-post .recommendation-copy{text-align:center;overflow-wrap:anywhere;max-width:72ch;margin:10px auto 13px;padding-inline:12px}.music-post>.quoted-original-post{margin-left:0}.music-post .quoted-original-head{text-align:center;overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr);justify-items:center}.music-post .quoted-original-post>p{text-align:center;overflow-wrap:anywhere;max-width:72ch;margin-inline:auto;padding-inline:12px}.music-post .song-card{grid-template-columns:minmax(96px,1fr) minmax(0,auto) minmax(96px,1fr);margin-left:0;display:grid}.music-post .song-card-artwork-link{justify-self:end}.music-post .song-meta{text-align:center;overflow-wrap:anywhere;align-items:center}.music-post .song-artist-search-tag{white-space:normal;overflow-wrap:anywhere}.music-post .play-button{justify-self:end}.music-post .post-tag-groups{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:12px;margin-left:0}.music-post .post-tag-group{text-align:center;border:var(--echo-border-width) solid var(--echo-border-color);border-radius:12px;grid-column:span 2;grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;min-width:0;padding:12px}.music-post .post-tag-group-label{padding-top:0}.music-post .post-tag-list{justify-content:center}.music-post .post-tag-list>:is(a,span){overflow-wrap:anywhere;max-width:100%}.music-post>.post-actions{margin-left:0}.music-post .post-tag-group:not(.post-tag-group-moment):nth-child(odd):last-child{grid-column:2/span 2}.music-post .post-tag-group:nth-child(odd):has(+.post-tag-group-moment:last-child){grid-column:2/span 2}.music-post .post-tag-group-moment{grid-column:1/-1}@media (width<=600px){.music-post .post-head,.music-post .quoted-original-head{grid-template-columns:minmax(0,1fr);justify-items:center}.music-post .post-head>.author-avatar-link{grid-area:1/1;justify-self:center}.music-post .post-head>.author-meta{grid-area:2/1}.music-post .quoted-original-head>.author-avatar-link{justify-self:center}.music-post .post-head>:is(.post-owner-actions,.follow-inline){grid-area:3/1;justify-self:center}.music-post .song-card{grid-template-columns:minmax(0,1fr);justify-items:center}.music-post .song-card-artwork-link,.music-post .play-button{justify-self:center}}.feeling-home-page>:is(.feeling-hero,.feeling-home-section){border:var(--echo-border-width) solid var(--echo-border-color);border-radius:18px;margin:16px;padding:24px}.music-post{border:var(--echo-border-width) solid var(--echo-border-color);border-radius:18px;min-width:0;margin:12px}:is(.feed-list-grid,.search-post-results-grid,.profile-post-grid,.treasure-grid) .music-post{margin:0}.trending-searches ol{margin:0;padding-left:24px}.trending-searches li{border-bottom:var(--echo-border-width) solid var(--echo-border-color);padding:10px 0}.trending-searches li:last-child{border-bottom:0}.trending-searches a{color:inherit;overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:10px;text-decoration:none;display:flex}.trending-searches a>span,.trending-searches small{color:var(--echo-muted);font-size:12px}.trending-searches small{margin-left:auto}.trending-searches h2{margin:0}.unified-post-grid-item{flex-direction:column;flex:1;min-width:0;display:flex}button[aria-haspopup],.treasure-category-menu button{font-weight:800}@media (width<=1200px){.profile-post-grid,.treasure-grid{grid-template-columns:minmax(0,1fr)}}.rounded-select .rounded-select-button,.rounded-select .rounded-select-option{font-weight:800}.publish-fields{border:0;gap:14px;min-width:0;margin:0;padding:0;display:grid}:is(.profile-post-grid,.feed-list-grid,.search-post-results-grid,.treasure-grid){grid-auto-rows:1fr;align-items:stretch}.music-post-grid{flex-direction:column;flex:1;min-width:0;display:flex}:is(.profile-treasure-grid-item,.treasure-grid-shell,.treasure-grid-card){flex-direction:column;min-width:0;display:flex}.treasure-grid-card{border:0;flex:1}.treasure-grid-card>.treasure-select{padding:8px 12px}.post-owner-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.activity-original-post{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:16px;min-width:0;margin-bottom:10px;padding:12px}:root{--echo-border-color:var(--echo-border-color);--echo-border-width:1px;--echo-ink:#172338;--echo-muted:#596a82;--echo-blue:#187fc9;--echo-surface:#fff;--echo-canvas:#f2f5fa;--echo-shadow:0 2px 12px #27426b06;color:var(--echo-ink);background:var(--echo-canvas)}body{background:var(--echo-canvas);min-width:320px;color:var(--echo-ink);line-height:1.55}button,select,textarea{font-family:inherit}button{transition:background-color .16s,border-color .16s,box-shadow .16s}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,.auth-handle-input:focus-within{outline:3px solid var(--echo-blue);outline-offset:3px}.auth-handle-input input:focus-visible{outline:none}[hidden]{display:none!important}.avatar{flex-shrink:0;position:relative;overflow:hidden}.avatar>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.app-shell{grid-template-columns:200px minmax(0,1fr);gap:24px;max-width:1060px;padding:24px}.app-shell.home-layout{grid-template-columns:200px minmax(0,1fr) 280px;max-width:1360px}.app-shell>.left-rail,.app-shell>.main-column,.app-shell>.right-rail{background:0 0;border:0;min-width:0}.app-shell>.main-column{padding:0}.app-shell .left-rail{scrollbar-width:thin;gap:12px;height:calc(100dvh - 40px);padding:0 4px 12px;top:16px;overflow-y:auto}.brand{margin-bottom:8px;padding:6px 12px}.brand-mark{background:linear-gradient(135deg,var(--echo-strong),var(--echo-blue));border-radius:13px;box-shadow:0 5px 14px #1688d32b}.brand-word{letter-spacing:.12em;font-size:23px}.nav-list{gap:18px;display:grid}.nav-group{gap:4px;display:grid}.nav-group-label{letter-spacing:.09em;color:var(--echo-muted);padding:0 14px 5px;font-size:11px;font-weight:800}.nav-list .nav-item{border-radius:13px;gap:14px;width:100%;min-height:44px;padding:9px 14px;font-size:14px;display:flex}.nav-list .nav-item:hover{background:var(--echo-soft)}.nav-list .nav-item.active{background:var(--echo-soft);color:var(--echo-blue);box-shadow:inset 3px 0 var(--echo-blue);font-weight:850}.publish-stack{margin-top:8px}.publish-button{background:var(--echo-blue);border:2px solid var(--echo-border-color);border-radius:14px;width:100%;min-height:46px;font-weight:850;box-shadow:0 5px 16px #203d641a}.publish-button:hover{background:var(--echo-blue);color:var(--echo-on-strong)}.left-rail-session{background:var(--echo-surface);border:var(--echo-border-width) solid var(--echo-border-color);border-radius:16px;padding:5px}.left-rail-session .profile-link{gap:8px;padding:6px}.left-rail-session .profile-text{min-width:0}.left-rail-session .profile-text>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.left-rail-logout{border:var(--echo-border-width) solid var(--echo-border-color);padding:6px 8px}.app-shell .right-rail{padding:0;display:flex}.rail-panel{background:var(--echo-surface);box-shadow:var(--echo-shadow);border-radius:22px;margin-bottom:20px;padding:20px 17px}.rail-panel h2{font-size:18px}.rail-feeling-list>a{padding-block:12px}.rail-feeling-list>a:hover{background:var(--echo-soft);border-radius:10px}.rail-feeling-list em{color:var(--echo-blue)}.person-row{gap:9px}.person-row>div{min-width:0}.person-row>div>span{overflow-wrap:anywhere}.person-row button{padding:7px 10px}.feeling-home-page,.feeling-search-page,.feeling-song-page,.profile-page,.treasure-page,.home-page,.personal-activity-page,.search-page{background:0 0;min-width:0}.feeling-home-page>:is(.feeling-hero,.feeling-home-section),.rail-panel,.search-page-header,.feeling-search-header,.playlists-header,.messages-page-header,.match-user-card,.playlist-summary,.playlist-form{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);box-shadow:var(--echo-shadow);border-radius:22px}.feeling-home-page>:is(.feeling-hero,.feeling-home-section){margin:0 0 22px;padding:26px}.feeling-home-page>.feeling-hero{background:radial-gradient(ellipse at top right,var(--echo-soft) 0,transparent 64%),var(--echo-surface);padding-block:32px}.eyebrow{letter-spacing:.11em;color:var(--echo-muted);font-size:11px;font-weight:850}.feeling-hero h1{letter-spacing:-.04em;margin:8px 0 12px;font-size:clamp(28px,3vw,40px);line-height:1.3}.hero-intro{color:var(--echo-muted);margin:0 0 24px;font-size:14px}.feeling-section-heading h2{font-size:20px;line-height:1.4}.feeling-combination-list{gap:12px}.feeling-combination-list>button{background:var(--echo-surface);text-align:left;border-radius:15px;flex-wrap:wrap;gap:8px;padding:14px 12px}.feeling-combination-list>button:hover{background:var(--echo-soft);box-shadow:0 3px 12px #187fc90f}.feeling-combination-tags strong{background:var(--echo-soft);color:var(--echo-blue);border-color:var(--echo-border-color)}.feeling-combination-list>button>span:nth-child(2){font-size:11px}.trending-searches ol{counter-reset:echo-ranking;padding:0;list-style:none}.trending-searches li{counter-increment:echo-ranking;padding:13px 0 13px 34px;position:relative}.trending-searches li:before{content:counter(echo-ranking, decimal-leading-zero);color:var(--echo-blue);font-size:13px;font-weight:850;position:absolute;top:14px;left:0}.trending-searches a:hover{color:var(--echo-blue)}.search-page-header,.feeling-search-header{margin-bottom:20px;padding:24px;position:static}.search-page-header h1{margin:0 0 18px;font-size:28px}.search-page{padding:0}.feeling-results-section{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:22px;margin:16px 0;padding:20px}.feeling-song-card{background:var(--echo-surface);border-radius:18px}.feeling-song-visual{border-radius:14px;overflow:hidden}.feeling-song-card:hover{background:var(--echo-soft)}.feed-header,.personal-activity-page .personal-activity-header{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:18px;position:static;overflow:hidden}.feed-top-tab{min-height:54px}.feed-top-tab.selected{color:var(--echo-blue);background:var(--echo-soft)}.feed-controls{background:var(--echo-surface);border:var(--echo-border-width) solid var(--echo-border-color);border-radius:18px;margin-bottom:16px}.feed-controls>.feed-header{border:0;border-radius:18px 18px 0 0}.feed-controls>.view-toolbar{border:0;border-top:1px solid var(--echo-border-color);border-radius:0 0 18px 18px;margin:0;padding:10px 12px}.view-toolbar,.profile-content-toolbar{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:16px;margin:12px 0 20px;padding:12px 16px}.view-toggle button.selected{background:var(--echo-soft);color:var(--echo-blue);border-color:var(--echo-blue)}.profile-page{border:var(--echo-border-width) solid var(--echo-border-color);border-radius:24px;overflow:hidden}.profile-header-main,.profile-content-tabs{background:var(--echo-surface)}.profile-content-tabs{flex-wrap:nowrap;overflow-x:auto}.profile-content-tabs>button{flex-shrink:0}.profile-post-list{padding:0 14px}.treasure-page-header{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:20px;margin-bottom:14px}.treasure-controls-sticky{border:var(--echo-border-width) solid var(--echo-border-color);border-radius:18px;margin-bottom:18px}.playlists-page,.messages-page{padding:0}.playlist-open-link{background:linear-gradient(135deg,var(--echo-soft),var(--echo-surface) 70%);padding:24px}.playlist-open-link h2:before{content:"♫";background:var(--echo-soft);width:36px;height:36px;color:var(--echo-blue);border-radius:11px;place-items:center;margin-right:10px;display:inline-grid}.state-message,.feed-empty-state,.treasure-empty-state{color:var(--echo-muted);line-height:1.7}.form-error{overflow-wrap:anywhere;line-height:1.65}.echo-search{min-width:0}.search-scope-pills{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.search-scope-pills>button{border:2px solid var(--echo-border-color);background:var(--echo-surface);min-height:34px;color:var(--echo-muted);border-radius:999px;padding:6px 12px;font-size:12px}.search-scope-pills>button:hover{background:var(--echo-soft)}.search-scope-pills>.search-scope-context.selected{background:var(--echo-soft);color:var(--echo-blue);border-color:var(--echo-blue)}.search-scope-pills>.search-scope-mood.selected{background:var(--echo-soft);color:var(--echo-blue);border-color:var(--echo-border-color)}.search-scope-pills>.search-scope-genre.selected{background:var(--echo-soft);color:var(--echo-success);border-color:var(--echo-success)}.search-scope-pills>.search-scope-vibe.selected{background:var(--echo-soft);color:var(--echo-danger);border-color:var(--echo-warning)}.echo-search .feeling-search-box{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:17px;align-items:center;gap:10px;width:100%;min-height:58px;padding:6px 7px 6px 16px;display:flex;box-shadow:0 5px 20px #27426b08}.echo-search .feeling-search-box input{background:0 0;border:0;outline:0;flex:1;width:0;min-width:0;padding:8px 0;font-size:15px}.feeling-search-icon{width:20px;color:var(--echo-muted);display:flex}.feeling-search-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:20px}.echo-search .feeling-search-box .search-submit{border:2px solid var(--echo-border-color);background:var(--echo-blue);color:var(--echo-on-strong);border-radius:12px;padding:10px 17px;font-weight:850}.echo-search .feeling-search-clear{background:var(--echo-soft);width:30px;min-width:30px;height:30px;color:var(--echo-muted);border:0;border-radius:50%;padding:0}.music-post{background:var(--echo-surface);border:var(--echo-border-width) solid var(--echo-border-color);box-shadow:var(--echo-shadow);border-radius:24px;margin:0 0 16px;padding:20px;container:music-post/inline-size}.music-post .post-head{grid-template-columns:40px minmax(0,1fr) auto;place-items:center stretch;gap:10px;display:grid}.music-post .post-head>.author-avatar-link{grid-area:1/1;justify-self:start}.music-post .post-head>.author-meta{text-align:left;grid-area:1/2;min-width:0}.music-post .post-head>:is(.post-owner-actions,.follow-inline){grid-area:1/3;justify-self:end}.music-post .author-meta>div:first-child{justify-content:flex-start;gap:6px}.music-post .author-name-link{font-size:14px;font-weight:850}.music-post .author-meta>div:first-child>.author-name-link{flex-basis:100%}.music-post .author-meta span,.music-post .taste-line{color:var(--echo-muted);font-size:12px}.music-post .taste-line{margin-top:2px}.music-post .follow-inline{background:var(--echo-soft);color:var(--echo-muted);border:var(--echo-border-width) solid var(--echo-border-color);padding:8px 15px}.music-post .follow-inline:hover{background:var(--echo-soft);border-color:var(--echo-blue)}.music-post .post-owner-actions{display:block;position:relative}.music-post .post-owner-toggle{min-width:44px;min-height:44px;color:var(--echo-muted);background:0 0;border:0;border-radius:50%;font-size:24px}.music-post .post-owner-popover{z-index:12;border:1px solid var(--echo-border-color);background:var(--echo-surface);border-radius:14px;min-width:136px;padding:6px;position:absolute;top:100%;right:0;box-shadow:0 8px 26px #17233820}.music-post .post-owner-popover button{text-align:left;background:0 0;border:0;border-radius:9px;width:100%;min-height:44px;padding:9px 12px;display:block}.music-post .post-owner-popover button:hover{background:var(--echo-soft)}.music-post .recommendation-copy,.music-post .quoted-original-post>p{text-align:left;white-space:pre-wrap;max-width:none;margin:14px 0 0;padding:0;font-size:15px;line-height:1.7}.music-post>.repost-badge{text-align:left;color:var(--echo-blue);margin:0 0 14px;font-size:12px}.music-post .quoted-original-post,.music-post .activity-original-post{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:20px;margin:16px 0 0;padding:18px}.music-post .quoted-original-head{text-align:left;grid-template-columns:40px minmax(0,1fr);justify-items:start;gap:12px;display:grid}.music-post .quoted-original-head>.author-avatar-link{justify-self:start}.music-post .quoted-original-head .avatar{width:40px;height:40px}.music-post .quoted-original-head>div{min-width:0}.music-post .quoted-original-head span:not(.avatar){color:var(--echo-muted);font-size:12px;display:block}.post-music-layout{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:16px;min-width:0;margin-top:16px;display:grid}.post-cover{aspect-ratio:1;color:#fff;background:linear-gradient(145deg,#d5e8f1,#b7c3dd 50%,#6b849f);border-radius:17px;place-items:center;width:100%;text-decoration:none;display:grid;position:relative;overflow:hidden}.post-cover>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.post-cover-fallback{opacity:.65;font-size:72px;font-weight:400}.post-cover-play{color:#fff;background:#182b45c9;border:1px solid #ffffff70;border-radius:50%;place-items:center;width:40px;height:40px;font-size:23px;display:grid;position:absolute;bottom:12px;right:12px}.post-cover:hover .post-cover-play{background:#146faa}.post-song-details{min-width:0}.music-post .song-meta{text-align:left;align-items:flex-start;gap:7px;margin:0;padding:0;display:flex}.music-post .song-meta>small{color:var(--echo-muted);font-size:12px}.music-post .song-title-link{overflow-wrap:anywhere;letter-spacing:-.025em;color:var(--echo-ink);font-size:clamp(19px,1.7vw,25px);font-weight:850;line-height:1.3}.music-post .song-artist-search-tag{color:var(--echo-muted);background:0 0;border:0;border-radius:8px;margin:0;padding:0 3px;font-size:16px;font-weight:600;text-decoration:none}.music-post .song-artist-search-tag:hover{background:var(--echo-soft);color:var(--echo-blue)}.music-post .post-tag-groups{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:0;padding:0;display:grid}.music-post .post-tag-group{text-align:left;border:0;border-radius:0;grid-column:auto;grid-template-columns:28px minmax(0,1fr);align-content:center;align-items:center;gap:6px;min-width:0;padding:0;display:grid}.music-post .post-tag-group-label{color:var(--echo-muted);white-space:nowrap;padding:0;font-size:12px;font-weight:700}.music-post .post-tag-content{min-width:0;position:relative}.music-post .post-tag-list{flex-wrap:nowrap;justify-content:flex-start;gap:4px;min-width:0;display:flex}.music-post .post-tag-list>a,.music-post .post-tag-measure-chip{background:var(--tag-bg,var(--echo-soft));min-width:0;max-width:100%;color:var(--tag-ink,var(--echo-blue));white-space:nowrap;text-overflow:ellipsis;border:1px solid #0000;border-radius:999px;flex:0 auto;padding:5px 7px;font-size:11px;font-weight:700;line-height:1.5;text-decoration:none;display:block;overflow:hidden}.music-post .post-tag-measure{visibility:hidden;pointer-events:none;gap:4px;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden}.music-post .post-tag-measure>*{flex:none;max-width:none}.music-post .post-tag-list>a:hover{filter:brightness(.96);border-color:currentColor}.post-tag-group-context,.post-tag-group-mood{--tag-bg:var(--echo-soft);--tag-ink:var(--echo-blue)}.music-post .tag-expand{border:1px solid var(--echo-border-color);background:var(--echo-soft);color:var(--echo-muted);white-space:nowrap;border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:30px;min-height:28px;padding:5px 6px;font-size:11px;font-weight:850;line-height:1.5;display:inline-flex}.music-post .tag-expand:hover{background:var(--echo-soft);border-color:var(--echo-blue)}.music-post .post-tag-group.expanded{align-items:start}.music-post .post-tag-group.expanded .post-tag-list{flex-wrap:wrap}.music-post .post-tag-group.expanded .post-tag-list>a{white-space:normal;overflow-wrap:anywhere;flex:0 auto;max-width:100%}.post-listen-moment{color:var(--echo-muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:12px}.post-listen-moment span{font-weight:800}.music-post>.post-actions{border-top:1px solid var(--echo-border-color);justify-content:space-between;align-items:center;gap:6px;margin:16px 0 0;padding:10px 0 0;display:flex}.music-post .post-actions button{min-height:44px;color:var(--echo-muted);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-size:12px;font-weight:800;display:inline-flex}.music-post .post-actions svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.music-post .post-like-group{align-items:center;gap:0;display:inline-flex}.music-post .post-actions .post-like-count{min-width:25px;padding-inline:5px;text-decoration:none}.music-post .treasure-category-menu{overscroll-behavior:contain;z-index:9;width:270px;min-width:0;max-width:calc(100vw - 24px);max-height:360px;bottom:calc(100% + 8px);left:auto;right:0;overflow-y:auto;transform:none}.music-post .post-actions .treasure-category-menu button{border:var(--echo-border-width) solid var(--echo-border-color);text-align:center;white-space:normal;overflow-wrap:anywhere;border-radius:999px}.music-post .treasure-category-create{grid-template-columns:minmax(0,1fr) auto}.music-post .treasure-operation-error{color:var(--echo-danger);font-size:12px}:is(.profile-post-grid,.feed-list-grid,.search-post-results-grid,.treasure-grid){grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:18px;padding:0}.profile-post-grid,.treasure-grid{padding:14px}:is(.feed-list-grid,.search-post-results-grid,.profile-post-grid,.treasure-grid) .music-post{border-radius:24px}.music-post-grid{padding:18px}.music-post-grid>.post-actions{margin-top:auto;padding-top:16px}.music-post-grid .post-music-layout{margin-bottom:22px}.personal-activity-entry{background:var(--echo-surface);box-shadow:var(--echo-shadow);border-radius:24px;margin:0 0 20px}.personal-activity-page .personal-activity-entry>.music-post{box-shadow:none;border:0;margin:0}.personal-activity-text{padding:0 24px}.personal-activity-page>.feed-list:not(.feed-list-grid) .personal-activity-summary{text-align:left;justify-content:flex-start}.personal-activity-page>.feed-list:not(.feed-list-grid) .personal-activity-text{text-align:left}.treasure-page .treasure-list-item{border:0;margin-bottom:20px}.treasure-page .treasure-list-item>.music-post{border:var(--echo-border-width) solid var(--echo-border-color)}.post-detail-modal{width:min(1040px,100vw - 32px)}.relationship-search{gap:8px;margin:12px 0 18px;display:grid}.relationship-search label{color:var(--echo-muted);font-size:12px;font-weight:800}.relationship-search>div{gap:8px;display:flex}.relationship-search input{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:13px;width:100%;min-width:0;padding:11px 13px}.relationship-search small{color:var(--echo-muted)}.user-list-row{border-radius:14px}.user-list-row:hover{background:var(--echo-soft)}.user-list-header-action,.user-list-row-action{border:var(--echo-border-width) solid var(--echo-border-color);background:var(--echo-surface);border-radius:999px;padding:7px 12px;font-weight:800}.user-list-header-action:hover,.user-list-row-action:hover{background:var(--echo-soft)}.message-shortcut{background:var(--echo-blue);color:var(--echo-on-strong);border-color:var(--echo-border-color);z-index:40;min-height:48px;bottom:24px;right:24px;box-shadow:0 8px 24px #1832582e}.message-shortcut:hover{background:var(--echo-blue)}.back-to-top-button{bottom:90px;right:30px}.back-to-top-button.echo-action{text-align:center;justify-content:center;align-items:center;width:auto;min-width:64px;height:44px;min-height:44px;padding:0 16px;line-height:1;display:inline-flex}.chat-dock{z-index:45;background:var(--echo-surface);border:var(--echo-border-width) solid var(--echo-border-color);border-radius:20px;flex-direction:column;width:min(410px,100vw - 24px);height:min(600px,100dvh - 112px);display:flex;position:fixed;bottom:84px;right:24px;overflow:hidden;box-shadow:0 16px 60px #182f5333}.chat-dock.expanded{width:min(610px,100vw - 24px);height:min(740px,100dvh - 112px)}.chat-dock.minimized{height:auto}.chat-dock-header{background:var(--echo-soft);border-bottom:2px solid var(--echo-border-color);flex:none;justify-content:space-between;align-items:center;gap:4px;padding:10px 12px;display:flex}.chat-dock-header>div{gap:4px;display:flex}.chat-dock-header button{border:1px solid var(--echo-border-color);background:var(--echo-surface);min-width:30px;height:32px;color:var(--echo-blue);border-radius:10px;font-weight:800}.chat-dock-header button:hover{background:var(--echo-soft)}.chat-dock-header .chat-dock-title{background:0 0;border:0;align-items:center;gap:8px;height:auto;min-height:32px;padding:2px 4px;font-size:15px;display:flex}.chat-dock-title span{color:var(--echo-muted);font-size:10px}.chat-dock-content{flex-direction:column;flex:1;min-height:0;display:flex}.chat-conversations{align-content:start;gap:10px;padding:12px;display:grid;overflow:auto}.chat-conversations .conversation-link{text-align:left;background:var(--echo-surface);border-radius:14px;width:100%}.chat-conversations .conversation-link:hover{background:var(--echo-soft)}.chat-dock .message-thread{border:0;border-radius:0;flex:1;height:100%;min-height:0;max-height:none}.chat-dock .message-thread-header{flex-wrap:nowrap;gap:8px;padding:10px}.chat-dock .message-thread-header .message-back{min-height:30px;padding:5px 9px;font-size:11px;display:inline-flex}.chat-dock .message-thread-header .person-name-link{flex:1;font-size:13px}.chat-dock .message-thread-header small{font-size:10px}.chat-dock .message-thread-header .secondary-action{min-height:30px;padding:5px 8px;font-size:10px}.chat-dock .message-history{min-height:0;padding:14px}.chat-dock .direct-message{border:1px solid var(--echo-border-color);background:var(--echo-soft);padding:10px 12px}.chat-dock .direct-message.own{background:var(--echo-soft);border-color:var(--echo-border-color)}.chat-dock .message-compose{border-color:var(--echo-border-color);align-items:flex-end;gap:8px;padding:10px;display:flex}.chat-dock .message-compose textarea{border-radius:15px;flex:1;height:46px;min-height:46px;max-height:120px;font-size:13px}.chat-dock .message-compose>div{flex:none}.chat-dock .message-compose button{padding:9px 12px}.chat-dock .message-meta{gap:5px;font-size:9px}.chat-dock .message-actions{margin-top:5px}.chat-dock .message-actions button{background:0 0;min-height:25px;padding:3px 9px;font-size:10px}.chat-dock .form-error{max-height:100px;margin:8px;font-size:12px;overflow-y:auto}.matches-page,.notifications-page{background:0 0;padding:0}.matches-header,.notifications-header,.section-page{background:var(--echo-surface);border:var(--echo-border-width) solid var(--echo-border-color);box-shadow:var(--echo-shadow);border-radius:22px;margin-bottom:18px;padding:24px}.matches-controls,.matches-user-search{border:var(--echo-border-width) solid var(--echo-border-color);border-radius:18px;margin-bottom:14px;padding:18px}@media (width>=981px){.matches-controls{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}}.match-user-list{gap:18px;padding:0}.match-recent-share{min-width:0;margin:18px 0}.match-recent-share h3{color:var(--echo-muted);margin:0 0 10px;font-size:12px}.match-recent-share .music-post{background:var(--echo-surface);box-shadow:none;margin:0}.match-score-box{background:var(--echo-soft);border-color:var(--echo-blue);color:var(--echo-blue);border-radius:14px}.notification-item{background:var(--echo-surface);box-shadow:var(--echo-shadow);border-radius:20px}.notification-target{border:1px solid var(--echo-border-color);background:var(--echo-soft);border-radius:12px;padding:9px 12px}.notification-target:hover{background:var(--echo-soft)}.section-page h1{margin:0 0 12px}.section-page .boundary-note{background:var(--echo-soft);color:var(--echo-muted);border-radius:16px;padding:18px}@container music-post (width<=520px){.post-music-layout{grid-template-columns:84px minmax(0,1fr);gap:12px}.post-cover{aspect-ratio:1;border-radius:12px}.post-cover-play{width:28px;height:28px;font-size:18px;bottom:5px;right:5px}.music-post .song-meta{gap:5px;margin:0}.music-post .post-tag-list>a,.music-post .post-tag-measure-chip{font-size:12px}.music-post .post-tag-group{grid-template-columns:34px minmax(0,1fr);gap:8px}}@container music-post (width<=400px){.music-post .post-head{grid-template-columns:36px minmax(0,1fr) auto;gap:8px}.music-post .post-head .avatar{width:36px;height:36px}.music-post .post-head>:is(.post-owner-actions,.follow-inline){grid-area:1/3;justify-self:end}.music-post .follow-inline{min-height:44px;padding:6px 10px}.music-post .author-name-link{font-size:14px}.music-post .author-meta span{font-size:11px}.music-post .recommendation-copy,.music-post .quoted-original-post>p{margin:12px 0 0;font-size:14px}.music-post .post-actions button{gap:4px;padding-inline:5px;font-size:11px}.music-post .post-actions svg{width:18px;height:18px}.music-post .post-actions .action-label{display:none}.music-post .post-tag-list>a,.music-post .post-tag-measure-chip{padding:5px 6px;font-size:11px}.music-post .post-tag-group{grid-template-columns:28px minmax(0,1fr);gap:6px}}@media (width<=1240px){.app-shell,.app-shell.home-layout{grid-template-columns:188px minmax(0,1fr);gap:20px;max-width:874px;padding:20px}.app-shell .right-rail{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.app-shell .right-rail .rail-panel{margin-bottom:0}}@media (width<=1000px){.app-shell,.app-shell.home-layout{grid-template-columns:78px minmax(0,1fr);gap:16px;max-width:756px;padding:18px}.nav-group-label,.nav-label,.brand-word,.left-rail .profile-text,.left-rail-logout{display:none}.left-rail .brand{align-self:center;padding:6px}.nav-list .nav-item{justify-content:center;min-height:48px;padding:12px}.publish-button{padding:8px 4px;font-size:11px}.left-rail-session{justify-content:center;display:flex}:is(.profile-post-grid,.feed-list-grid,.search-post-results-grid,.treasure-grid){gap:12px}.music-post-grid{padding:14px}}@media (width<=760px){.app-shell,.app-shell.home-layout{max-width:none;padding:0 12px 100px;display:block}.app-shell .left-rail{grid-template-columns:auto 1fr auto;gap:8px;height:auto;padding:12px 0;display:grid;position:relative;top:0;overflow:visible}.left-rail .brand{margin:0;padding:0}.left-rail .nav-list{display:none}.left-rail .nav-group{gap:6px;display:flex}.nav-list .nav-item{background:var(--echo-surface);flex-direction:column;gap:5px;min-width:64px;padding:9px 5px;font-size:10px}.nav-list .nav-item.active{box-shadow:inset 0 -3px var(--echo-blue);background:var(--echo-soft)}.nav-list .nav-label{white-space:nowrap;display:inline}.nav-list .nav-icon svg{width:20px;height:20px}.left-rail .publish-stack{grid-area:1/2;place-self:center end;margin:0}.left-rail .publish-button{min-height:38px;padding:7px 14px;font-size:12px}.left-rail-session{background:0 0;border:0;grid-area:1/3;margin:0;padding:0}.left-rail-session .profile-link{padding:0}.left-rail-session .avatar{width:36px;height:36px}.left-rail .auth-entry-link{grid-area:1/3;margin:0;padding:0}.app-shell .right-rail{grid-template-columns:1fr;margin-top:20px}.feeling-home-page>:is(.feeling-hero,.feeling-home-section),.search-page-header,.feeling-search-header{padding:20px}.feeling-combination-list{grid-template-columns:1fr}:is(.profile-post-grid,.feed-list-grid,.search-post-results-grid,.treasure-grid,.match-user-list-grid,.feeling-song-list-grid){grid-template-columns:1fr;grid-auto-rows:auto}.music-post,:is(.feed-list-grid,.search-post-results-grid,.profile-post-grid,.treasure-grid) .music-post{border-radius:20px;padding:18px}.post-detail-modal .music-post{padding:14px}.music-post .quoted-original-post,.music-post .activity-original-post{padding:12px}.view-toolbar{flex-wrap:wrap;gap:10px}.personal-activity-controls{gap:8px}.personal-activity-controls label{font-size:12px}.treasure-toolbar{grid-template-columns:minmax(0,1fr)}.profile-header-main,.profile-header-row,.profile-name-stats-row,.profile-stats{flex-wrap:wrap}.search-scope-pills{grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;display:grid}.search-scope-pills>button{grid-column:span 3;min-width:0;min-height:40px;padding:5px 4px}.search-scope-pills>button:nth-child(n+5){grid-column:span 4}.echo-search .feeling-search-box{gap:7px;padding-left:12px}.echo-search .feeling-search-box input{font-size:13px}.echo-search .feeling-search-box .search-submit{padding:9px 12px}.chat-dock,.chat-dock.expanded{max-height:calc(100dvh - 94px);bottom:76px;right:12px}.message-shortcut{min-height:44px;bottom:16px;right:12px}.back-to-top-button{bottom:21px;right:111px}.chat-dock .message-thread{min-height:0;max-height:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}:is(.match-user-identity,.feeling-person-identity,.user-list-copy,.comment-body,.person-name-link,.profile-name,.song-feeling-identity,.feeling-song-main){overflow-wrap:anywhere;min-width:0}:is(.match-user-bio,.match-user-identity strong,.match-user-identity small,.comment-body p,.comment-meta,.comment-meta a,.user-list-copy strong,.feeling-song-title-row a,.song-feeling-identity h1){overflow-wrap:anywhere;word-break:normal}.match-user-search-result>.match-user-identity{flex:1;min-width:0;max-width:100%}.match-score-box{flex-shrink:0}.comment-body{max-width:100%}.request-error{color:var(--echo-danger);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0;font-size:13px;line-height:1.65;display:flex}.request-error .echo-action{flex:none}.action-status{color:var(--echo-muted);margin-block:6px;font-size:12px;display:block}.person-row>:is(.request-error,.action-status){flex-basis:100%;grid-column:1/-1}.recovery-actions,.context-suggestions{flex-wrap:wrap;gap:8px;margin-block:12px;display:flex}.recovery-actions a{text-decoration:none}.search-empty-state .search-recovery{text-align:center;width:100%;min-width:0}.search-empty-state .recovery-actions{justify-content:center}.metric-explanation{color:var(--echo-muted);overflow-wrap:anywhere;margin-block:10px;font-size:12px;line-height:1.65}.metric-explanation>summary{cursor:pointer;width:fit-content;max-width:100%;color:var(--echo-blue);padding:6px 0}.metric-explanation p{margin:6px 0}.copy-link-control{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;margin-block:10px;font-size:12px;display:flex}.copy-link-control>:is(input,small){overflow-wrap:anywhere;flex-basis:100%;min-width:0;max-width:100%}.copy-link-control input{border:2px solid var(--echo-border-color);border-radius:12px;width:100%;padding:9px}.copy-link-control small{color:var(--echo-muted)}.publish-extra-tags>h3{font-size:inherit;margin:0;padding:10px 0;font-weight:700}.publish-extra-tags .form-two-columns{margin-top:8px}.mobile-app-header,.mobile-navigation-viewport{display:none}.local-preview-notice{text-align:center;background:var(--echo-soft);color:var(--echo-danger);padding:5px 12px;font-size:12px}.mobile-more-dialog{width:min(440px,100%)}.mobile-menu-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mobile-menu-links>a{min-height:48px;color:var(--echo-ink);border:2px solid var(--echo-border-color);overflow-wrap:anywhere;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px;text-decoration:none;display:flex}.mobile-menu-links>a.active{background:var(--echo-soft);border-color:var(--echo-blue)}.route-recovery{max-width:626px;margin:24px auto}.auth-field-help,.auth-field-error{margin-top:4px;font-size:12px;line-height:1.6;display:block}.auth-field-help{color:var(--echo-muted)}.auth-field-error{color:var(--echo-danger)}.auth-form [aria-invalid=true]{border-color:var(--echo-danger)}@media (width<=760px){.app-shell .left-rail{display:none}.app-shell,.app-shell.home-layout{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}.mobile-app-header{padding:calc(8px + env(safe-area-inset-top,0px)) 12px 8px;justify-content:space-between;align-items:center;min-height:60px;display:flex}.mobile-brand{letter-spacing:2px;color:var(--echo-ink);font-size:22px;font-weight:850;text-decoration:none}.mobile-header-action{width:44px;height:44px;color:var(--echo-ink);background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;display:inline-flex;position:relative}.mobile-navigation-viewport{z-index:45;top:var(--echo-viewport-top,0px);left:var(--echo-viewport-left,0px);width:var(--echo-viewport-width,100%);height:var(--echo-viewport-height,100dvh);pointer-events:none;display:block;position:fixed;overflow:hidden}.mobile-bottom-nav{padding:6px max(6px, env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(6px, env(safe-area-inset-left,0px));border-top:1px solid var(--echo-border-color);background:var(--echo-surface);pointer-events:auto;opacity:1;visibility:visible;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;transition:transform .16s,opacity .16s,visibility .16s;display:grid;position:absolute;inset:auto 0 0;transform:translateY(0);box-shadow:0 -4px 16px #18325812}.mobile-bottom-nav.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(100%)}.mobile-nav-item{min-width:0;min-height:52px;color:var(--echo-muted);font:inherit;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px 0;font-size:10px;font-weight:700;text-decoration:none;display:flex}.mobile-nav-item.active{color:var(--echo-blue);background:var(--echo-soft)}.mobile-nav-icon{display:flex;position:relative}.mobile-nav-icon svg,.mobile-compose-icon svg{width:24px;height:24px}.mobile-compose-icon{background:var(--echo-blue);width:42px;height:30px;color:var(--echo-on-strong);border-radius:10px;justify-content:center;align-items:center;display:flex}.mobile-menu-links>a{font-size:13px}.message-shortcut{display:none}.back-to-top-button{right:12px;bottom:calc(86px + env(safe-area-inset-bottom,0px))}.chat-dock,.chat-dock.expanded{bottom:calc(80px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 100px - env(safe-area-inset-bottom,0px))}.modal-backdrop{inset:auto;top:var(--echo-viewport-top,0px);left:var(--echo-viewport-left,0px);width:var(--echo-viewport-width,100%);height:var(--echo-viewport-height,100dvh);padding:max(12px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px))}.modal-backdrop>.echo-modal{max-height:100%}.post-detail-modal{flex-direction:column;display:flex}.post-detail-modal-head{flex-shrink:0}.post-detail-modal-body{overscroll-behavior-y:contain;min-height:0;max-height:none;overflow-y:auto}}@media (width<=760px),(pointer:coarse){#root :is(input,textarea,select,[contenteditable=true]){font-size:max(16px,1rem)}}:root,:root[data-theme=light]{--echo-canvas:#f5f3ed;--echo-surface:#fffefa;--echo-soft:#f0eee7;--echo-hover:#e7e4db;--echo-border-color:#dedbd2;--echo-border-width:1px;--echo-ink:#282d29;--echo-muted:#676d65;--echo-blue:#a3442b;--echo-accent-soft:#f4e5dc;--echo-strong:#29312b;--echo-on-strong:#fffefa;--echo-danger:#b53341;--echo-danger-soft:#fce9ec;--echo-success:#326847;--echo-success-soft:#e9f1e8;--echo-warning:#775a1b;--echo-warning-soft:#f8efd9;--echo-overlay:#141a18a6;--echo-glass:#fffefaf5;--echo-shadow:0 3px 18px #24291d05;--echo-tag-context:#eaf0e5;--echo-tag-mood:#f0e8e1;--echo-tag-genre:#eceaf3;--echo-tag-vibe:#f2edde;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--echo-canvas:#131719;--echo-surface:#1c2123;--echo-soft:#252b2d;--echo-hover:#303739;--echo-border-color:#3b4141;--echo-ink:#f2efe7;--echo-muted:#b3b9b3;--echo-blue:#dfc28c;--echo-accent-soft:#393329;--echo-strong:#dfc28c;--echo-on-strong:#211e18;--echo-danger:#ff9baa;--echo-danger-soft:#3f282e;--echo-success:#a2d3aa;--echo-success-soft:#28382e;--echo-warning:#e2c88e;--echo-warning-soft:#393528;--echo-overlay:#050808bf;--echo-glass:#1c2123f5;--echo-shadow:0 3px 18px #00000010;--echo-tag-context:#2c372d;--echo-tag-mood:#3b3030;--echo-tag-genre:#34323e;--echo-tag-vibe:#393528;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{background:var(--echo-canvas);scroll-padding-top:86px}body{background:var(--echo-canvas);color:var(--echo-ink);font-synthesis:weight}button,input,textarea,select{color:inherit}input::placeholder,textarea::placeholder{color:var(--echo-muted);opacity:.85}input,textarea,select{accent-color:var(--echo-blue)}button,summary,select{font-weight:650}a{color:var(--echo-blue)}button:hover:not(:disabled){border-color:var(--echo-blue)}:is(a,button,input,textarea,select,summary):focus-visible{outline:2px solid var(--echo-blue);outline-offset:3px}button.echo-action:hover:not(:disabled),a.echo-action:hover{background:var(--echo-accent-soft)}.theme-switch{background:var(--echo-soft);border:1px solid var(--echo-border-color);border-radius:999px;flex:none;gap:2px;padding:3px;display:inline-flex}.theme-switch button{color:var(--echo-muted);white-space:nowrap;background:0 0;border:0;border-radius:999px;min-height:32px;padding:5px 11px;font-size:12px}.theme-switch button[aria-pressed=true]{background:var(--echo-strong);color:var(--echo-on-strong)}.desktop-app-header{background:var(--echo-surface);border-bottom:1px solid var(--echo-border-color)}.desktop-header-inner{align-items:center;gap:36px;max-width:1460px;min-height:76px;margin:auto;padding:10px 28px;display:flex}.desktop-brand{color:var(--echo-ink);letter-spacing:.12em;flex-shrink:0;align-items:center;gap:5px;font-size:28px;font-weight:850;text-decoration:none;display:flex}.desktop-brand>span{color:var(--echo-blue);font-size:23px}.desktop-primary-nav,.desktop-account-tools{align-items:center;gap:22px;display:flex}.desktop-primary-nav>:is(a,button){color:var(--echo-muted);white-space:nowrap;background:0 0;border:0;padding:12px 0;font-size:14px;text-decoration:none}.desktop-primary-nav>a.active{color:var(--echo-blue);box-shadow:inset 0 -2px var(--echo-blue)}.desktop-primary-nav>:is(a,button):hover{color:var(--echo-ink)}.desktop-account-tools{gap:12px;margin-left:auto}.header-icon{width:40px;height:40px;color:var(--echo-muted);border-radius:50%;place-items:center;display:grid;position:relative}.header-icon:hover{background:var(--echo-soft)}.header-compose{background:var(--echo-strong);border:1px solid var(--echo-strong);min-height:40px;color:var(--echo-on-strong);white-space:nowrap;border-radius:9px;align-items:center;gap:6px;padding:9px 14px;font-size:12px;display:inline-flex}.header-compose svg{width:16px;height:16px}.header-profile .avatar{background:var(--echo-soft);width:36px;height:36px;color:var(--echo-ink)}.header-profile,.header-sign-in{text-decoration:none}.menu-session-actions{border-top:1px solid var(--echo-border-color);margin-top:20px;padding-top:16px}.mobile-app-header{color:var(--echo-ink);background:var(--echo-canvas)}.mobile-brand{color:var(--echo-ink)}.mobile-header-action{color:var(--echo-muted)}.mobile-bottom-nav{background:var(--echo-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-nav-item{color:var(--echo-muted)}.mobile-nav-item.active{color:var(--echo-blue);background:var(--echo-accent-soft)}.mobile-compose-icon{background:var(--echo-strong);color:var(--echo-on-strong);border-radius:50%;width:38px;height:38px}.local-preview-notice{background:var(--echo-soft);color:var(--echo-muted);border-bottom:1px solid var(--echo-border-color);font-size:11px}.app-shell{grid-template-columns:minmax(0,1fr);gap:24px;max-width:1100px;min-height:calc(100dvh - 104px);padding:26px 28px 80px;display:grid}.app-shell.home-layout{grid-template-columns:180px minmax(0,1fr) 248px;align-items:start;gap:26px;max-width:1460px;padding-top:10px}.app-shell>.main-column{background:0 0;border:0;min-width:0;padding:0;container:page-content/inline-size}.app-shell .right-rail{grid-column:auto;margin:0;padding:0;display:block}.rail-panel{background:var(--echo-surface);box-shadow:none;border-radius:13px}:is(.search-page-header,.feeling-search-header,.playlists-header,.messages-page-header,.matches-header,.notifications-header,.section-page,.view-toolbar,.treasure-page-header,.treasure-controls-sticky,.match-user-card,.playlist-summary,.playlist-form,.feeling-results-section){box-shadow:none;border-radius:14px}.feeling-home-page>:is(.feeling-hero,.feeling-home-section){border-radius:14px;padding:24px}.feeling-home-page>.feeling-hero{background:var(--echo-surface)}:is(.search-page-header,.feeling-search-header,.playlists-header,.messages-page-header,.matches-header,.notifications-header) h1{letter-spacing:-.03em;font-size:26px;font-weight:750}.profile-page{background:var(--echo-surface);border-radius:16px}.profile-header-main{padding-bottom:20px}.profile-header-main>.profile-avatar{position:absolute}.profile-content-tabs{border-top:1px solid var(--echo-border-color)}.profile-content-tabs>button{font-size:14px}.profile-content-toolbar{background:var(--echo-surface);border:0;border-radius:0;margin:0;padding:16px}.profile-cover,.profile-header-cover{background-color:var(--echo-soft)}:is(.match-user-card,.notification-item,.user-list-row,.playlist-summary){border-radius:13px}.notification-item.unread{border-color:var(--echo-blue);background:var(--echo-accent-soft)}.matches-controls{background:var(--echo-surface);border-radius:13px}.settings-page{gap:16px;max-width:860px;margin-inline:auto}.settings-card{border-width:1px;border-radius:14px;padding:22px}.settings-form input{border-width:1px;border-radius:8px}.auth-page{background:0 0}.auth-card,.auth-panel{background:var(--echo-surface);border-radius:18px}.echo-modal{color:var(--echo-ink);background:var(--echo-surface);border:1px solid var(--echo-border-color);border-radius:18px}.modal-backdrop{background:var(--echo-overlay)}.modal-head{border-color:var(--echo-border-color)}.modal-head h2{font-size:20px}input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{background-color:var(--echo-surface)}.echo-search .feeling-search-box input{background:0 0}.echo-search .feeling-search-box{box-shadow:none;background:var(--echo-surface);border-radius:10px}.echo-search .feeling-search-box:focus-within{border-color:var(--echo-blue);box-shadow:0 0 0 2px var(--echo-accent-soft)}.echo-search .feeling-search-box .search-submit{background:var(--echo-strong);color:var(--echo-on-strong);border-color:var(--echo-strong);border-radius:7px}.echo-search .feeling-search-box .search-submit:hover{background:var(--echo-blue);border-color:var(--echo-blue)}.search-scope-pills>button{border-width:1px;min-height:38px}.search-scope-pills>button.selected{background:var(--echo-strong);color:var(--echo-on-strong);border-color:var(--echo-strong)}.search-scope-pills>:is(.search-scope-context,.search-scope-mood,.search-scope-genre,.search-scope-vibe).selected{background:var(--echo-accent-soft);color:var(--echo-blue);border-color:var(--echo-blue)}.rounded-select-button,.rounded-select-menu,.rounded-select-option{background:var(--echo-surface)}.rounded-select-option.selected,.view-toggle button.selected{background:var(--echo-strong);color:var(--echo-on-strong);border-color:var(--echo-strong)}.view-toggle{background:var(--echo-soft);border-radius:7px;padding:3px}.view-toggle button{border-radius:5px;min-height:34px;padding:5px 11px;font-size:12px}.feed-controls{border:0;border-bottom:1px solid var(--echo-border-color);background:0 0;border-radius:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin:0 0 16px;padding-bottom:12px;display:flex}.feed-controls>.feed-header{background:0 0;border:0;border-radius:0;flex:0 auto;width:auto}.feed-controls .feed-top-tab{width:auto;min-width:0;min-height:40px;color:var(--echo-muted);background:0 0;border-radius:0;flex:0 auto;padding:8px 12px;font-size:15px}.feed-controls .feed-top-tab.selected{color:var(--echo-ink);box-shadow:inset 0 -2px var(--echo-blue)}.feed-controls .feed-top-tab.selected:after{display:none}.feed-controls>.view-toolbar{background:0 0;border:0;flex:none;justify-content:flex-end;gap:8px;margin:0;padding:0;display:flex}.feed-controls .rounded-select-button{background:0 0;border:0;min-height:34px;padding:5px 8px;font-size:12px}.music-post,:is(.feed-list-grid,.profile-post-grid,.search-post-results-grid,.treasure-grid) .music-post{background:var(--echo-surface);box-shadow:var(--echo-shadow);border-radius:13px;margin:0 0 14px;padding:18px}.music-post .post-music-layout{grid-template-columns:116px minmax(0,1fr);align-items:start;gap:12px 18px;margin:0}.music-post .post-cover{background:linear-gradient(145deg,#686f61,#353f3b 65%,#29363a);border-radius:8px;grid-area:1/1/span 2;min-width:0}.music-post .post-cover-play{color:#fff;width:29px;height:29px;font-size:17px;bottom:7px;right:7px}.music-post .post-cover-fallback{color:#e6dfc8;font-size:56px}.music-post .post-song-details{grid-column:2;align-self:end}.music-post .song-meta{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.music-post .song-title-link{color:var(--echo-ink);font-size:22px;font-weight:750;line-height:1.4;text-decoration:none}.music-post .song-artist-search-tag{color:var(--echo-muted);padding:0;font-size:14px;font-weight:450}.music-post .post-tag-groups{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 9px}.music-post .post-tag-group{grid-template-columns:26px minmax(0,1fr);gap:5px}.music-post .post-tag-group-label{color:var(--echo-muted);font-size:10px;font-weight:500}.post-tag-group-context{--tag-bg:var(--echo-tag-context);--tag-ink:var(--echo-ink)}.post-tag-group-mood{--tag-bg:var(--echo-tag-mood);--tag-ink:var(--echo-ink)}.post-tag-group-genre{--tag-bg:var(--echo-tag-genre);--tag-ink:var(--echo-ink)}.post-tag-group-vibe{--tag-bg:var(--echo-tag-vibe);--tag-ink:var(--echo-ink)}.music-post .post-tag-list>a,.music-post .post-tag-measure-chip{border-radius:5px;padding:4px 6px;font-size:11px;font-weight:550}.music-post .tag-expand{background:var(--echo-soft);border-color:var(--echo-border-color);color:var(--echo-muted);border-radius:5px;min-height:26px;padding:3px 5px;font-size:10px}.music-post .post-head{grid-template-columns:26px minmax(0,1fr) auto;gap:7px;margin-top:14px;padding:0}.music-post .post-head .avatar{width:26px;height:26px;font-size:12px}.music-post .author-meta>div:first-child{flex-wrap:wrap;justify-content:flex-start;gap:4px;display:flex}.music-post .author-meta>div:first-child>.author-name-link{flex-basis:auto;font-size:11px;font-weight:600}.music-post .author-meta span{font-size:10px}.music-post .author-meta .official-badge{padding:2px 5px;font-size:9px}.music-post .post-owner-toggle{min-width:36px;min-height:36px}.music-post .follow-inline{background:0 0;border-radius:6px;min-height:34px;padding:4px 9px;font-size:10px}.music-post .recommendation-copy,.music-post .quoted-original-post>p{margin-top:12px;font-size:13px;line-height:1.65}.music-post>.post-actions{border-top-color:var(--echo-border-color);margin-top:8px;padding-top:5px}.music-post .post-actions button{min-height:38px;color:var(--echo-muted);gap:5px;padding:4px 7px;font-size:11px;font-weight:500}.music-post .post-actions svg{width:18px;height:18px}.music-post .post-actions button:hover:not(:disabled){background:var(--echo-soft);color:var(--echo-blue);border-color:#0000}.music-post .post-actions .liked{color:var(--echo-danger)}.music-post .post-actions .filled-heart{fill:var(--echo-danger);stroke:var(--echo-danger)}.music-post .post-actions .treasured{color:var(--echo-blue)}.music-post .post-owner-popover{background:var(--echo-surface);color:var(--echo-ink);border-radius:9px}.music-post .post-owner-popover button{color:var(--echo-ink)}.music-post .post-owner-popover .post-delete-button{color:var(--echo-danger)}.music-post .quoted-original-post,.music-post .activity-original-post{background:var(--echo-soft);border-radius:10px;margin-top:0;padding:12px}.music-post .quoted-original-post .post-music-layout{margin-top:12px}:is(.profile-post-grid,.feed-list-grid,.search-post-results-grid,.treasure-grid){grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;align-items:start;gap:14px;display:grid}.music-post-grid .post-music-layout{flex-direction:column;gap:12px;margin:0;display:flex}.music-post-grid .post-cover{aspect-ratio:1;width:100%}.music-post-grid .post-song-details{align-self:stretch;width:100%}.music-post-grid .song-title-link{font-size:18px}.music-post-grid .song-artist-search-tag{font-size:12px}.music-post-grid .post-tag-groups{grid-template-columns:minmax(0,1fr);gap:5px;width:100%}.music-post-grid .post-head{grid-template-columns:24px minmax(0,1fr) auto}.music-post-grid .author-meta>div:first-child{gap:2px}.music-post-grid .author-meta>div>span:not(.official-badge),.music-post-grid .post-actions .action-label{display:none}.music-post-grid>.post-actions{gap:1px;margin-top:10px;padding-top:5px}.music-post-grid .post-actions button{gap:3px;padding:4px}.music-post-grid .post-actions .post-like-count{min-width:20px;padding-inline:3px}.music-post-grid .recommendation-copy{font-size:12px}:is(.profile-post-grid,.treasure-grid){padding:14px}.personal-activity-entry{background:var(--echo-surface);box-shadow:none;border-radius:13px}.personal-activity-summary{padding:14px 18px 8px}.post-detail-modal .music-post{margin:0}.discovery-chip-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.discovery-chip-grid>a{border-radius:9px;justify-content:flex-start;gap:10px;min-width:0;padding:7px;font-size:13px;display:flex}.discovery-chip-grid>a>span:last-child{overflow-wrap:anywhere}.feeling-tag-chip{background:var(--echo-surface);border-radius:8px;align-items:center;gap:8px;display:inline-flex}.feeling-tag-chip .tag-visual{width:32px;height:32px}.feeling-tag-chip strong{font-size:13px}@container page-content (width<=760px){:is(.profile-post-grid,.feed-list-grid,.search-post-results-grid,.treasure-grid){grid-template-columns:repeat(2,minmax(0,1fr))}}@container page-content (width>=660px){.music-post:not(.music-post-grid):not(.repost-feed-item){grid-template-columns:minmax(0,1fr) auto;display:grid}.music-post:not(.music-post-grid):not(.repost-feed-item)>*{grid-column:1/-1}.music-post:not(.music-post-grid):not(.repost-feed-item)>.post-head{border-top:1px solid var(--echo-border-color);grid-column:1;margin-top:12px;padding-top:8px;padding-right:12px}.music-post:not(.music-post-grid):not(.repost-feed-item)>.post-actions{grid-column:2;align-self:end;margin-top:12px;padding-top:8px}}@container music-post (width<=520px){.music-post .post-music-layout{grid-template-columns:90px minmax(0,1fr);gap:12px}.music-post .post-cover{grid-row:1}.music-post .post-song-details{align-self:center}.music-post .post-tag-groups{grid-column:1/-1}.music-post .song-title-link{font-size:19px}.music-post .post-head{grid-template-columns:26px minmax(0,1fr) auto}.music-post .post-head .avatar{width:26px;height:26px}.music-post .follow-inline{min-height:36px}}@media (width<=1200px) and (width>=761px){.desktop-header-inner{gap:20px;padding-inline:22px}.desktop-primary-nav,.desktop-account-tools{gap:10px}.desktop-primary-nav>a:nth-child(n+3),.header-compose span{display:none}.app-shell.home-layout{grid-template-columns:158px minmax(0,1fr) 224px;gap:20px;padding-inline:22px}}@media (width<=1100px) and (width>=761px){.app-shell.home-layout{grid-template-columns:170px minmax(0,1fr)}.app-shell.home-layout>.main-column{grid-area:1/2/span 2}.app-shell.home-layout>.home-discovery{grid-area:2/1}}@media (width<=760px){html{scroll-padding-top:12px}.desktop-app-header{display:none}.mobile-app-header{gap:4px;min-height:60px;padding-inline:8px}.mobile-app-header .theme-switch{margin-left:auto}.mobile-app-header .theme-switch button{min-height:34px;padding-inline:9px}.mobile-brand{letter-spacing:2px;margin-right:auto;font-size:23px}.app-shell,.app-shell.home-layout{max-width:none;padding:12px 12px calc(100px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:14px;display:flex}.app-shell.home-layout{padding-top:0}.app-shell>.main-column,.app-shell.home-layout>.home-discovery{width:100%}.app-shell .right-rail{margin:0;display:block}.feed-controls{gap:5px;margin-bottom:12px;padding-bottom:8px}.feed-controls .feed-top-tab{padding-inline:9px;font-size:13px}.feed-controls>.feed-header{flex-basis:145px}.feed-controls>.view-toolbar{gap:3px}.feed-controls .rounded-select-button{max-width:72px;min-height:34px;padding-inline:4px;font-size:10px}.view-toggle button{padding-inline:8px;font-size:11px}.music-post,:is(.feed-list-grid,.profile-post-grid,.search-post-results-grid,.treasure-grid) .music-post{border-radius:11px;padding:14px}.music-post .post-actions .action-label{display:inline}.music-post .post-actions button{min-height:44px}.music-post .post-tag-list>a,.music-post .post-tag-measure-chip{font-size:11px}:is(.profile-post-grid,.feed-list-grid,.search-post-results-grid,.treasure-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}:is(.feed-list-grid,.profile-post-grid,.search-post-results-grid,.treasure-grid) .music-post{padding:10px}.music-post-grid .song-title-link{font-size:15px}.music-post-grid .post-music-layout{gap:10px}.music-post-grid .song-artist-search-tag{font-size:11px}.music-post-grid .post-head{flex-wrap:wrap;gap:5px;display:flex}.music-post-grid .author-meta{flex:1;min-width:65px}.music-post-grid .post-head>:is(.follow-inline,.post-owner-actions){margin-left:auto}.music-post-grid .post-actions .action-label{display:none}.music-post-grid .post-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.music-post-grid .post-actions>*{justify-content:center}.music-post-grid .post-actions .treasure-action-wrap{display:flex}.music-post-grid .post-tag-group{grid-template-columns:24px minmax(0,1fr);gap:3px}.music-post-grid .post-tag-list>a,.music-post-grid .post-tag-measure-chip{padding:3px 4px;font-size:10px}.music-post-grid .tag-expand{min-width:25px}.music-post-grid .post-tag-group-label{font-size:9px}.search-page-header,.feeling-search-header,.feeling-results-section{padding:16px}.feeling-home-page>:is(.feeling-hero,.feeling-home-section){padding:18px}.profile-header-main{padding-inline:16px}.profile-content-toolbar{padding:12px}.discovery-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery-chip-grid>a{gap:7px;font-size:12px}.discovery-chip-grid .tag-visual{width:32px;height:32px}}@media (width<=359px){:is(.profile-post-grid,.feed-list-grid,.search-post-results-grid,.treasure-grid){grid-template-columns:minmax(0,1fr)}.feed-controls>.view-toolbar{justify-content:space-between;width:100%}.music-post-grid .post-actions{display:flex}}.tag-visual{border-radius:10px;flex:none;place-items:center;width:40px;height:40px;display:inline-grid;overflow:hidden}.tag-visual img{object-fit:cover;width:100%;height:100%;display:block}.home-search-bar{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:20px;max-width:1460px;margin:0 auto;padding:22px 28px;display:grid}.home-search-bar .echo-search{width:100%}.home-search-bar .feeling-search-box{min-height:48px}.home-search-actions{grid-template-columns:repeat(2,max-content);align-items:center;gap:10px;min-height:64px;display:grid}.home-search-actions>:is(a,button){white-space:nowrap;border-radius:8px;min-height:42px;padding:9px 12px;font-size:12px;text-decoration:none}.home-search-bar>.explore-feedback{border:1px solid var(--echo-border-color);background:var(--echo-surface);border-radius:10px;grid-area:2/1/auto/-1;padding:12px 14px}.home-explore-rail{min-width:0}.explore-rail-heading{justify-content:space-between;align-items:center;gap:5px;margin-bottom:16px;display:flex}.explore-rail-heading h2{margin:0;font-size:17px;font-weight:750}.explore-rail-heading .echo-action{border-radius:8px;min-height:34px;padding:4px 8px;font-size:10px}.explore-category-heading{justify-content:space-between;align-items:center;gap:5px;margin-bottom:10px;display:flex}.home-explore-rail .explore-category-heading h3{margin:0}.explore-more{border:1px solid var(--echo-border-color);background:var(--echo-surface);min-height:30px;color:var(--echo-muted);border-radius:7px;padding:3px 6px;font-size:10px}.explore-more:hover{background:var(--echo-accent-soft);color:var(--echo-blue)}.home-explore-rail section{margin-bottom:26px}.home-explore-rail h3{color:var(--echo-muted);letter-spacing:.08em;margin:0 0 12px;font-size:11px;font-weight:550}.image-tag-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 9px;display:grid}.home-explore-rail>section:last-of-type .image-tag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-tag{text-align:center;color:var(--echo-ink);flex-direction:column;align-items:center;gap:6px;min-width:0;font-size:11px;text-decoration:none;display:flex}.image-tag .tag-visual{border-radius:9px;width:45px;height:45px;transition:transform .15s}.image-tag>span:last-child{overflow-wrap:normal;word-break:normal;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.image-tag:hover{color:var(--echo-blue)}.image-tag:hover .tag-visual{transform:translateY(-2px)}.explore-all-link{color:var(--echo-blue);border-top:1px solid var(--echo-border-color);padding-top:15px;font-size:12px;text-decoration:none;display:inline-block}.app-shell.home-layout>.home-discovery{min-width:0;display:block}.home-discovery-content{flex-direction:column;gap:16px;display:flex}.home-discovery-content[hidden]{display:none}.home-discovery-content>:is(.rail-panel,.feeling-home-section){background:var(--echo-surface);border:1px solid var(--echo-border-color);border-radius:12px;min-width:0;margin:0;padding:16px}.home-discovery-content h2{margin:0 0 12px;font-size:14px;font-weight:750}.home-discovery-content p{font-size:12px;line-height:1.6}.home-discovery>.home-discovery-toggle{display:none}.rail-heading{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.rail-heading>a{white-space:nowrap;font-size:10px;text-decoration:none}.home-popular-songs ol{counter-reset:songs;margin:0;padding:0;list-style:none}.home-popular-songs li{counter-increment:songs;border-bottom:1px solid var(--echo-border-color);align-items:center;gap:10px;padding:10px 0;display:flex}.home-popular-songs li:last-child{border-bottom:0}.home-popular-songs li:before{content:counter(songs,decimal-leading-zero);color:var(--echo-blue);font-size:11px}.home-popular-songs li a{min-width:0;color:var(--echo-ink);text-decoration:none}.home-popular-songs li strong{overflow-wrap:anywhere;font-size:12px;display:block}.home-popular-songs li span{color:var(--echo-muted);font-size:11px;display:block}.home-combinations{flex-direction:column;gap:8px;display:flex}.home-combinations>a{border:1px solid var(--echo-border-color);color:inherit;border-radius:8px;flex-wrap:wrap;gap:7px;padding:9px;text-decoration:none;display:flex}.home-combinations>a:hover{background:var(--echo-soft)}.home-combination-count{color:var(--echo-muted);font-size:10px}.home-combinations .feeling-combination-tags{flex-wrap:wrap;gap:4px;display:flex}.home-combinations .feeling-combination-tags strong{background:var(--echo-soft);color:var(--echo-ink);overflow-wrap:anywhere;border-radius:4px;padding:3px 5px;font-size:11px;font-weight:500}.home-discovery .trending-searches li a{flex-wrap:wrap}.home-discovery .trending-searches li strong{overflow-wrap:anywhere;font-size:12px}.home-discovery .trending-searches li{padding:10px 0 10px 27px}.home-discovery .trending-searches li:before{color:var(--echo-blue);font-size:11px;top:11px}.home-discovery .trend-period-tabs{gap:5px;margin-bottom:10px;display:flex}.home-discovery .trend-period-tabs button{border-radius:5px;min-height:30px;padding:4px 8px;font-size:10px}.home-discovery .trend-period-tabs .selected{color:var(--echo-blue);background:var(--echo-accent-soft);border-color:var(--echo-blue)}.home-discovery .rail-feeling-list>a{align-items:center;gap:9px;padding:8px 0;display:flex}.home-discovery .rail-feeling-list>a>span:nth-child(2){flex:1;min-width:0}.home-discovery .rail-feeling-list strong{color:var(--echo-ink);font-size:12px;display:block}.home-discovery .rail-feeling-list small{color:var(--echo-muted);font-size:10px}.rail-arrow{color:var(--echo-muted)}.home-discovery .rail-update-note{color:var(--echo-muted);margin-bottom:0;font-size:10px}@media (width<=1100px){.home-discovery>.home-discovery-toggle{border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;margin:0 0 12px;font-size:12px;display:flex}}@media (width<=760px){.home-search-bar{grid-template-columns:minmax(0,1fr);gap:10px;padding:8px 12px 12px}.home-search-bar .feeling-search-box{min-height:48px}.home-search-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:38px;display:grid}.home-search-actions>:is(a,button){text-align:center;min-height:38px;padding-inline:5px;font-size:11px}.home-search-bar>.explore-feedback{grid-row:3}.home-explore-rail{width:100%;position:relative}.explore-rail-heading{margin:0 0 8px}.explore-rail-heading h2{font-size:14px}.home-explore-rail>section{margin:0}.home-explore-rail>section:not(:first-of-type),.home-explore-rail .explore-category-heading h3{display:none}.home-explore-rail .explore-category-heading{justify-content:flex-end;margin:0 0 4px}.home-explore-rail .image-tag-grid{scrollbar-width:thin;gap:14px;padding:3px 0 7px;display:flex;overflow-x:auto}.home-explore-rail .image-tag{flex:0 0 46px;gap:5px;font-size:10px}.home-explore-rail .tag-visual{width:43px;height:43px}.home-explore-rail .explore-all-link{border:0;margin-top:6px;padding:4px 0;font-size:11px;display:inline-block}.app-shell.home-layout>.home-discovery{order:3}.home-discovery-content{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}}.explore-options-modal{flex-direction:column;width:min(680px,100%);max-height:min(760px,90dvh);display:flex}.explore-options-controls{grid-template-columns:1fr auto;gap:12px;padding:0 20px 16px;display:grid}.explore-option-tabs{grid-column:1/-1;gap:8px;display:flex}.explore-option-tabs button{border:1px solid var(--echo-border-color);background:var(--echo-soft);color:var(--echo-ink);border-radius:9px;flex:1;padding:9px}.explore-option-tabs button[aria-pressed=true]{background:var(--echo-strong);color:var(--echo-on-strong)}.explore-options-controls input{border:1px solid var(--echo-border-color);border-radius:9px;width:100%;min-width:0;padding:10px;font-size:16px}.explore-options-body{overscroll-behavior:contain;padding:4px 20px 24px;overflow-y:auto}.explore-options-body .image-tag-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 12px}.explore-options-body .tag-visual{width:56px;height:56px}.explore-options-load{margin:24px auto 0;display:block}@media (width<=760px){.explore-options-modal{max-height:calc(var(--echo-viewport-height,100dvh) - 28px)}.explore-options-controls{gap:10px;padding-inline:14px}.explore-options-controls>.echo-action{padding:7px;font-size:11px}.explore-options-body{padding-inline:14px}.explore-options-body .image-tag-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px}}