:root{--purple:#7c3aed;--purple-dark:#5b21b6;--orange:#ff7828;--green:#10b981;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--bg:#f9fafb;--card:#fff;--hairline:#0f172a11;--hairline-strong:#0f172a1a;--shadow-card:0 10px 40px -12px #0f172a1a, 0 2px 8px -4px #0f172a0a}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;letter-spacing:-.012em;min-height:100vh;font-family:Plus Jakarta Sans,Avenir Next,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.topbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline);background:#ffffffe0;position:sticky;top:0;box-shadow:0 8px 36px -18px #0f172a1f}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:0 auto;padding:14px 24px;display:flex}.brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.brand-icon{object-fit:contain;border-radius:12px;width:auto;height:44px}.brand-text{letter-spacing:-.03em;color:#111;font-size:1.12rem;font-weight:800}@media (max-width:640px){.brand-icon{height:36px}.brand-text{font-size:1rem}}.top-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.nav-auth-user,.nav-auth-guest{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.auth-user-name{color:#374151;font-size:.9rem;font-weight:600}.top-locale-wrap{flex-shrink:0;align-items:center;margin-left:8px;display:inline-flex}.top-locale-select{border:1px solid var(--hairline-strong);color:#374151;background:#fff;border-radius:10px;outline:none;min-width:118px;height:36px;padding:0 10px;font-size:.86rem;font-weight:600}.top-locale-select:focus{border-color:var(--hairline-strong);box-shadow:none}.link-quiet,.secondary-action{color:#374151;border:1px solid var(--hairline-strong);cursor:pointer;background:#fff;border-radius:10px;padding:8px 12px;font-size:.9rem;font-weight:500;transition:background .15s,color .15s}.link-quiet:hover,.secondary-action:hover{background:#f3f4f6}.secondary-action.auth-form-switch-btn:hover{background:#fff}.placeholder-form button.secondary-action.auth-form-switch-btn{color:#374151!important;border:1px solid var(--hairline-strong)!important;filter:none!important;background:#fff!important;transform:none!important}.placeholder-form button.secondary-action.auth-form-switch-btn:hover{color:#374151!important;filter:none!important;background:#f3f4f6!important;transform:none!important}.btn-register,.primary-action,.btn-composer-post,.suggest-follow-btn,.placeholder-form button{color:#fff;cursor:pointer;background:#111827;border:1px solid #111827;border-radius:12px;padding:8px 18px;font-size:.9rem;font-weight:600;transition:filter .15s,transform .15s}.btn-register:hover,.primary-action:hover,.btn-composer-post:hover,.suggest-follow-btn:hover,.placeholder-form button:hover{filter:brightness(1.05);transform:translateY(-1px)}.shell{max-width:1180px;margin:0 auto;padding:28px 24px 120px}.shell-feed{align-items:flex-start;gap:14px;display:flex}.feed-sidebar{z-index:25;flex-shrink:0;width:148px;position:sticky;top:72px}.sidebar-nav{flex-direction:column;gap:1px;width:100%;display:flex}.sidebar-nav-item{color:#111827;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;grid-template-columns:28px minmax(0,1fr);align-items:center;column-gap:8px;width:100%;padding:8px 7px;font-family:inherit;font-size:.78rem;font-weight:600;transition:background .15s,color .15s,transform .12s;display:grid}.sidebar-nav-item:hover{background:#f3f4f6}.sidebar-nav-item.is-active{background:linear-gradient(#f3f4f6 0%,#eceff2 100%);font-weight:700;box-shadow:inset 0 1px #ffffffbf}.sidebar-nav-ico,.sidebar-home-avatar{color:#111827;background:#f3f4f6;border-radius:10px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.sidebar-nav-ico{margin-left:-5px}.sidebar-nav-ico svg{width:21px;height:21px;display:block}.sidebar-home-avatar{color:#fff;background:#111827;border-radius:999px;font-size:.9rem;font-weight:700;overflow:hidden}.sidebar-home-avatar-photo{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:999px;width:24px;height:24px}.sidebar-nav-text{white-space:nowrap;align-items:center;gap:8px;font-size:1.04rem;font-weight:600;display:inline-flex}.sidebar-home-wrap{margin-top:6px}.sidebar-home-item{color:#111827;border-radius:10px;grid-template-columns:28px minmax(0,1fr);align-items:center;column-gap:8px;width:100%;padding:8px 7px;font-size:.78rem;font-weight:600;transition:background .15s,color .15s;display:grid}.sidebar-home-item:hover{background:#f3f4f6}.sidebar-home-label{font-size:1.04rem;font-weight:600}.sidebar-nav-badge{color:#fff;background:#111827;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.68rem;display:inline-grid}.sidebar-nav-dot{background:#ef4444;border-radius:999px;flex-shrink:0;width:8px;height:8px;display:inline-block}.profile-hero{align-items:flex-start;gap:16px;display:flex}.profile-hero-avatar-ring{border-radius:999px;flex-shrink:0;width:83px;height:83px;overflow:hidden}.profile-hero-avatar-core{border-radius:999px;width:100%;height:100%;padding:0}.profile-hero-avatar-img,.profile-hero-avatar-fallback{object-fit:cover;border-radius:999px;width:100%;height:100%}.profile-hero-avatar-fallback{color:#fff;background:linear-gradient(145deg, var(--purple) 0%, #a78bfa 55%, #c4b5fd 100%);place-items:center;font-size:1.45rem;font-weight:800;display:grid}.profile-hero-main{flex:1;min-width:0}.profile-hero-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-hero-edit-btn{flex-shrink:0}.profile-hero-username{letter-spacing:-.02em;margin:0;font-size:1.9rem;font-weight:700;line-height:1.12}.profile-hero-more{color:#111827;cursor:pointer;background:0 0;border:none;padding:4px 2px;font-size:1.25rem;font-weight:500;line-height:1}.profile-hero-display-name{letter-spacing:0;color:#6b7280;margin-top:4px;font-size:.9rem;font-weight:500;line-height:1.3}.profile-hero-stats{align-items:center;gap:24px;margin-top:12px;font-size:.98rem;font-weight:700;display:flex}.profile-hero-bio{color:#4b5563;margin-top:10px;font-size:.9rem}.profile-hero+.composer-toolbar{margin-top:16px}.feed-main{flex:1;min-width:0}.feed-right{flex-shrink:0;width:280px;position:sticky;top:72px}.ai-row{color:#6b7280;align-items:center;gap:10px;margin-bottom:12px;font-size:.82rem;font-weight:700;display:flex}.ai-avatars{align-items:center;gap:6px;display:inline-flex}.ai-dot{color:#fff;border-radius:999px;place-items:center;width:22px;height:22px;font-size:.72rem;font-weight:700;display:grid}.card,.suggest-panel,.simple-card{background:var(--card);border:1px solid var(--hairline);box-shadow:var(--shadow-card);border-radius:20px}.composer-card,.card-feed-featured,.card-feed-compact,.suggest-panel{padding:18px}.composer-card{margin-bottom:14px}.composer-top{display:block}.composer-avatar-inner,.avatar{color:#fff;background:linear-gradient(135deg,#111,#4b5563);border-radius:999px;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.avatar-photo{border-radius:inherit;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.composer-site-logo{border-radius:inherit;background-image:url(/brand-icon.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.composer-body{flex:1}.composer-textarea-wrap{position:relative}.composer-textarea-avatar{z-index:1;pointer-events:none;position:absolute;top:12px;left:14px}.composer-note{color:var(--muted);margin-bottom:12px;font-size:.88rem}.composer-feedback{margin-top:12px}.composer-preview-slot{margin-top:6px}.comment-image-preview-wrap{width:fit-content;display:none;position:relative}.comment-image-preview-wrap.is-visible{display:inline-flex}.comment-preview-img,.post-image{object-fit:cover;border-radius:16px;max-width:100%;display:block}.comment-preview-img{border:1px solid var(--hairline);width:min(240px,100%);max-height:240px}.btn-comment-image-remove{color:#fff;cursor:pointer;background:#111827c7;border:none;border-radius:999px;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:8px;right:8px}.composer-textarea,.placeholder-form input,.placeholder-form textarea,.placeholder-form select{border:1px solid var(--hairline-strong);width:100%;color:var(--text);resize:vertical;background:#fff;border-radius:14px;padding:14px 16px}.composer-textarea{min-height:150px;padding-bottom:66px;padding-left:68px}.composer-infield-toolbar{pointer-events:auto;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:12px;left:14px;right:14px}.composer-infield-icons{align-items:center;gap:10px;display:flex}.composer-infield-toolbar .btn-composer-post{border-radius:999px;height:36px;padding:8px 18px}.composer-textarea:disabled{color:#9ca3af}.composer-divider{background:var(--hairline);height:1px;margin:10px 0 8px}.composer-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.composer-toolbar-icons,.composer-toolbar-right{align-items:center;gap:2px;display:flex}.profile-actions-center{justify-content:center;gap:12px;width:100%}.profile-follow-btn{min-width:140px}.profile-peer-action{text-align:center;border-radius:999px;justify-content:center;align-items:center;min-width:94px;height:32px;font-size:.84rem;font-weight:700;display:inline-flex}.profile-actions-center .profile-peer-action{color:#fff;background:#0f1a34;border:1px solid #111827}.profile-actions-center .profile-peer-action:hover{color:#fff;filter:none;background:#132040;transform:translateY(-1px)}.profile-actions-center .follow-action-btn.is-following.profile-peer-action{color:#fff;background:#0f1a34;border-color:#0f1a34}.composer-ico-btn{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .16s,color .16s;display:inline-flex}.composer-ico-btn:hover{background:#f3f4f6}.composer-ico-btn:focus-visible{outline-offset:1px;outline:2px solid #11182766}.composer-ico-svg{display:block}.composer-ico-btn.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.composer-ico-btn:disabled{opacity:.45;cursor:not-allowed}.composer-emoji-picker{border:1px solid var(--hairline);background:#fff;border-radius:12px;flex-wrap:wrap;gap:6px;margin-top:8px;padding:8px;display:flex}.composer-emoji-btn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;place-items:center;width:34px;height:34px;font-size:1rem;display:grid}.composer-emoji-btn:hover{color:#fff;background:#111827}.messages-layout{grid-template-columns:280px 1fr;gap:14px;min-height:540px;display:grid}.messages-empty-state-panel{text-align:center;place-items:center;min-height:540px;padding:28px 20px;display:grid}.messages-empty-state-icon-wrap{color:#111827;background:#f3f4f6;border-radius:999px;place-items:center;width:112px;height:112px;display:grid}.messages-empty-state-title{letter-spacing:-.02em;margin-top:18px;font-size:2.05rem;font-weight:800}.messages-empty-state-subtitle{color:#6b7280;max-width:560px;margin-top:10px;font-size:1.05rem}.messages-empty-state-cta{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:999px;margin-top:16px;padding:10px 28px;font-size:.92rem;font-weight:700}.messages-empty-state-cta:hover{filter:brightness(1.05)}.messages-start-form-inline{width:min(560px,100%);margin-top:16px}.messages-title{align-items:center;gap:8px;margin-bottom:10px;font-size:1.05rem;font-weight:800;display:flex}.messages-unread-chip{color:#fff;background:#ef4444;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 6px;font-size:.68rem;font-weight:700;display:inline-grid}.messages-start-form{grid-template-columns:1fr auto;gap:8px;margin-bottom:10px;display:grid}.messages-start-form input,.messages-send-form input{border:1px solid var(--hairline-strong);width:100%;color:var(--text);background:#fff;border-radius:10px;padding:10px 12px}.messages-start-form button,.messages-send-form button,.messages-peer-chip{border:1px solid var(--hairline-strong);color:#111827;cursor:pointer;background:#fff;border-radius:10px;padding:8px 12px;font-size:.84rem;font-weight:600}.messages-start-form button:hover,.messages-send-form button:hover,.messages-peer-chip:hover{background:#f3f4f6}.messages-start-form button:disabled,.messages-send-form button:disabled{opacity:.6;cursor:not-allowed}.messages-peers-hint{color:#6b7280;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;font-size:.8rem;display:flex}.messages-peer-chip{padding:4px 10px;font-size:.76rem}.messages-conversation-list{gap:8px;list-style:none;display:grid}.messages-conversation-btn{border:1px solid var(--hairline);text-align:left;cursor:pointer;background:#fff;border-radius:12px;grid-template-columns:32px 1fr;align-items:center;gap:10px;width:100%;padding:10px 12px;display:grid;position:relative}.messages-conversation-btn:hover{background:#f9fafb}.messages-conversation-btn.is-active{background:#f3f4f6;border-color:#cbd5e1}.messages-conversation-name{font-size:.9rem;font-weight:700}.messages-conversation-avatar{color:#fff;background:linear-gradient(145deg, var(--purple) 0%, #a78bfa 55%, #c4b5fd 100%);border-radius:999px;place-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:grid;overflow:hidden}.messages-conversation-avatar-photo{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:999px;width:100%;height:100%}.messages-conversation-handle{color:#6b7280;margin-top:1px;font-size:.76rem}.messages-conversation-preview{color:#4b5563;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:.8rem;overflow:hidden}.messages-unread-dot{background:#ef4444;border-radius:999px;width:8px;height:8px;display:inline-block;position:absolute;top:10px;right:10px}.messages-thread-panel{border:1px solid var(--hairline);background:#fff;border-radius:14px;flex-direction:column;min-height:520px;display:flex}.messages-thread-head{border-bottom:1px solid var(--hairline);text-align:center;justify-content:center;align-items:center;padding:12px 14px;display:flex}.messages-thread-head span{color:#6b7280;font-size:.84rem}.messages-thread-body{flex:1;align-content:start;gap:8px;padding:14px;display:grid;overflow-y:auto}.messages-bubble{background:#f3f4f6;border-radius:12px;justify-self:start;max-width:72%;padding:10px 12px}.messages-bubble.is-mine{background:#e9f3ff;justify-self:end}.messages-bubble p{white-space:pre-wrap;word-break:break-word;margin-bottom:4px;font-size:.88rem}.messages-bubble time{color:#6b7280;font-size:.7rem}.messages-send-form{border-top:1px solid var(--hairline);flex-direction:column;gap:8px;padding:12px;display:flex}.messages-send-form-row{grid-template-columns:1fr auto auto;align-items:center;gap:8px;display:grid}.messages-inline-error{color:#b91c1c;justify-self:center;margin-top:4px;font-size:.88rem;font-weight:600;display:inline-block}.messages-inline-error-text:before{content:"!";color:#ef4444;margin-right:4px;font-weight:800}.messages-empty,.messages-thread-placeholder{color:#6b7280;font-size:.86rem}.messages-thread-placeholder{flex:1;place-items:center;padding:20px;display:grid}.messages-footnote{color:#6b7280;margin-top:12px;font-size:.78rem}.notification-panel{min-height:540px}.notification-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.notification-title{font-size:1.08rem;font-weight:800}.notification-subtitle{color:#6b7280;margin-top:4px;font-size:.84rem}.notification-mark-all-btn,.notification-read-btn{border:1px solid var(--hairline-strong);color:#111827;cursor:pointer;background:#fff;border-radius:10px;padding:6px 10px;font-size:.78rem;font-weight:600}.notification-mark-all-btn:hover,.notification-read-btn:hover{background:#f3f4f6}.notification-mark-all-btn:disabled,.notification-read-btn:disabled{opacity:.55;cursor:not-allowed}.notification-list{gap:8px;list-style:none;display:grid}.notification-item{border:1px solid var(--hairline);background:#fff;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.notification-item.is-unread{background:#eef2ff;border-color:#c7d2fe}.notification-avatar{color:#fff;background:linear-gradient(145deg, var(--purple) 0%, #a78bfa 55%, #c4b5fd 100%);border-radius:999px;place-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:grid;overflow:hidden}.notification-avatar-photo{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:999px;width:100%;height:100%}.notification-content p{margin:0}.notification-content p+p{margin-top:4px}.notification-meta{color:#6b7280;font-size:.76rem}.notification-empty{text-align:center;align-content:center;place-items:center;min-height:360px;padding:20px;display:grid}.notification-empty-title{font-size:1.25rem;font-weight:800}.notification-empty-subtitle{color:#6b7280;margin-top:6px;font-size:.9rem}.profile-modal-backdrop{z-index:110;background:#0f172a73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.profile-modal-card{border:1px solid var(--hairline);background:#fff;border-radius:18px;width:min(560px,100%);max-height:calc(100vh - 40px);padding:16px;overflow:auto;box-shadow:0 30px 80px -24px #0f172a59}.profile-modal-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.profile-modal-head h2{font-size:1.05rem;font-weight:800}.profile-modal-close{color:#111827;cursor:pointer;background:0 0;border:none;border-radius:8px;width:30px;height:30px;font-size:1.5rem;line-height:1}.profile-modal-close:hover{background:#f3f4f6}.profile-avatar-editor{justify-content:center;align-items:center;gap:12px;width:100%;margin-top:4px;margin-bottom:8px;display:flex}.profile-avatar-preview{cursor:pointer;background:#f3f4f6;border:6px solid #fff;border-radius:999px;flex-shrink:0;place-items:center;width:168px;height:168px;display:grid;position:relative;box-shadow:0 6px 20px -10px #0f172a52}.profile-avatar-preview-inner{border-radius:999px;width:100%;height:100%;overflow:hidden}.profile-avatar-preview-photo{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.profile-avatar-preview span{color:#111827;font-size:2rem;font-weight:700}.profile-avatar-camera{color:#fff;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);background:#ffffff3d;border:1px solid #ffffff8c;border-radius:999px;place-items:center;width:58px;height:58px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.profile-avatar-camera svg{width:44px;height:44px}.feed-stream{gap:14px;display:grid}.post-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.post-follow-btn{margin-left:auto}.post-delete-btn{color:#111827;cursor:pointer;background:#fff;border:1px solid #11182729;border-radius:10px;margin-left:auto;padding:8px 12px;font-size:.86rem;font-weight:600;transition:background .15s,color .15s}.post-delete-btn:hover:enabled{background:#f3f4f6}.post-delete-btn:disabled{opacity:.65;cursor:not-allowed}.delete-post-modal-backdrop{z-index:125}.delete-post-modal-card{width:min(400px,100%);padding:20px 18px 18px}.delete-post-modal-title{color:#111827;text-align:center;box-sizing:border-box;flex:1;margin:0;padding-right:28px;font-size:1.05rem;font-weight:800;line-height:1.25}.delete-post-modal-body{color:#374151;margin:14px 0 0;font-size:.95rem;line-height:1.55}.delete-post-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.delete-post-modal-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:10px 16px;font-size:.9rem;font-weight:700}.delete-post-modal-btn-cancel{color:#111827;background:#fff;border-color:#11182729}.delete-post-modal-btn-cancel:hover{background:#f3f4f6}.delete-post-modal-btn-danger{color:#fff;background:#b91c1c;border-color:#991b1b}.delete-post-modal-btn-danger:hover{filter:brightness(1.06)}.post-meta{flex:1;min-width:0}.name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.username{font-size:.96rem;font-weight:700}.post-handle{color:var(--muted);font-size:.8rem}.pill-time{color:#6b7280;background:#f3f4f6;border-radius:999px;align-items:center;padding:4px 10px;font-size:.74rem;display:inline-flex}.follow-action-btn{color:#fff;cursor:pointer;background:#111827;border:1px solid #111827;border-radius:999px;padding:8px 14px;font-size:.84rem;font-weight:700;transition:filter .15s,transform .15s}.follow-action-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.follow-action-btn:disabled{opacity:.75;cursor:not-allowed;transform:none}.follow-action-btn.is-following{color:#111827;background:#fff}.follow-action-btn.is-compact{padding:6px 12px;font-size:.8rem}.post-text{color:#111827;margin-bottom:16px;font-size:1rem}.post-image-wrap{margin-bottom:16px}.post-image{border:1px solid var(--hairline);background:#f3f4f6;width:100%;max-height:420px}.player{background:linear-gradient(#f8fafc 0%,#eef2ff 100%);border:1px solid #e5e7eb;border-radius:18px;padding:14px}.player-top{align-items:center;gap:12px;display:flex}.cover{object-fit:cover;border-radius:18px;width:88px;height:88px}.player-info{min-width:0}.song-title{font-size:1rem;font-weight:800}.song-artist,.song-tags{color:#6b7280;font-size:.88rem}.progress-wrap{margin-top:14px}.progress-bar{background:#dbeafe;border-radius:999px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--purple), var(--orange));width:38%;height:100%}.cta-gradient{color:#fff;background:linear-gradient(90deg, var(--purple) 0%, var(--orange) 100%);border:none;border-radius:14px;width:100%;margin-top:16px;padding:12px 16px;font-weight:700}.interactions,.interactions.compact{flex-wrap:wrap;align-items:center;gap:16px;margin-top:14px;display:flex}.interact,.feed-post-comment-stat{color:#374151;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:inline-flex}.comments-panel{background:linear-gradient(90deg, transparent 0%, var(--hairline) 8%, var(--hairline-strong) 50%, var(--hairline) 92%, transparent 100%) 0 0 / 100% 1px no-repeat;border-top:none;margin-top:18px;padding-top:18px}.comment-compose{width:100%;margin-bottom:16px}.comment-login-row{border:1px solid var(--hairline-strong);color:#4b5563;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:10px 12px;font-size:.9rem;font-weight:600;display:flex}.comment-login-link{cursor:pointer;color:#111;background:0 0;border:none;padding:0;font-weight:700;text-decoration:none}.comment-login-link:hover{text-decoration:underline}.btn-send{color:#fff;cursor:pointer;background:#111827;border:1px solid #111827;border-radius:10px;padding:8px 14px;font-weight:600;transition:filter .15s,transform .15s}.btn-send:hover:enabled{filter:brightness(1.05);transform:translateY(-1px)}.comment-list{flex-direction:column;gap:12px;margin-top:14px;list-style:none;display:flex}.comment-item{align-items:flex-start;gap:10px;display:flex}.comment-avatar{background:linear-gradient(135deg, #a78bfa, var(--purple));color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:.75rem;font-weight:700;display:grid}.comment-avatar-photo{border-radius:inherit;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.comment-body{flex:1;min-width:0}.comment-meta{color:var(--muted);margin-bottom:4px;font-size:.75rem}.comment-author{margin-bottom:2px;font-size:.88rem;font-weight:700}.comment-text{color:#374151;word-break:break-word;font-size:.9rem;line-height:1.45}.comment-item-nested .comment-avatar{width:30px;height:30px;font-size:.68rem}.comment-replies{border-left:2px solid var(--hairline);flex-direction:column;gap:10px;margin-top:10px;padding-left:10px;list-style:none;display:flex}.comment-inline-actions{margin-top:6px}.comment-reply-toggle{cursor:pointer;color:#4b5563;background:0 0;border:none;padding:0;font-size:.78rem;font-weight:700}.comment-reply-toggle:hover{color:#111827;text-decoration:underline}.comment-reply-form{width:100%;margin-top:8px}.comment-reply-row{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.comment-reply-input{border:1px solid var(--border);width:100%;min-width:0;height:38px;color:var(--text);background:#fff;border-radius:10px;flex:1 1 0;padding:0 10px;font-size:.88rem}.comment-reply-input:focus{border-color:#c4b5fd;outline:none;box-shadow:0 0 0 3px #7c3aed1f}.comment-reply-emoji-btn{flex-shrink:0;width:34px;height:34px}.btn-comment-reply-send{flex-shrink:0;padding:8px 12px}.comment-reply-emoji-picker{width:100%;max-width:100%;margin-top:6px}.comment-empty{color:var(--muted);font-size:.82rem}.interactions{color:#111827;letter-spacing:-.02em;align-items:center;gap:28px;padding-top:4px;font-size:1rem;font-weight:800;display:flex}.interact{cursor:pointer;align-items:center;gap:8px;display:inline-flex}button.interact{font:inherit;color:inherit;background:0 0;border:none;padding:0;font-weight:600}.interact:hover{color:#374151}.interact-comments[aria-expanded=true]{color:var(--purple)}.interact-ico-svg{opacity:.92;shape-rendering:geometricprecision;flex-shrink:0;width:22px;height:22px;display:block}.like-icon,.comment-ico-wrap{justify-content:center;align-items:center;line-height:0;display:inline-flex}.ico-heart-stroke{transition:opacity .15s}.ico-heart-fill{fill:#e11d48;stroke:none;display:none}.interact-like.is-liked .ico-heart-stroke{display:none}.interact-like.is-liked .ico-heart-fill{display:block}.interact-like.is-liked:active .like-icon{transform:scale(.94)}.like-icon{transition:transform .15s}.interact-share{border:1px solid var(--hairline);color:#5f6b77;background:linear-gradient(#fcfcfd 0%,#f4f6f8 100%);border-radius:11px;flex-shrink:0;order:99;justify-content:center;width:34px;height:34px;margin-left:auto;transition:color .15s,background .15s,border-color .15s,transform .12s,box-shadow .15s;box-shadow:0 1px 2px #0f172a0d}.interact-share:hover{color:#374151;background:linear-gradient(#fff 0%,#eef1f4 100%);border-color:#0f172a1f;transform:translateY(-1px);box-shadow:0 4px 12px -6px #0f172a1f}.share-ico-wrap{justify-content:center;align-items:center;line-height:0;display:inline-flex}.share-ico-svg{width:20px;height:20px}.suggest-panel h3{font-size:1rem;font-weight:800}.suggest-rule-hint{color:var(--muted);margin-top:8px;font-size:.85rem}.suggest-list{gap:12px;margin-top:16px;list-style:none;display:grid}.suggest-item{grid-template-columns:36px 1fr auto;align-items:center;gap:12px;display:grid}.suggest-avatar{color:#fff;border-radius:999px;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.suggest-avatar-photo{border-radius:inherit;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.suggest-copy strong{font-size:.92rem;display:block}.suggest-copy span{color:var(--muted);font-size:.82rem}.legal-links{border-top:1px solid var(--hairline);color:#6b7280;align-items:center;gap:8px;margin-top:14px;padding-top:10px;font-size:.8rem;display:flex}.legal-links a{color:#6b7280}.legal-links a:hover{color:#111827;text-decoration:underline}.legal-card{max-width:920px}.legal-body{color:#374151;gap:10px;margin-top:14px;font-size:.95rem;line-height:1.7;display:grid}.legal-body h2{color:#111827;margin-top:8px;font-size:1.02rem}.simple-page{place-items:center;min-height:100vh;padding:40px 20px;display:grid}.simple-card{width:min(760px,100%);padding:24px}.profile-settings-card{border-radius:24px}.settings-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.eyebrow{color:var(--purple);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;font-size:.8rem;font-weight:800}.simple-card h1{letter-spacing:-.04em;margin-bottom:10px;font-size:clamp(2rem,4vw,3rem);line-height:1.05}.simple-card p{color:var(--muted)}.placeholder-form{gap:14px;display:grid}.placeholder-form label{color:var(--text);gap:8px;font-weight:600;display:grid}.form-feedback{border-radius:14px;padding:12px 14px;font-size:.94rem;line-height:1.5}.form-feedback.is-error{color:#8f1d1d;background:#9c22221a;border:1px solid #9c22222e}.form-feedback.is-success{color:#111;background:#2d6a571f;border:1px solid #2d6a572e}.auth-form-switch-btn{justify-content:center;width:100%}.auth-page-footnote{color:#6b7280;margin-top:8px;font-size:.86rem}.auth-page-footnote a{color:#111827;text-decoration:underline}.auth-forgot-row{justify-content:flex-end;margin-top:8px;display:flex}.auth-forgot-link{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:.82rem;font-weight:600;text-decoration:none}.auth-forgot-link:hover{color:#1d4ed8;text-decoration:underline}.placeholder-form .auth-forgot-link{color:#2563eb!important;filter:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important;font-size:.82rem!important;font-weight:600!important;transition:none!important;transform:none!important}.placeholder-form .auth-forgot-link:hover{color:#1d4ed8!important;text-decoration:underline!important}.placeholder-form button.auth-forgot-link{appearance:none!important;color:#2563eb!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.placeholder-form button.auth-forgot-link:hover{color:#1d4ed8!important;text-decoration:underline!important;transform:none!important}.auth-reset-actions{justify-content:flex-start;gap:10px;margin-top:10px;display:flex}.auth-reset-submit{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:.82rem;font-weight:700;text-decoration:underline}.placeholder-form .auth-reset-submit{color:#2563eb!important;filter:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important;font-size:.82rem!important;font-weight:700!important;transition:none!important;transform:none!important}.placeholder-form .auth-reset-submit:hover{text-decoration:underline;color:#1d4ed8!important}.auth-reset-submit:disabled{opacity:.7;cursor:not-allowed;text-decoration:none}.auth-modal-backdrop{z-index:120;background:#0f172a73;justify-content:center;align-items:center;height:100dvh;min-height:100dvh;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.auth-modal-card{border:1px solid var(--hairline);background:#fff;border-radius:18px;width:min(560px,100%);max-height:calc(100vh - 40px);margin:0 auto;padding:16px;position:relative;overflow:auto;box-shadow:0 30px 80px -24px #0f172a59}.auth-reset-back-top-left{color:#111827;cursor:pointer;background:0 0;border:none;border-radius:0;padding:0;font-size:.9rem;font-weight:800;position:absolute;top:14px;left:14px}.auth-reset-back-top-left:disabled{opacity:.7;cursor:not-allowed}.auth-reset-back-top-left:hover{background:0 0;transform:none}.auth-modal-head{justify-content:center;align-items:center;gap:16px;min-height:40px;display:flex;position:relative}.auth-modal-brand{text-align:center;letter-spacing:-.03em;color:#111;margin:0 auto;font-size:1.12rem;font-weight:800}.auth-modal-close{color:#111827;cursor:pointer;background:0 0;border:none;border-radius:8px;width:32px;height:32px;font-size:1.5rem;line-height:1;position:absolute;top:50%;right:0;transform:translateY(-50%)}.auth-modal-close:hover{background:#f3f4f6}.auth-modal-tabs{align-items:center;gap:8px;margin-top:14px;margin-bottom:12px;display:flex}.auth-modal-tab{border:1px solid var(--hairline-strong);color:#111827;cursor:pointer;background:#fff;border-radius:10px;padding:7px 14px;font-size:.86rem;font-weight:600}.auth-modal-tab.is-active{color:#fff;background:#111827;border-color:#111827}@media (max-width:1024px){.shell-feed{flex-direction:column}.feed-sidebar,.feed-right{width:100%;position:static}.sidebar-nav{flex-flow:wrap}}@media (max-width:700px){.topbar-inner,.shell{padding-left:16px;padding-right:16px}.profile-hero{flex-direction:column;align-items:flex-start}.profile-hero-avatar-ring{width:69px;height:69px}.profile-hero-username{font-size:1.45rem}.profile-hero-display-name{font-size:1.15rem}.profile-hero-stats{gap:14px;font-size:.9rem}.settings-header,.composer-top,.player-top{flex-direction:column;align-items:flex-start}.messages-layout{grid-template-columns:1fr}.messages-empty-state-title{font-size:1.6rem}.messages-empty-state-subtitle{font-size:.94rem}}