.skel{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:skelPulse 1.5s ease-in-out infinite;border-radius:4px}@keyframes skelPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.skel-card{pointer-events:none}.skel-icon{width:44px;height:44px;border-radius:10px;flex-shrink:0}.skel-info{flex:1;min-width:0}.skel-btn{width:70px;height:34px;border-radius:20px;flex-shrink:0}.page-layout{display:flex;justify-content:center;gap:24px;padding:20px;background-color:#f1f2f2;min-height:100vh;align-items:flex-start;max-width:1100px;margin:0 auto}.sidebar-area{width:160px}.feed-area{width:580px;max-width:100%}.right-column{width:300px}.sticky-wrapper{position:sticky;top:70px}.caught-up-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:36px 28px;text-align:center;margin-bottom:16px}.check-icon{width:56px;height:56px;background:#ecfdf5;color:#059669;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.caught-up-box h3{margin:0;font-size:18px;font-weight:800;color:#111827}.caught-up-box p{color:#6b7280;font-size:14px;margin:10px 0 20px;line-height:1.5}.discover-btn{background:#2e69ff;color:#fff;border:none;padding:10px 24px;border-radius:999px;font-weight:700;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .15s;-webkit-tap-highlight-color:transparent}.discover-btn:hover{background:#1e5ae6}.discover-btn:active{transform:scale(.97)}.discover-header{background:#fff;padding:14px 16px;border:1px solid #e5e7eb;border-bottom:none;border-radius:12px 12px 0 0;font-weight:700;font-size:15px;color:#374151;display:flex;align-items:center;gap:8px}.discover-header svg{color:#6b7280}.spaces-container{border:1px solid #e5e7eb;border-radius:0 0 12px 12px;overflow:hidden;background:#fff}.empty-state{text-align:center;padding:48px 20px;color:#9ca3af;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 12px 12px;background:#fff}.empty-state p{margin:12px 0 0;font-size:14px}.space-card{display:flex;align-items:center;gap:14px;padding:16px;border-bottom:1px solid #f3f4f6;transition:background .15s}.space-card:last-child{border-bottom:none}.space-card:hover{background:#fafbfc}.space-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;color:#fff;font-weight:800}.space-info{flex:1;min-width:0}.space-name{font-weight:700;font-size:14px;color:#111827;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.space-meta{font-size:12px;color:#9ca3af;margin:0}.space-desc{font-size:13px;color:#6b7280;margin:4px 0 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.space-category{display:inline-block;background:#f3f4f6;color:#6b7280;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;margin-top:6px}.join-btn{padding:8px 20px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s;flex-shrink:0;border:1px solid;min-height:38px;-webkit-tap-highlight-color:transparent}.join-btn.not-joined{background:#eef3ff;color:#2e69ff;border-color:#2e69ff59}.join-btn.not-joined:hover{background:#e2ebff}.join-btn.joined{background:#2e69ff;color:#fff;border-color:#2e69ff}.join-btn.joined:hover{background:#1e5ae6}.join-btn.loading{opacity:.5;pointer-events:none;color:transparent;position:relative}.join-btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:btn-spin .6s linear infinite}.join-btn.not-joined.loading:after{border-top-color:#2e69ff}@keyframes btn-spin{to{transform:rotate(360deg)}}.space-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(80px);background:#111827;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;z-index:9999;opacity:0;pointer-events:none;transition:all .3s ease;box-shadow:0 10px 25px #0003}.space-toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:1000px){.right-column{display:none}}@media(max-width:750px){.sidebar-area{display:none}.feed-area{width:100%}.page-layout{padding:12px;gap:0}.caught-up-box{padding:24px 16px}.space-card{padding:12px;gap:10px}.space-icon{width:40px;height:40px;font-size:17px}.join-btn{padding:7px 14px;font-size:12px}}