.app-container{--dock-offset:80px;background:var(--bg-app);max-width:600px;min-height:100vh;margin:0 auto;position:relative}.app-container--with-player{--dock-offset:166px}@media (min-width:1200px){.app-container{--dock-offset:0px}}.main-content{padding-bottom:var(--dock-offset,80px)}.search-page,.messages-page,.notifications-page,.profile-page{background:var(--bg-app);min-height:100dvh}.display-name{font-size:15px;font-weight:700}.username{color:var(--text-secondary);font-size:12px}.settings-page{background:var(--bg-app);min-height:100dvh}.form-group{margin-bottom:16px}.form-group label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.settings-input{background:var(--placeholder);width:100%;color:var(--text-primary);border:1px solid #0000;border-radius:12px;outline:none;padding:12px 16px;font-size:15px;transition:border-color .2s}.settings-input:focus{border-color:var(--accent)}.settings-input.disabled{opacity:.6;cursor:not-allowed}.input-hint{color:var(--text-secondary);margin-top:4px;font-size:12px;display:block}.post-detail-page{background:var(--bg-app);min-height:100dvh}.header-spacer{flex:1}.back-btn{background:var(--placeholder);width:36px;height:36px;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.back-btn:hover{background:var(--separator)}.empty-state p{margin-bottom:16px;font-size:16px}.route-loading{min-height:60dvh;color:var(--text-secondary);font-size:var(--fs-base);justify-content:center;align-items:center;gap:10px;display:flex}.loading-state,.empty-state{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:56px 24px;display:flex}.loading-state i,.empty-state i{opacity:.6;font-size:28px}.retry-btn{border-radius:var(--radius-full);background:var(--accent);color:#fff;font-weight:var(--fw-semibold);border:none;margin-top:8px;padding:10px 20px;display:inline-block}.posts-feed{padding-top:12px}.sub-header{background:var(--bg-surface);border-bottom:.5px solid var(--separator);z-index:10;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.sub-header h1{font-size:var(--fs-xl);font-weight:var(--fw-semibold);margin:0}.search-clear{color:var(--text-secondary);background:0 0;border:none;font-size:16px}.save-inline-btn{width:100%;margin-top:4px}.modal-actions{justify-content:flex-end;gap:12px;padding-top:8px;display:flex}.modal-actions .btn{flex:1;max-width:140px}.change-password-modal{gap:var(--space-5);flex-direction:column;padding:8px 4px 16px;display:flex}.settings-security-btn{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:14px 0;font-size:15px;transition:opacity .2s;display:flex}.settings-security-btn i:first-child{color:var(--accent);width:24px;font-size:18px}.settings-security-btn span{text-align:left;flex:1}.settings-security-btn i:last-child{color:var(--text-secondary);font-size:14px}.settings-security-btn:hover{opacity:.7}.settings-security-btn:active{opacity:.5}.feed-sentinel{min-height:48px;color:var(--text-secondary);justify-content:center;align-items:center;padding:16px;display:flex}.feed-end{font-size:var(--fs-sm);color:var(--text-secondary)}.skeleton-card{pointer-events:none}.skeleton{background:linear-gradient(90deg, var(--placeholder) 25%, var(--separator) 37%, var(--placeholder) 63%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.4s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0}}.skeleton-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.skeleton-avatar{border-radius:var(--radius-full);flex-shrink:0;width:42px;height:42px}.skeleton-lines{flex-direction:column;flex:1;gap:7px;display:flex}.skeleton-line{width:100%;height:12px}.skeleton-line.short{width:45%}.skeleton-line.tiny{width:28%;height:10px}.skeleton-line.medium{width:70%}.skeleton-card .skeleton-line+.skeleton-line{margin-top:9px}.skeleton-media{border-radius:var(--radius-md);width:100%;height:220px;margin-top:10px}.char-counter{float:right;font-weight:var(--fw-regular);font-size:var(--fs-xs);color:var(--text-secondary)}.post-skeleton{background:var(--bg-surface);border-radius:var(--radius-lg);border:.5px solid var(--separator);pointer-events:none;margin:0 12px 12px;padding:16px}.post-skeleton-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.settings-inline-field{align-items:center;gap:8px;display:flex;position:relative}.settings-inline-field .settings-input-prefixed{flex:1;padding-left:30px}.settings-input-prefix{color:var(--text-secondary);pointer-events:none;font-size:15px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.settings-inline-field .btn{flex-shrink:0}.input-hint-error{color:var(--danger)}.settings-show-pass{font-size:var(--fs-sm);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin:-8px 0 16px;display:flex}.settings-show-pass input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.delete-warning{background:rgba(var(--danger-rgb), .1);border-radius:var(--radius-md);color:var(--danger);font-size:var(--fs-sm);line-height:var(--leading-relaxed);gap:10px;margin-bottom:16px;padding:12px 14px;display:flex}.delete-warning i{margin-top:2px}.danger-confirm-btn{background:var(--danger)!important;color:#fff!important}.danger-confirm-btn:disabled{opacity:.5}