html,body,#root{height:100%;margin:0;padding:0}:root{--bg-base:#0a0a0a;--bg-panel:#131318;--bg-card:#1a1a22;--bg-hover:#22222c;--brd:#2a2a34;--brd-lt:#33333f;--tx0:#fff;--tx1:#d8d8e0;--tx2:#a0a0ae;--tx3:#6c6c7a;--accent:#5c76ff;--accent-hover:#7488ff}*{box-sizing:border-box}body{background:var(--bg-base);color:var(--tx1);margin:0;font-family:Segoe UI,system-ui,sans-serif}.app-shell{height:100vh;display:flex}.sidebar{background:var(--bg-panel);border-right:1px solid var(--brd);flex-direction:column;flex-shrink:0;width:220px;padding:16px 12px;display:flex}.sidebar-logo{align-items:center;gap:10px;margin-bottom:16px;padding:8px;display:flex}.logo-icon{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.logo-text{color:var(--tx0);font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav-item{color:var(--tx2);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;text-decoration:none;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--tx0)}.nav-item.active{background:var(--accent);color:#fff}.sidebar-user{border-top:1px solid var(--brd);align-items:center;gap:8px;margin-top:8px;padding:10px;display:flex}.sidebar-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.sidebar-username{color:var(--tx1);font-size:13px}.sidebar-username.muted{color:var(--tx3)}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-content{flex:1;padding:24px 32px;overflow-y:auto}.topbar{border-bottom:1px solid var(--brd);background:var(--bg-panel);flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex}.topbar-title{color:var(--tx0);font-size:15px;font-weight:700}.topbar-right{align-items:center;gap:10px;display:flex}.topbar-search{background:var(--bg-card);border:1px solid var(--brd-lt);color:var(--tx1);border-radius:8px;outline:none;width:200px;padding:7px 12px;font-size:12px}.topbar-icon-btn{color:var(--tx2);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:16px}.topbar-icon-btn:hover{background:var(--bg-hover)}.topbar-avatar{object-fit:cover;border-radius:50%;width:30px;height:30px}.page h1{color:var(--tx0);margin:0 0 4px;font-size:22px}.page-sub{color:var(--tx3);margin:0 0 20px;font-size:13px}.page-loading,.empty-state{color:var(--tx3);text-align:center;padding:40px 0}.page-loading.full-screen{background:var(--bg-base);justify-content:center;align-items:center;height:100vh;display:flex}.search-input,.search-row input{background:var(--bg-card);border:1px solid var(--brd-lt);color:var(--tx1);border-radius:8px;outline:none;width:280px;padding:9px 12px;font-size:13px}.search-row{gap:8px;margin-bottom:20px;display:flex}.search-row button,.avatar-select-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:9px 16px;font-size:13px}.search-row button:hover,.avatar-select-btn:hover{background:var(--accent-hover)}.friend-grid,.world-group-friends{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.friend-card{background:var(--bg-card);border:1px solid var(--brd);border-radius:10px;align-items:center;gap:10px;width:220px;padding:8px 12px;display:flex}.friend-card-avatar-wrap{flex-shrink:0;position:relative}.friend-card-avatar{object-fit:cover;background:var(--bg-hover);border-radius:50%;width:38px;height:38px}.friend-card-status-dot{border:2px solid var(--bg-card);border-radius:50%;width:11px;height:11px;position:absolute;bottom:-1px;right:-1px}.friend-card-name{color:var(--tx0);font-size:13px;font-weight:600}.friend-card-status-text{color:var(--tx3);font-size:11px}.world-group-card{background:var(--bg-panel);border:1px solid var(--brd);border-radius:12px;margin-bottom:14px;padding:14px}.world-group-title{color:var(--tx2);margin-bottom:10px;font-size:13px;font-weight:600}.world-grid,.group-grid,.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.world-card,.group-card,.avatar-card{background:var(--bg-card);border:1px solid var(--brd);border-radius:12px;overflow:hidden}.world-card-img,.avatar-card-img{object-fit:cover;background:var(--bg-hover);width:100%;height:130px}.world-card-body,.avatar-card-body{padding:10px 12px}.world-card-name,.group-card-name,.avatar-card-name{color:var(--tx0);margin-bottom:2px;font-size:13px;font-weight:600}.world-card-author,.avatar-card-author{color:var(--tx3);margin-bottom:6px;font-size:11px}.world-card-meta{color:var(--tx2);gap:10px;font-size:11px;display:flex}.group-card-banner{object-fit:cover;background:var(--bg-hover);width:100%;height:70px}.group-card-body{margin-top:-24px;padding:0 12px 12px}.group-card-icon{border:3px solid var(--bg-card);object-fit:cover;border-radius:50%;width:46px;height:46px;margin-bottom:6px;display:block}.group-card-meta{color:var(--tx3);font-size:11px}.avatar-card-current{border-color:var(--accent)}.avatar-badge-current{background:var(--accent);color:#fff;border-radius:6px;padding:3px 8px;font-size:10px}.avatar-select-btn{width:100%}.login-screen{background:var(--bg-base);justify-content:center;align-items:center;height:100vh;display:flex}.login-box{background:var(--bg-panel);border:1px solid var(--brd);border-radius:14px;flex-direction:column;gap:12px;width:300px;padding:28px;display:flex}.login-box h1{color:var(--tx0);text-align:center;margin:0 0 8px;font-size:18px}.login-box input{background:var(--bg-card);border:1px solid var(--brd-lt);color:var(--tx1);border-radius:8px;outline:none;padding:10px 12px;font-size:13px}.login-box button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:4px;padding:11px;font-size:14px}.login-box button:hover{background:var(--accent-hover)}.error-text{color:#e06c75;font-size:12px}.login-2fa-hint{color:var(--tx3);margin-bottom:2px;font-size:12px}.dash-page{max-width:1400px}.dash-section{margin-bottom:30px}.dash-section-label{letter-spacing:.06em;color:var(--tx3);align-items:center;gap:10px;margin-bottom:12px;font-size:12px;font-weight:700;display:flex}.dash-refresh{color:var(--tx3);cursor:pointer;background:0 0;border:none;font-size:14px}.dash-refresh:hover{color:var(--tx0)}.dash-news-grid{grid-template-columns:2fr 1fr 1fr;gap:12px;display:grid}.dash-news-card{border:1px solid var(--brd);background-position:50%;background-size:cover;border-radius:12px;align-items:flex-end;min-height:210px;display:flex;position:relative;overflow:hidden}.dash-news-fade{background:linear-gradient(#00000026 30%,#000000e0 90%);position:absolute;inset:0}.dash-news-body{z-index:1;padding:14px 16px;position:relative}.dash-news-date{color:var(--tx3);margin-bottom:4px;font-size:11px}.dash-news-title{color:var(--tx0);margin-bottom:6px;font-size:15px;font-weight:700}.dash-news-excerpt{color:var(--tx2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:8px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.dash-news-more{background:var(--accent);color:#fff;border-radius:6px;padding:6px 12px;font-size:12px;text-decoration:none;display:inline-block}.dash-events-row{grid-template-columns:2fr 1fr;gap:12px;display:grid}.dash-event-hero{border:1px solid var(--brd);background-position:50%;background-size:cover;border-radius:12px;align-items:flex-end;min-height:260px;display:flex;position:relative;overflow:hidden}.dash-event-hero-fade{background:linear-gradient(#0000 25%,#000000d9 80%);position:absolute;inset:0}.dash-event-hero-body{z-index:1;padding:16px;position:relative}.dash-event-host{color:var(--tx3);margin-bottom:4px;font-size:12px}.dash-event-title{color:var(--tx0);margin-bottom:6px;font-size:18px;font-weight:700}.dash-event-time{color:var(--tx2);margin-bottom:10px;font-size:12px}.dash-event-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:13px}.dash-event-list{flex-direction:column;gap:10px;display:flex}.dash-event-list-item{background:var(--bg-card);border:1px solid var(--brd);border-radius:10px;flex:1;align-items:center;gap:10px;padding:8px;display:flex}.dash-event-list-item img{object-fit:cover;background:var(--bg-hover);border-radius:8px;flex-shrink:0;width:44px;height:44px}.dash-event-list-title{color:var(--tx0);font-size:13px;font-weight:600}.dash-event-list-time{color:var(--tx3);font-size:11px}.dash-group-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.dash-group-instance-card{background:var(--bg-card);border:1px solid var(--brd);border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex;position:relative;overflow:hidden}.dash-gi-icon{object-fit:cover;background:var(--bg-hover);z-index:1;border-radius:8px;flex-shrink:0;width:36px;height:36px}.dash-gi-body{z-index:1;flex:1;min-width:0}.dash-gi-name{color:var(--tx0);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.dash-gi-world{color:var(--tx3);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.dash-gi-count{color:var(--tx2);font-size:11px}.dash-gi-thumb{object-fit:cover;opacity:.25;width:60px;height:100%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(270deg,#000,#0000);mask-image:linear-gradient(270deg,#000,#0000)}.dash-friends-row{flex-wrap:wrap;gap:10px;display:flex}.dash-friend-loc-card{background:var(--bg-card);border:1px solid var(--brd);border-radius:10px;align-items:center;gap:10px;width:230px;padding:8px 12px;display:flex}.dash-friend-loc-avatar{object-fit:cover;background:var(--bg-hover);border-radius:50%;flex-shrink:0;width:40px;height:40px}.dash-friend-loc-name{color:var(--tx0);font-size:13px;font-weight:600}.dash-friend-loc-status{color:var(--tx3);font-size:11px}.dash-friend-loc-world{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}.dash-recent-row{gap:10px;padding-bottom:6px;display:flex;overflow-x:auto}.dash-recent-card{border:1px solid var(--brd);background-position:50%;background-size:cover;border-radius:10px;flex-shrink:0;min-width:150px;height:90px;position:relative;overflow:hidden}.dash-recent-fade{background:linear-gradient(#0000 40%,#000000bf);position:absolute;inset:0}.dash-recent-name{color:#fff;z-index:1;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;position:absolute;bottom:6px;left:8px;right:8px;overflow:hidden}