:root{color:#17151b;background:#f8f7f9;font-family:Inter,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}.shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}aside{background:#fff;border-right:1px solid #ece8f1;padding:28px 18px}.brand{color:#6547ed;margin:0 12px 36px;font-size:23px;font-weight:900}button{cursor:pointer;font:inherit;border:0;font-weight:700}button:disabled{cursor:wait;opacity:.65}aside button{text-align:left;color:#5f5965;background:0 0;border-radius:12px;width:100%;padding:13px 12px;display:block}aside button:hover{color:#6547ed;background:#eee9ff}main{width:100%;max-width:1180px;margin:auto;padding:28px}header{justify-content:space-between;align-items:center;margin-bottom:34px;display:flex}header b{font-size:24px;display:block}header span,.muted,small{color:#817b87;font-size:13px}.header-actions{align-items:center;gap:14px;display:flex}.profile,.search button,.hero button,.dialog button[type=submit]{color:#fff;background:#6547ed;border-radius:12px;padding:12px 16px}.hero,.card{background:#fff;border-radius:24px;margin-bottom:20px;padding:32px}.hero{background:linear-gradient(135deg,#e8ddff,#fff)}h1{margin:8px 0 22px;font-size:42px}h2{margin-top:0}.search{gap:10px;margin-bottom:22px;display:flex}.search input,.dialog input{font:inherit;border:1px solid #ddd8e3;border-radius:13px;flex:1;padding:15px}.grid,.wall-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;display:grid}.grid article,.wall-grid article{cursor:pointer;background:#fff;border-radius:16px;padding:10px}.grid img,.wall-grid img,.detail>img{aspect-ratio:1;object-fit:cover;background:#ece8f1;border-radius:12px;width:100%}.grid b,.grid small,.wall-grid b,.wall-grid small{margin-top:7px;display:block}.detail,.artist-hero{grid-template-columns:minmax(220px,360px) 1fr;align-items:center;gap:28px;margin:12px 0 24px;display:grid}.detail h1,.artist-hero h1{margin:8px 0;font-size:38px}.artist-hero>img{aspect-ratio:1;object-fit:cover;background:#ece8f1;border-radius:50%;width:220px}.artist-section{margin:28px 0}.spotify-link,.eyebrow{color:#6547ed;font-weight:800}.genre-tags{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.genre-tags span{color:#6547ed;background:#eee9ff;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:800}.track-list{gap:10px;padding-left:25px;display:grid}.track-list li{border-bottom:1px solid #eee9f0;justify-content:space-between;gap:14px;padding-bottom:10px;display:flex}.text{color:#6547ed;background:0 0;padding:0}.notice{color:#b42318}.profile-card{background:#fff;border-radius:24px;align-items:center;gap:20px;margin-bottom:20px;padding:28px;display:flex}.profile-card h1{margin:0}.avatar{object-fit:cover;background:#ece8f1;border-radius:50%;flex:none;width:92px;height:92px}.avatar-placeholder{color:#fff;background:#6547ed;place-items:center;font-size:32px;font-weight:900;display:grid}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px;display:grid}.stats div{background:#fff;border-radius:16px;gap:3px;padding:20px;display:grid}.stats b{font-size:26px}.music-heading,.wall-heading{justify-content:space-between;align-items:center;display:flex}.music-heading h2{margin-bottom:3px}.music-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0 28px;display:grid}.music-list{background:#fff;border-radius:20px;padding:20px}.music-list h3{margin:0 0 14px}.music-row{align-items:center;gap:10px;margin:10px 0;display:flex}.music-row>b{color:#6547ed;width:18px}.music-row img,.music-image-placeholder{object-fit:cover;background:#ece8f1;border-radius:11px;flex:none;width:46px;height:46px}.music-row strong,.music-row small{display:block}.wall-grid article{cursor:default}.community-groups article,.post-list article{background:#fff;border-radius:18px;padding:14px}.community-groups article{align-items:center;gap:12px;display:flex}.community-groups img{object-fit:cover;background:#eee9ff;border-radius:15px;width:60px;height:60px}.community-groups b,.community-groups small{display:block}.join-button{color:#6547ed;background:#eee9ff;border-radius:999px;margin-left:auto;padding:8px 10px}.post-list h3{margin:14px 0 6px}.post-list p{white-space:pre-wrap;color:#5f5965;margin:0 0 12px}.dialog-backdrop{z-index:5;background:#17151b66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:#fff;border-radius:20px;gap:15px;width:min(100%,420px);padding:30px;display:grid;position:relative;box-shadow:0 20px 60px #0000002e}.dialog label{gap:7px;font-size:14px;font-weight:700;display:grid}.dialog-close{color:#817b87;background:0 0;font-size:24px;position:absolute;top:12px;right:15px}.dialog .text{justify-self:start}@media (width<=720px){.shell{display:block}aside{z-index:2;border-top:1px solid #ece8f1;border-right:0;padding:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.brand{display:none}aside button{text-align:center;font-size:12px}header{margin-bottom:22px}.header-actions{gap:8px}.profile{padding:10px;font-size:12px}.detail,.artist-hero{grid-template-columns:1fr}.detail>img,.artist-hero>img{max-width:340px}.track-list li{display:grid}.hero,.card,.profile-card{padding:22px}.stats{grid-template-columns:repeat(2,1fr)}.music-grid{grid-template-columns:1fr}main{padding:18px 16px 88px}header{gap:10px;min-width:0}.header-copy{flex:1;min-width:0}.header-copy b{font-size:21px;line-height:1.2}.header-copy span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:5px;font-size:12px;display:block;overflow:hidden}.header-actions{flex:none;gap:7px}.header-actions .text{text-overflow:ellipsis;white-space:nowrap;max-width:64px;font-size:12px;overflow:hidden}.header-actions .profile{text-overflow:ellipsis;white-space:nowrap;max-width:112px;padding:10px 11px;font-size:12px;line-height:1.2;overflow:hidden}.profile-loading{font-size:13px}h1{font-size:30px}}@media (width<=390px){.header-copy b{font-size:20px}.header-actions{gap:6px}.header-actions .text{max-width:58px;font-size:11px}.header-actions .profile{max-width:102px;padding:9px 10px;font-size:11px}}.compact-hero{justify-content:space-between;align-items:center;gap:24px;padding:22px 28px;display:flex}.compact-hero p,.compact-hero h1{margin:0}.compact-hero h1{margin-top:6px;font-size:32px}.charts{margin:36px 0}.persona-card{color:#fff;background:linear-gradient(118deg,#312e81,#7c3aed 55%,#db2777);border-radius:22px;grid-template-columns:minmax(0,1fr) auto;gap:20px;margin-top:28px;padding:26px 28px;display:grid;position:relative;overflow:hidden}.persona-card:after{content:"";border:1px solid #ffffff47;border-radius:50%;width:245px;height:245px;position:absolute;bottom:-95px;right:-55px}.persona-copy,.persona-report,.persona-card>button,.persona-message{z-index:1;position:relative}.persona-copy p,.persona-copy h2{margin:0}.persona-copy p{letter-spacing:.12em;opacity:.78;font-size:12px;font-weight:700}.persona-copy h2{margin-top:7px;font-size:27px}.persona-copy span{opacity:.9;max-width:600px;margin-top:8px;display:block}.persona-card>button{color:#43206c;background:#fff;align-self:center}.persona-message{color:#fff4c7;grid-column:1/-1;margin:0}.persona-report{border-top:1px solid #ffffff40;grid-column:1/-1;padding-top:18px}.persona-dimensions{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.persona-dimensions article{background:#ffffff24;border-radius:12px;gap:8px;padding:13px;display:grid}.persona-dimensions article>div{justify-content:space-between;gap:8px;display:flex}.persona-dimensions strong{font-size:14px}.persona-dimensions small,.persona-report li span{color:inherit;opacity:.82;font-size:12px;line-height:1.45}.persona-progress{background:#ffffff40;border-radius:999px;height:6px;display:block;overflow:hidden}.persona-progress i{border-radius:inherit;background:#fff;height:100%;display:block}.persona-report h3{margin:0 0 12px;font-size:15px}.persona-report ul{gap:8px;margin:18px 0 0;padding:0;list-style:none;display:grid}.persona-report li{gap:3px;display:grid}.persona-skill,.persona-signature{background:#0a041f2e;border-radius:13px;margin-top:18px;padding:15px}.persona-skill span,.persona-signature>span,.persona-equipment span{letter-spacing:.04em;opacity:.78;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.persona-skill b{font-size:18px}.persona-skill p,.persona-signature p{margin:7px 0 0;line-height:1.6}.persona-equipment{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.persona-equipment>div{background:#ffffff24;border-radius:13px;gap:3px;min-width:0;padding:14px;display:grid}.persona-equipment b,.persona-equipment small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.persona-equipment small,.persona-signature small{color:inherit;opacity:.78}.album-link{color:#6547ed;text-underline-offset:2px;background:0 0;padding:0;text-decoration:underline}.album-link:hover{color:#4322c8}.notification-wrap{position:relative}.notification-bell{background:#fff;border:1px solid #e5dff0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;font-size:20px;display:grid;position:relative}.notification-bell:hover{background:#f3efff}.notification-bell i{background:#e5484d;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:4px;right:4px}.notification-panel{z-index:30;background:#fff;border:1px solid #e8e1ed;border-radius:16px;width:min(360px,100vw - 32px);position:absolute;top:54px;right:0;overflow:hidden;box-shadow:0 18px 45px #2319302e}.notification-panel>div{border-bottom:1px solid #eee9f1;justify-content:space-between;padding:15px 16px;display:flex}.notification-panel>div span,.notification-panel>p{color:#817a87;font-size:12px}.notification-panel>p{text-align:center;margin:0;padding:24px 16px}.notification-panel ul{max-height:420px;margin:0;padding:0;list-style:none;overflow:auto}.notification-panel li+li{border-top:1px solid #f0ecf3}.notification-panel li button{width:100%;color:inherit;text-align:left;background:#fff;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:13px 16px;display:grid}.notification-panel li button:hover{background:#faf8fd}.notification-panel img,.notification-avatar{object-fit:cover;background:#eee9ff;border-radius:50%;width:38px;height:38px}.notification-avatar{color:#6547ed;place-items:center;display:grid}.notification-panel li b,.notification-panel li small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.notification-panel li small{margin-top:3px}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.chart-card{background:#fff;border-radius:20px;padding:18px;overflow:hidden}.chart-card h3{margin:0 0 4px}.chart-card iframe{border-radius:12px;margin-top:14px;display:block}@media (width<=720px){.compact-hero{padding:22px;display:grid}.chart-grid{grid-template-columns:1fr}.persona-card{grid-template-columns:1fr;padding:22px}.persona-card>button{justify-self:start}.persona-dimensions{grid-template-columns:repeat(2,minmax(0,1fr))}.persona-equipment{grid-template-columns:1fr}}.community-page,.group-page{width:min(100%,1040px);margin:0 auto}.community-intro{color:#fff;background:linear-gradient(135deg,#201a2a,#6547ed);border-radius:24px;margin-bottom:38px;padding:30px 34px}.community-intro h1{max-width:650px;margin:6px 0 10px;font-size:clamp(28px,4vw,44px);line-height:1.15}.community-intro p{color:#e7e0ff;margin:0}.community-intro .eyebrow{color:#cfc2ff;letter-spacing:.14em}.section-heading{justify-content:space-between;align-items:end;margin:0 0 16px;display:flex}.section-heading h2{margin:0;font-size:24px}.section-heading p{color:#817b87;margin:4px 0 0;font-size:13px}.community-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.group-tile{cursor:pointer;background:#fff;border:1px solid #ebe7f0;border-radius:20px;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:120px;padding:16px;transition:transform .18s,box-shadow .18s;display:grid;position:relative}.group-tile:hover{transform:translateY(-2px);box-shadow:0 14px 34px #1f162f17}.group-tile>img,.group-cover-placeholder{object-fit:cover;background:#eee9ff;border-radius:16px;width:88px;height:88px}.group-cover-placeholder{color:#6547ed;place-items:center;font-size:30px;display:grid}.group-tile-copy{min-width:0}.group-tile h3{margin:7px 0 5px;font-size:18px;line-height:1.25}.group-tile p{color:#716a78;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;line-height:1.45;overflow:hidden}.genre-pill{color:#6547ed;background:#f0ebff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.join-button,.group-join{color:#fff;background:#6547ed;border-radius:999px;padding:9px 13px;font-size:13px}.join-button.joined,.group-join.joined{color:#6547ed;background:#eee9ff}.feed-title{margin-top:42px}.post-list{gap:14px;display:grid}.post-card{background:#fff;border:1px solid #eeeaf2;border-radius:20px;padding:20px 22px}.post-author{align-items:center;gap:11px;display:flex}.post-author img,.author-placeholder{object-fit:cover;border-radius:50%;width:38px;height:38px}.author-placeholder{color:#6547ed;background:#e9e1ff;place-items:center;font-weight:900;display:grid}.post-author b,.post-author small{display:block}.post-card h3{margin:16px 0 7px;font-size:18px}.post-card p{color:#625c68;margin:0;line-height:1.65}.post-actions{color:#89828f;gap:20px;margin-top:16px;font-size:13px;display:flex}.post-actions button{color:#6547ed;background:0 0;padding:0}.review-feed-page{width:min(100%,1040px);margin:0 auto}.review-feed-intro{background:linear-gradient(135deg,#f1ebff,#fff);border-radius:24px;margin-bottom:28px;padding:30px 34px}.review-feed-intro h1{margin:6px 0;font-size:clamp(30px,4vw,44px)}.review-feed-intro p:last-child{color:#706978;margin:0}.review-music-search{width:min(100%,620px);margin-top:24px}.review-music-search label{color:#4b4351;margin-bottom:8px;font-size:14px;font-weight:800;display:block}.review-music-search div{gap:10px;display:flex}.review-music-search input{color:#17151b;min-width:0;font:inherit;background:#ffffffeb;border:1px solid #dcd4ed;border-radius:12px;flex:1;padding:13px 15px}.review-music-search input:focus{outline-offset:1px;outline:2px solid #9b82ff}.review-music-search button{color:#fff;background:#6547ed;border-radius:12px;padding:12px 18px}.review-feed-list{gap:16px;display:grid}.review-feed-list article{cursor:pointer;background:#fff;border:1px solid #eae5ef;border-radius:20px;grid-template-columns:150px minmax(0,1fr);gap:20px;padding:18px;transition:transform .16s,box-shadow .16s;display:grid}.review-feed-list article:hover{transform:translateY(-2px);box-shadow:0 14px 34px #1f162f17}.review-feed-list>article>img{aspect-ratio:1;object-fit:cover;background:#eee9ff;border-radius:14px;width:150px}.review-feed-copy{min-width:0}.review-feed-meta{justify-content:space-between;gap:12px;display:flex}.review-feed-meta>span{color:#6547ed;font-size:12px;font-weight:800}.review-feed-copy h2{margin:7px 0 5px;font-size:21px}.review-feed-copy>b{display:block}.review-feed-copy>b small{margin-left:6px}.review-feed-rating{color:#f1a52b;margin:9px 0;font-size:15px}.review-feed-rating span{color:#7d7580;margin-left:7px;font-size:12px}.review-feed-copy>p{color:#605967;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.6;display:-webkit-box;overflow:hidden}.review-feed-copy footer{color:#89828f;margin-top:12px;font-size:12px}.review-feed-copy footer strong{float:right;color:#6547ed}.group-back{margin-bottom:18px;display:inline-block}.group-hero{background:#fff;border:1px solid #ebe7f0;border-radius:26px;overflow:hidden}.group-hero-cover{object-fit:cover;background:linear-gradient(135deg,#dacfff,#8f77ef);width:100%;height:240px}.group-hero-placeholder{color:#fff;place-items:center;font-size:64px;display:grid}.group-hero-copy{padding:25px 28px 28px}.group-title-row{justify-content:space-between;align-items:start;gap:20px;display:flex}.group-title-row h1{margin:8px 0 0;font-size:clamp(30px,4vw,46px);line-height:1.1}.group-hero-copy>p{color:#5f5965;max-width:720px;margin:16px 0 10px;line-height:1.7}.group-meta{color:#8d8692;gap:8px;font-size:13px;display:flex}.group-join{margin-top:20px;padding:11px 18px}.edit-button{color:#6547ed;background:#f0ebff;border-radius:10px;padding:9px 13px}.group-tabs{border-bottom:1px solid #e8e3ec;gap:28px;margin:28px 0;display:flex}.group-tabs button{color:#8a838f;background:0 0;padding:0 2px 13px;position:relative}.group-tabs .active{color:#6547ed}.group-tabs .active:after{content:"";background:#6547ed;border-radius:3px;height:3px;position:absolute;bottom:-1px;left:0;right:0}.group-edit-card{background:#fff;border:1px solid #e9e4ef;border-radius:24px;grid-template-columns:1fr 1fr;gap:18px;padding:28px;display:grid}.group-edit-card .section-heading,.group-cover-editor,.group-edit-card label:nth-of-type(3),.edit-actions{grid-column:1/-1}.group-edit-card label{color:#514b57;gap:7px;font-size:13px;font-weight:800;display:grid}.group-edit-card input,.group-edit-card textarea{width:100%;font:inherit;border:1px solid #ddd7e3;border-radius:12px;outline:none;padding:13px 14px}.group-edit-card textarea{resize:vertical;min-height:120px}.group-edit-card input:focus,.group-edit-card textarea:focus{border-color:#6547ed;box-shadow:0 0 0 3px #eee9ff}.edit-actions{align-items:center;gap:16px;display:flex}.group-cover-editor{background:#faf8fc;border:1px solid #e8e2ed;border-radius:18px;grid-template-columns:minmax(220px,360px) 1fr;align-items:center;gap:22px;padding:18px;display:grid}.cover-preview{aspect-ratio:16/8;background:#eee9fa;border-radius:14px;overflow:hidden}.cover-preview img{object-fit:cover;width:100%;height:100%}.cover-preview.draggable{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.cover-preview.draggable:active{cursor:grabbing}.drag-cover-hint{color:#fff;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#141019b8;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800;position:absolute;bottom:10px;right:10px}.cover-placeholder{color:#7357e7;text-align:center;place-content:center;gap:4px;width:100%;height:100%;font-size:30px;display:grid}.cover-placeholder span{color:#898190;font-size:12px;font-weight:700}.cover-upload-copy{min-width:0}.cover-upload-copy>b{font-size:16px}.cover-upload-copy>p{color:#7e7684;margin:6px 0 16px;font-size:13px}.cover-upload-actions{flex-wrap:wrap;gap:10px;display:flex}.cover-upload-button,.cover-remove-button{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-size:13px;font-weight:800;display:inline-flex}.cover-upload-button{color:#fff;background:#6547ed}.cover-upload-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.cover-upload-button.disabled{cursor:wait;opacity:.65}.cover-remove-button{color:#6d6573;background:#fff;border:1px solid #ded7e5}.spotify-cover-search{grid-column:1/-1;gap:10px;display:flex}.spotify-cover-search input{flex:1;min-width:0}.spotify-cover-search button{color:#fff;white-space:nowrap;background:#1f1b24;border-radius:12px;padding:0 18px;font-weight:800}.spotify-cover-results{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.spotify-cover-results button{text-align:left;background:#fff;border:1px solid #e7e1eb;border-radius:13px;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:8px;display:grid}.spotify-cover-results button:hover,.spotify-cover-results button.selected{border-color:#6547ed;box-shadow:0 0 0 2px #eee9ff}.spotify-cover-results img{object-fit:cover;border-radius:9px;width:54px;height:54px}.spotify-cover-results span{min-width:0}.spotify-cover-results b,.spotify-cover-results small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.spotify-cover-results b{font-size:12px}.spotify-cover-results small{color:#807986;margin-top:4px;font-size:11px}.secondary-button{color:#5e5764;background:#f0edf3;border-radius:12px;padding:11px 16px}.empty-card{text-align:center;border:1px dashed #dcd5e3;border-radius:18px;padding:30px}.empty-card p{color:#817b87;margin:6px 0 0}.group-content-heading,.community-group-heading{align-items:center}.community-group-heading>.profile{flex:none}.community-search{background:#fff;border:1px solid #ded7e5;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;margin:22px 0 28px;padding:9px 10px 9px 16px;display:grid;box-shadow:0 10px 30px #2319300d}.community-search>span{color:#6547ed;font-size:21px}.community-search input{min-width:0;font:inherit;border:0;outline:none;padding:11px 4px}.community-search button[type=submit]{color:#fff;background:#241d2a;border-radius:12px;padding:12px 17px}.community-search-clear{color:#817a87;background:0 0;padding:10px}.community-search-results{background:#fff;border:1px solid #e5dfea;border-radius:22px;margin-bottom:34px;padding:24px}.community-result-summary{border-bottom:1px solid #eee9f1;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.community-result-summary h2{margin:0}.community-result-summary span,.community-result-section h3 span{color:#8a838f;font-size:12px}.community-result-section{margin-top:22px}.community-result-section>h3{margin:0 0 11px}.community-user-results,.community-group-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.community-user-results>button,.community-group-results>button{min-width:0;color:inherit;text-align:left;background:#faf9fb;border:1px solid #ebe6ef;border-radius:14px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;display:grid}.community-user-results>button:hover,.community-group-results>button:hover,.community-post-results>button:hover{background:#fff;border-color:#cbbef2}.community-user-results img,.community-user-results .author-placeholder,.community-group-results img,.community-group-results .group-cover-placeholder{object-fit:cover;border-radius:12px;place-items:center;width:52px;height:52px;display:grid}.community-user-results img,.community-user-results .author-placeholder{border-radius:50%}.community-user-results b,.community-user-results small,.community-group-results b,.community-group-results small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.community-user-results strong,.community-group-results strong{color:#6547ed;font-size:11px}.community-group-results p{color:#77707d;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:11px;overflow:hidden}.community-post-results{gap:9px;display:grid}.community-post-results>button{width:100%;color:inherit;text-align:left;background:#faf9fb;border:1px solid #ebe6ef;border-radius:14px;gap:6px;padding:14px 15px;display:grid}.community-post-results>button>div{color:#817a87;justify-content:space-between;font-size:11px;display:flex}.community-post-results b{font-size:16px}.community-post-results p{color:#5f5864;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.community-post-results>button>small{color:#918a96}.community-search-empty{text-align:center;border:1px dashed #dcd4e3;border-radius:18px;margin-bottom:30px;padding:28px}.community-search-empty p{color:#817a87;margin:5px 0 0}.create-group-form{background:linear-gradient(145deg,#fff,#faf7ff);border:1px solid #ded6e7;border-radius:22px;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;padding:24px;display:grid;position:relative;box-shadow:0 16px 38px #25193612}.create-group-title{grid-column:1/-1;justify-content:space-between;align-items:start;display:flex}.create-group-title h3{margin:10px 0 5px;font-size:24px}.create-group-title p{color:#817a87;margin:0}.create-group-title .dialog-close{position:static}.create-group-form label{color:#554e5b;grid-template-columns:1fr auto;gap:7px;font-size:13px;font-weight:800;display:grid}.create-group-form input,.create-group-form textarea{width:100%;font:inherit;border:1px solid #ddd6e3;border-radius:12px;outline:none;grid-column:1/-1;padding:13px 14px}.create-group-form input:focus,.create-group-form textarea:focus{border-color:#6547ed;box-shadow:0 0 0 3px #eee9ff}.create-group-form .wide,.create-group-actions{grid-column:1/-1}.create-group-form textarea{resize:vertical;min-height:120px}.create-group-actions{gap:10px;display:flex}.group-content-heading>.profile{flex:none}.post-card.interactive{cursor:pointer;transition:transform .16s,box-shadow .16s}.post-card.interactive:hover{transform:translateY(-2px);box-shadow:0 14px 34px #1f162f14}.group-posts .post-preview{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:14px;display:-webkit-box;overflow:hidden}.post-expand{color:#6547ed;background:#f0ebff;border-radius:9px;margin-left:auto;padding:7px 10px;font-size:12px}.post-expand:hover{background:#e4dcff}.community-compose{background:#fff;border:1px solid #e8e2ed;border-radius:20px;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:22px;padding:22px;display:grid}.community-compose label{color:#554e5b;gap:7px;font-size:13px;font-weight:800;display:grid}.community-compose label:nth-of-type(n+2),.community-compose .wide,.community-compose>div{grid-column:1/-1}.community-compose input,.community-compose textarea,.comment-form textarea{width:100%;font:inherit;border:1px solid #ddd6e3;border-radius:12px;outline:none;padding:12px 14px}.community-compose textarea{resize:vertical;min-height:110px}.community-compose>div{gap:10px;display:flex}.event-list{gap:12px;display:grid}.event-card{background:#fff;border:1px solid #e9e4ee;border-radius:18px;grid-template-columns:130px 1fr;align-items:start;gap:20px;padding:22px;display:grid}.event-card time{color:#6547ed;background:#eee9ff;border-radius:10px;width:fit-content;padding:8px 11px;font-size:12px;font-weight:800}.event-card h3,.event-card p{margin:0}.event-card p{color:#77707d;margin-top:7px}.member-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.member-card{color:inherit;text-align:left;background:#fff;border:1px solid #e9e4ee;border-radius:16px;align-items:center;gap:12px;padding:16px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.member-card:hover{border-color:#cbbef2;transform:translateY(-1px);box-shadow:0 10px 24px #2d1d4d14}.member-card:focus-visible{outline-offset:2px;outline:3px solid #e3daff}.member-card>img,.member-card>.author-placeholder{object-fit:cover;border-radius:50%;flex:none;width:46px;height:46px}.member-card b,.member-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.member-card small{color:#817a87;margin-top:4px;font-size:11px}.post-detail-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1410197a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.post-detail-panel{background:#fff;border-radius:24px;width:min(680px,100%);max-height:min(820px,90vh);padding:28px;position:relative;overflow:auto;box-shadow:0 24px 80px #14101940}.post-detail-panel>.dialog-close{position:absolute;top:16px;right:16px}.post-detail-panel h2{margin:22px 0 10px;font-size:clamp(24px,3vw,34px)}.post-detail-body{color:#4e4853;white-space:pre-wrap;line-height:1.7}.detail-like{color:#6547ed;background:#f0ebff;border-radius:10px;margin:8px 0 24px;padding:9px 13px;font-weight:800}.comment-heading{border-top:1px solid #eee9f1;justify-content:space-between;align-items:center;padding-top:20px;display:flex}.comment-heading h3{margin:0}.comment-heading span{color:#88808d;font-size:12px}.comment-list{gap:10px;margin:14px 0;display:grid}.comment-list article{background:#f8f6fa;border-radius:13px;padding:13px 14px}.comment-list p{white-space:pre-wrap;margin:5px 0}.comment-list small{color:#918a96}.comment-form{grid-template-columns:1fr auto;align-items:end;gap:10px;margin-top:16px;display:grid}.comment-form textarea{resize:vertical;min-height:76px}.community-post-page{max-width:1320px;margin:0 auto;padding:8px 0 60px}.post-page-nav{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.post-group-link{color:#6547ed;font-size:13px;font-weight:800}.post-page-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:22px;display:grid}.post-thread{min-width:0}.thread-original,.thread-replies,.thread-composer,.post-group-aside{background:#fff;border:1px solid #e8e3ec;border-radius:22px}.thread-original{padding:30px clamp(22px,4vw,46px)}.thread-author-block{grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:13px;display:grid}.thread-author-block>img,.thread-author-block>.author-placeholder,.reply-profile>img,.reply-profile>.author-placeholder{object-fit:cover;border-radius:50%;width:52px;height:52px}.thread-author-block b,.thread-author-block small,.reply-profile b,.reply-profile small{display:block}.thread-author-block small,.reply-profile small{color:#8a838f;margin-top:3px;font-size:12px}.floor-label{color:#6547ed;background:#f0ebff;border-radius:8px;padding:5px 8px;font-size:11px;font-weight:800}.thread-group-label{color:#88818d;margin-top:26px;font-size:13px}.thread-group-label button{color:#6547ed;font-weight:800}.thread-original h1{letter-spacing:-.035em;margin:14px 0 24px;font-size:clamp(30px,4vw,48px);line-height:1.18}.thread-body{color:#342f38;white-space:pre-wrap;overflow-wrap:anywhere;min-height:110px;font-size:17px;line-height:1.85}.thread-footer{color:#8a838f;border-top:1px solid #eeeaf0;flex-wrap:wrap;align-items:center;gap:18px;margin-top:32px;padding-top:18px;font-size:12px;display:flex}.thread-footer button{color:#6547ed;background:#f3efff;border-radius:10px;padding:8px 12px;font-weight:800}.thread-footer button.liked{color:#fff;background:#6547ed}.reply-heading{justify-content:space-between;align-items:end;padding:30px 4px 14px;display:flex}.reply-heading h2,.reply-heading p{margin:0}.reply-heading p{color:#8a838f;margin-top:4px;font-size:12px}.reply-heading>span{color:#8a838f}.thread-replies{overflow:hidden}.thread-reply{border-bottom:1px solid #eeeaf0;grid-template-columns:190px minmax(0,1fr);min-height:150px;display:grid}.thread-reply:last-child{border-bottom:0}.reply-profile{background:#faf8fb;align-items:flex-start;gap:11px;padding:25px 18px;display:flex}.reply-profile>img,.reply-profile>.author-placeholder{flex:none;width:42px;height:42px}.reply-profile>div:last-child{min-width:0}.reply-profile b,.reply-profile small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reply-content{flex-direction:column;justify-content:space-between;min-width:0;padding:25px 28px 18px;display:flex}.reply-content p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.75}.reply-content>div{color:#9a939e;justify-content:space-between;margin-top:24px;font-size:11px;display:flex}.thread-composer{margin-top:18px;padding:24px}.thread-composer h3{margin:0 0 14px}.thread-composer textarea{resize:vertical;width:100%;min-height:130px;font:inherit;border:1px solid #dcd5e2;border-radius:13px;outline:none;padding:14px}.thread-composer form>div{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.thread-composer small{color:#918a96}.composer-locked{background:#f8f5fb;border-radius:13px;justify-content:space-between;align-items:center;gap:14px;padding:15px;display:flex}.composer-locked p{margin:0}.post-group-aside{padding:18px;position:sticky;top:24px;overflow:hidden}.post-group-cover{background:#eee9ff;height:130px;margin:-18px -18px 18px;overflow:hidden}.post-group-cover img,.post-group-cover>div{object-fit:cover;width:100%;height:100%}.post-group-cover>div{color:#6547ed;place-items:center;font-size:40px;display:grid}.post-group-aside h3{margin:12px 0 8px;font-size:22px}.post-group-aside p{color:#746d79;font-size:13px;line-height:1.6}.post-group-aside>.secondary-button{width:100%;margin-top:8px}.profile-avatar-link{background:0 0;border-radius:50%;width:52px;height:52px;padding:0;display:block;overflow:hidden}.profile-avatar-link img,.profile-avatar-link .author-placeholder{object-fit:cover;border-radius:50%;place-items:center;width:100%;height:100%;display:grid}.profile-avatar-link:hover{box-shadow:0 0 0 3px #e9e1ff}.profile-name-link{text-align:left;background:0 0;min-width:0;padding:0}.profile-name-link:hover b{color:#6547ed}.reply-profile>.profile-avatar-link{flex:none;width:42px;height:42px}.profile-back{margin-bottom:16px;display:inline-block}.profile-card .follow-profile{margin-left:auto}.profile-card .follow-profile.following{color:#635b69;background:#eee9f2}.profile-owner-actions{justify-content:flex-end;margin-bottom:12px;display:flex}.profile-edit-form{background:#fff;border:1px solid #e6e0ea;border-radius:22px;grid-template-columns:180px 1fr 1fr;gap:16px;margin-bottom:20px;padding:24px;display:grid}.profile-edit-form label{color:#5b5460;gap:7px;font-size:13px;font-weight:800;display:grid}.profile-edit-form input,.profile-edit-form textarea{width:100%;font:inherit;border:1px solid #ddd6e3;border-radius:12px;padding:12px 13px}.profile-edit-form .wide,.profile-edit-actions{grid-column:2/-1}.profile-edit-form textarea{resize:vertical;min-height:100px}.profile-avatar-editor{grid-row:1/span 3;align-content:start;justify-items:center;gap:12px;display:grid}.profile-avatar-editor>img,.profile-avatar-editor>.avatar{object-fit:cover;border-radius:50%;width:110px;height:110px}.profile-edit-actions{gap:10px;display:flex}.rating-review-section{margin-top:30px}.rating-summary{color:#fff;background:linear-gradient(135deg,#211a29,#4b3768);border-radius:22px;grid-template-columns:220px 1fr;align-items:center;gap:30px;padding:28px;display:grid}.rating-summary strong{margin:5px 0;font-size:52px;line-height:1;display:block}.rating-summary small,.rating-summary .my-rating p{color:#d7cedf}.rating-summary .eyebrow{color:#c9b8ff}.my-rating{border-left:1px solid #ffffff2e;padding-left:30px}.my-rating h3{margin:0 0 8px}.star-rating{gap:1px;display:inline-flex}.star-rating button{background:0 0;width:22px;padding:0}.star-rating span{background:linear-gradient(90deg,#f5b942 var(--star-fill),#d8d1dc var(--star-fill));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:21px}.star-rating.large button{width:32px}.star-rating.large span{font-size:31px}.review-heading{justify-content:space-between;align-items:center;margin:36px 0 16px;display:flex}.review-heading h2,.review-heading p{margin:0}.review-heading p{color:#817b87;margin-top:5px}.review-compose{background:#fff;border:1px solid #e5dfea;border-radius:20px;gap:16px;margin-bottom:20px;padding:24px;display:grid}.review-compose label{grid-template-columns:1fr auto;gap:7px;font-size:13px;font-weight:800;display:grid}.review-compose label>:not(span){grid-column:1/-1}.review-compose input,.review-compose textarea{width:100%;font:inherit;border:1px solid #dbd4e1;border-radius:12px;padding:13px 14px}.review-compose textarea{resize:vertical;min-height:240px;line-height:1.7}.review-compose .under-limit{color:#b64235}.review-compose>div{gap:10px;display:flex}.review-list{gap:14px;display:grid}.review-list>article{cursor:pointer;background:#fff;border:1px solid #e8e2ec;border-radius:18px;padding:22px}.review-list>article:hover{border-color:#cfc2f4;box-shadow:0 12px 30px #1e162a0f}.review-author{align-items:center;gap:11px;display:flex}.review-author>img,.review-author>.author-placeholder{object-fit:cover;border-radius:50%;width:42px;height:42px}.review-author>div{min-width:0}.review-author time{color:#918a96;margin-left:auto;font-size:11px}.review-list h3{margin:18px 0 8px;font-size:21px}.review-list>article>p{color:#58515d;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.7;display:-webkit-box;overflow:hidden}.review-actions{color:#817a87;gap:18px;margin-top:16px;font-size:12px;display:flex}.review-actions button{color:#6547ed;background:0 0;padding:0}.review-actions b{color:#6547ed;margin-left:auto}.review-detail-panel{background:#fff;border-radius:24px;width:min(780px,100%);max-height:90vh;padding:34px;position:relative;overflow:auto}.review-detail-panel>.dialog-close{position:absolute;top:16px;right:16px}.review-detail-head{justify-content:space-between;align-items:flex-start;gap:20px;padding-right:42px;display:flex}.review-owner-actions{gap:10px;display:flex}.review-owner-actions button{color:#6547ed;background:#f7f4ff;border:1px solid #e1dbea;border-radius:12px;padding:9px 14px;font-weight:700}.review-owner-actions .danger{color:#c53b3b;background:#fff5f5;border-color:#ffd4d4}.review-owner-actions button:disabled{cursor:wait;opacity:.55}.review-edit-form{background:#faf8fc;border:1px solid #e5dfeb;border-radius:18px;gap:18px;margin:24px 0;padding:22px;display:grid}.review-edit-form label{color:#514a57;gap:9px;font-weight:700;display:grid}.review-edit-form label>span{color:#8b8390;justify-self:end;font-size:13px;font-weight:500}.review-edit-form input,.review-edit-form textarea{color:#17131a;width:100%;font:inherit;background:#fff;border:1px solid #dcd5e3;border-radius:12px;padding:13px 15px}.review-edit-form textarea{resize:vertical;min-height:260px;line-height:1.75}.review-edit-form .under-limit{color:#c53b3b}.review-edit-actions{gap:10px;display:flex}.review-detail-panel h1{margin:24px 0;font-size:clamp(28px,4vw,42px)}.review-full-body{color:#39333d;white-space:pre-wrap;font-size:16px;line-height:1.9}.search-results-grid article{content-visibility:auto;contain-intrinsic-size:250px 330px}.detail-copy-skeleton{gap:11px;width:min(420px,100%);margin-top:20px;display:grid}.detail-copy-skeleton span{background:linear-gradient(90deg,#ece8ef 25%,#f7f5f8 50%,#ece8ef 75%) 0 0/200% 100%;border-radius:999px;height:14px;animation:1.2s linear infinite detail-shimmer}.detail-copy-skeleton span:nth-child(2){width:76%}.detail-copy-skeleton span:nth-child(3){width:54%}.track-disclosure{background:#fff;border:1px solid #e5dfea;border-radius:20px;margin:22px 0;overflow:hidden}.track-disclosure>button{text-align:left;background:#fff;justify-content:space-between;align-items:center;width:100%;padding:20px 22px;display:flex}.track-disclosure>button:hover{background:#faf8fc}.track-disclosure>button span,.track-disclosure>button b,.track-disclosure>button small{display:block}.track-disclosure>button small{color:#817a87;margin-top:4px;font-weight:500}.track-disclosure>button strong{color:#6547ed;font-size:25px}.track-disclosure .track-list{margin:0;padding:0 24px 20px 48px}.profile-stats button{text-align:left;background:#fff;border-radius:16px;gap:3px;padding:20px;display:grid;position:relative}.profile-stats button:hover{transform:translateY(-1px);box-shadow:0 10px 28px #22192f12}.profile-stats button b{font-size:26px}.profile-stats button span{color:#6547ed;opacity:0;font-size:11px;transition:opacity .15s;position:absolute;top:20px;right:18px}.profile-stats button:hover span{opacity:1}.music-list .music-row{width:100%;color:inherit;text-align:left;background:0 0;padding:0}.music-list .music-row:hover strong{color:#6547ed}.music-list .music-row>span{color:#6547ed;margin-left:auto}.profile-wall article{cursor:pointer;transition:transform .15s,box-shadow .15s}.profile-wall article:hover{transform:translateY(-3px);box-shadow:0 12px 28px #23193014}.profile-section-page{max-width:1050px;margin:0 auto}.profile-section-page .section-heading{margin-top:28px}.profile-people-list,.profile-music-history{gap:12px;display:grid}.profile-people-list>button{width:100%;color:inherit;text-align:left;background:#fff;border:1px solid #e8e2ec;border-radius:17px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;display:grid}.profile-people-list>button:hover{border-color:#cabdf1}.profile-people-list img,.profile-people-list .author-placeholder{object-fit:cover;border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.profile-people-list b,.profile-people-list small{display:block}.profile-people-list p{color:#726b77;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:12px;overflow:hidden}.profile-people-list strong{color:#6547ed;font-size:12px}.profile-music-history>article{cursor:pointer;background:#fff;border:1px solid #e8e2ec;border-radius:17px;grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:16px;padding:15px;display:grid}.profile-music-history>article:hover{border-color:#cabdf1;box-shadow:0 10px 28px #22192f0f}.profile-music-history>article>img,.profile-music-history>article>.music-image-placeholder{object-fit:cover;border-radius:12px;width:84px;height:84px}.profile-music-history b,.profile-music-history small{display:block}.profile-music-history h3{margin:9px 0 3px}.profile-music-history p{color:#6f6874;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;display:-webkit-box;overflow:hidden}.history-rating{justify-items:end;gap:4px;display:grid}.history-rating>span{color:#817a87;font-size:12px}@keyframes detail-shimmer{to{background-position:-200% 0}}@media (width<=800px){.community-groups{grid-template-columns:1fr}.review-feed-list article{grid-template-columns:92px minmax(0,1fr);gap:13px}.review-feed-list>article>img{width:92px}.review-feed-copy h2{font-size:17px}.review-feed-copy>b small{margin:3px 0 0;display:block}.review-feed-copy>p{-webkit-line-clamp:2}.review-music-search div{grid-template-columns:1fr auto;display:grid}.community-intro{padding:24px}.group-hero-cover{height:180px}.group-title-row{display:grid}.group-edit-card{grid-template-columns:1fr;padding:20px}.group-edit-card label{grid-column:1/-1}.group-cover-editor{grid-template-columns:1fr}.spotify-cover-results,.member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.create-group-form{grid-template-columns:1fr}.create-group-form label{grid-column:1/-1}.community-user-results,.community-group-results,.post-page-layout{grid-template-columns:1fr}.post-group-aside{grid-row:1;position:static}.post-group-cover{height:150px}.profile-edit-form{grid-template-columns:1fr 1fr}.profile-avatar-editor{grid-area:auto/1/auto/-1}.profile-edit-form .wide,.profile-edit-actions{grid-column:1/-1}}@media (width<=520px){.group-page .group-back{margin-bottom:13px;font-size:13px}.group-page .notice{margin:0 0 14px;font-size:13px;line-height:1.45}.group-hero{border-radius:20px}.group-hero-cover{height:124px}.group-hero-copy{padding:18px 18px 20px}.group-title-row h1{margin-top:6px;font-size:28px}.group-hero-copy>p{margin:12px 0 8px;font-size:14px;line-height:1.55}.group-meta{font-size:12px}.group-join{margin-top:15px;padding:9px 14px;font-size:12px}.group-tabs{gap:22px;margin:22px 0;font-size:13px}.group-tile{grid-template-columns:68px minmax(0,1fr)}.group-tile>img,.group-cover-placeholder{width:68px;height:68px}.group-tile .join-button{grid-column:2;justify-self:start}.spotify-cover-search{display:grid}.spotify-cover-search button{min-height:44px}.spotify-cover-results,.community-compose,.member-grid{grid-template-columns:1fr}.community-compose label{grid-column:1/-1}.event-card{grid-template-columns:1fr;gap:10px}.post-detail-backdrop{padding:10px}.post-detail-panel{border-radius:18px;padding:22px 18px}.comment-form{grid-template-columns:1fr}.thread-original{padding:22px 18px}.thread-reply{grid-template-columns:1fr}.reply-profile{padding:16px 18px}.reply-content{min-height:130px;padding:18px}.composer-locked{flex-direction:column;align-items:stretch}.profile-edit-form,.rating-summary{grid-template-columns:1fr}.profile-edit-form label{grid-column:1/-1}.my-rating{border-top:1px solid #ffffff2e;border-left:0;padding:18px 0 0}.review-detail-panel{padding:26px 18px}.review-detail-head{flex-direction:column;align-items:flex-start;padding-right:34px}.review-edit-form{padding:16px}.community-group-heading{align-items:flex-start;gap:14px}.profile-music-history>article{grid-template-columns:64px minmax(0,1fr)}.profile-music-history>article>img,.profile-music-history>article>.music-image-placeholder{width:64px;height:64px}.history-rating{grid-column:2;justify-items:start}.profile-people-list>button{grid-template-columns:50px minmax(0,1fr)}.profile-people-list img,.profile-people-list .author-placeholder{width:50px;height:50px}.profile-people-list strong{grid-column:2}.community-search{grid-template-columns:auto minmax(0,1fr)}.community-search button{min-height:42px}.community-search button[type=submit]{grid-column:1/-1}.community-search-clear{position:absolute;right:24px}}.app-sidebar{padding:30px 20px}.app-sidebar .brand{letter-spacing:-.7px;margin:0 14px 34px;font-size:25px}.app-sidebar nav{gap:7px;display:grid}.app-sidebar nav button{color:#655f69;border:1px solid #0000;border-radius:14px;align-items:center;gap:13px;min-height:50px;padding:0 14px;font-size:15px;line-height:1;transition:background-color .18s,color .18s,transform .18s;display:flex;position:relative}.app-sidebar nav button:hover{color:#6547ed;background:#f5f2ff;transform:translate(2px)}.app-sidebar nav button.active{color:#6547ed;background:linear-gradient(135deg,#eee9ff,#f7f4ff);border-color:#e5dcff;box-shadow:0 7px 20px #6547ed14}.app-sidebar nav button.active:before{content:"";background:#6547ed;border-radius:0 4px 4px 0;width:3px;height:22px;position:absolute;left:-1px}.app-sidebar nav button span{line-height:1.2;display:block}.nav-icon{flex:0 0 21px;width:21px;height:21px;display:block}@media (width<=720px){.app-sidebar{padding:8px 10px}.app-sidebar nav{grid-template-columns:repeat(4,1fr);gap:4px;width:100%;display:grid}.app-sidebar nav button{border-radius:12px;flex-direction:column;justify-content:center;gap:4px;min-height:56px;padding:5px 2px}.app-sidebar nav button:hover{transform:none}.app-sidebar nav button.active:before{border-radius:4px 4px 0 0;width:24px;height:3px;inset:auto auto -1px}.nav-icon{flex-basis:20px;width:20px;height:20px}}