.nav-tabs{display:flex;gap:0;background:var(--bg-panel);border:2px solid var(--border-light);border-bottom-width:6px;border-radius:16px;padding:8px;margin-bottom:20px}.nav-tab{flex:1;background:none;border:none;color:var(--text-muted);padding:12px 20px;cursor:pointer;font-size:15px;font-weight:700;font-family:var(--font-display);border-radius:10px;transition:all .2s;white-space:nowrap}.nav-tab:hover{color:var(--text-main);background:#ffffff0d}.nav-tab-active{color:var(--neon-cyan);background:#00ffff1a;border:2px solid rgba(0,255,255,.3);box-shadow:0 0 15px #00ffff26}.ch-hub{display:grid;grid-template-columns:280px 1fr;gap:20px;min-height:600px}.ch-sidebar{display:flex;flex-direction:column;gap:20px}.ch-sidebar-section{background:var(--bg-panel);border:2px solid var(--border-light);border-bottom-width:6px;border-radius:16px;padding:20px;box-shadow:0 12px 28px #00000080}.ch-sidebar-title{margin:0 0 16px;font-size:18px;font-family:var(--font-display);color:#fff}.ch-channel-list{display:flex;flex-direction:column;gap:10px}.ch-channel-item{padding:12px 16px;border:2px solid var(--border-light);border-bottom-width:4px;background:var(--bg-card);border-radius:12px;cursor:pointer;transition:all .2s}.ch-channel-item:hover{border-color:var(--border-active);background:var(--bg-panel);transform:translateY(-2px);border-bottom-width:6px;margin-bottom:-2px;box-shadow:0 8px 16px #0006}.ch-channel-active{border-color:var(--neon-cyan);background:#00ffff0d;box-shadow:0 0 10px #0ff3}.ch-channel-name{font-weight:700;font-size:15px;margin-bottom:6px;color:var(--text-main)}.ch-channel-meta{display:flex;gap:10px;font-size:12px;font-family:var(--font-mono);color:var(--text-muted)}.ch-ranking-list{display:flex;flex-direction:column;gap:8px}.ch-rank-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:var(--bg-card);border:2px solid transparent;font-size:14px;transition:all .2s}.ch-rank-item:hover{border-color:var(--border-light);background:var(--bg-panel)}.ch-rank-num{min-width:28px;text-align:center;font-weight:700;font-size:16px;font-family:var(--font-display);color:var(--text-muted)}.ch-rank-name{flex:1;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-rank-info{flex:1;min-width:0;overflow:hidden}.ch-rank-info .ch-rank-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-rank-occupation{display:block;font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-rank-rep{flex-shrink:0;font-size:13px;font-family:var(--font-mono);font-weight:700;color:#fcd34d;text-shadow:0 0 8px rgba(252,211,77,.4)}.ch-main{background:var(--bg-panel);border:2px solid var(--border-light);border-bottom-width:8px;border-radius:16px;padding:24px;box-shadow:0 12px 28px #00000080;display:flex;flex-direction:column}.ch-main-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid var(--border-light)}.ch-main-title{margin:0;font-size:24px;font-family:var(--font-display);background:linear-gradient(135deg,#fff,var(--neon-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ch-main-desc{margin:8px 0 0;font-size:14px;font-family:var(--font-mono);color:var(--text-muted)}.ch-post-count{font-size:14px;font-family:var(--font-mono);font-weight:700;color:var(--neon-lime);background:#a3e6351a;border:2px solid rgba(163,230,53,.3);border-radius:10px;padding:6px 14px;white-space:nowrap}.ch-filter-bar{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.ch-filter-btn{background:var(--bg-card);border:2px solid var(--border-light);border-bottom-width:4px;color:var(--text-muted);border-radius:10px;padding:8px 16px;cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font-display);transition:all .2s}.ch-filter-btn:hover{border-color:var(--border-active);color:var(--text-main);transform:translateY(-2px);border-bottom-width:6px;margin-bottom:-2px}.ch-filter-btn:active{transform:translateY(2px);border-bottom-width:2px;margin-bottom:2px}.ch-filter-active{background:#3b82f626;border-color:var(--border-active);color:#fff;box-shadow:0 0 15px #3b82f64d}.ch-post-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px;max-height:600px;padding-right:8px}.ch-post-card{background:var(--bg-card);border:2px solid var(--border-light);border-bottom-width:6px;border-radius:14px;padding:20px;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1)}.ch-post-card:hover{border-color:var(--border-active);background:var(--bg-panel);transform:translateY(-4px);border-bottom-width:10px;margin-bottom:-4px;box-shadow:0 16px 30px #00000080,0 0 20px #3b82f626}.ch-post-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ch-post-type-tag{font-size:13px;font-weight:700;font-family:var(--font-mono);border:2px solid;border-radius:8px;padding:2px 10px;white-space:nowrap}.ch-resolved-tag{font-size:12px;font-family:var(--font-mono);font-weight:700;color:var(--neon-lime);background:#a3e6351a;border:2px solid rgba(163,230,53,.3);border-radius:8px;padding:2px 10px;white-space:nowrap}.ch-post-title{margin:0 0 10px;font-size:18px;font-weight:700;font-family:var(--font-display);color:#fff;line-height:1.4}.ch-post-preview{margin:0 0 14px;font-size:14px;color:var(--text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ch-post-footer{display:flex;align-items:center;gap:16px;font-size:13px;font-family:var(--font-mono);color:var(--text-muted)}.ch-post-author{font-weight:700;color:var(--text-main)}.ch-post-replies{color:var(--neon-cyan);font-weight:600}.ch-post-time{margin-left:auto}.ch-empty{font-size:14px;font-family:var(--font-mono);color:var(--text-muted);font-style:italic;padding:12px 0}.ch-empty-posts{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-muted)}.ch-empty-icon{font-size:64px;margin-bottom:20px;filter:drop-shadow(0 0 20px rgba(255,255,255,.1))}.ch-empty-posts p{margin:0;font-size:16px;font-family:var(--font-mono)}.ch-loading{text-align:center;padding:20px;color:var(--text-muted);font-size:14px;font-family:var(--font-mono)}.ch-load-more{background:var(--bg-card);border:2px solid var(--border-light);border-bottom-width:4px;color:var(--neon-cyan);border-radius:12px;padding:14px;cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font-display);text-align:center;transition:all .2s}.ch-load-more:hover{background:var(--bg-panel);border-color:var(--neon-cyan);transform:translateY(-2px);border-bottom-width:6px;margin-bottom:-2px;box-shadow:0 0 15px #0ff3}.ch-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#050810cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:flex-start;padding:40px 20px;overflow-y:auto;animation:fadeInOverlay .2s ease}.ch-detail-panel{width:100%;max-width:800px;background:var(--bg-panel);border:2px solid var(--border-light);border-bottom-width:8px;border-radius:20px;box-shadow:0 24px 60px #000c,0 0 30px #3b82f633;animation:slideUpModal .3s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;max-height:85vh}.ch-detail-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:2px solid var(--border-light)}.ch-detail-back,.ch-detail-close{background:var(--bg-card);border:2px solid var(--border-light);border-bottom-width:4px;color:var(--text-muted);border-radius:10px;padding:8px 16px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s}.ch-detail-back:hover,.ch-detail-close:hover{border-color:var(--text-main);color:var(--text-main);transform:translateY(-2px);border-bottom-width:6px;margin-bottom:-2px}.ch-detail-back:active,.ch-detail-close:active{transform:translateY(2px);border-bottom-width:2px;margin-bottom:2px}.ch-detail-body{flex:1;overflow-y:auto;padding:24px}.ch-detail-post{margin-bottom:30px}.ch-detail-post-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.ch-detail-title{margin:0 0 16px;font-size:28px;font-weight:700;font-family:var(--font-display);color:#fff;line-height:1.3}.ch-detail-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:14px;font-family:var(--font-mono);color:var(--text-muted);margin-bottom:20px;padding-bottom:20px;border-bottom:2px dashed var(--border-light)}.ch-detail-content{font-size:16px;color:var(--text-main);line-height:1.8;white-space:pre-wrap;word-break:break-word;background:var(--bg-card);border:2px solid var(--border-light);border-radius:12px;padding:20px;box-shadow:inset 0 2px 10px #0003}.ch-replies-section{border-top:2px solid var(--border-light);padding-top:24px}.ch-replies-title{margin:0 0 20px;font-size:20px;font-family:var(--font-display);color:#fff}.ch-replies-list{display:flex;flex-direction:column;gap:16px}.ch-reply-card{background:var(--bg-card);border:2px solid var(--border-light);border-bottom-width:4px;border-radius:12px;padding:16px;transition:all .2s}.ch-reply-card:hover{border-color:#475569;transform:translateY(-2px);box-shadow:0 8px 16px #0000004d}.ch-reply-accepted{border-color:var(--neon-lime);background:#a3e6350d;box-shadow:0 0 15px #a3e6351a}.ch-reply-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.ch-reply-author{font-size:15px;font-weight:700;color:#fff}.ch-reply-time{font-size:13px;font-family:var(--font-mono);color:var(--text-muted)}.ch-accepted-badge{font-size:13px;font-family:var(--font-mono);color:var(--neon-lime);background:#a3e6351a;border:2px solid rgba(163,230,53,.3);border-radius:8px;padding:2px 10px;margin-left:auto;white-space:nowrap;font-weight:700;box-shadow:0 0 10px #a3e63533}.ch-reply-content{font-size:15px;color:var(--text-main);line-height:1.7;white-space:pre-wrap;word-break:break-word}@media (max-width: 768px){.ch-hub{grid-template-columns:1fr}.ch-sidebar{flex-direction:row;gap:16px}.ch-sidebar-section{flex:1;min-width:0}.ch-detail-panel{max-height:90vh}.ch-post-list{max-height:400px}.nav-tabs{flex-wrap:wrap}}@media (max-width: 480px){.ch-sidebar{flex-direction:column}.ch-filter-bar{flex-wrap:wrap}.ch-detail-meta{flex-direction:column;gap:8px}}.mk-hub{display:grid;grid-template-columns:280px 1fr;gap:20px;min-height:600px}.mk-sidebar{display:flex;flex-direction:column;gap:20px}.mk-sidebar-section{background:var(--bg-panel);border:2px solid var(--border-light);border-bottom-width:6px;border-radius:16px;padding:20px;box-shadow:0 12px 28px #00000080}.mk-sidebar-title{margin:0 0 16px;font-size:18px;font-family:var(--font-display);color:#fff}.mk-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mk-stat-item{display:flex;flex-direction:column;align-items:center;background:var(--bg-card);border:2px solid var(--border-light);border-bottom-width:4px;border-radius:12px;padding:14px 8px;transition:all .2s}.mk-stat-item:hover{border-color:#475569;transform:translateY(-2px);box-shadow:0 8px 16px #0000004d}.mk-stat-wide{grid-column:span 2}.mk-stat-value{font-size:24px;font-weight:700;font-family:var(--font-display);color:#fff;line-height:1.2}.mk-stat-open{color:var(--neon-lime);text-shadow:0 0 10px rgba(163,230,53,.3)}.mk-stat-active{color:var(--neon-cyan);text-shadow:0 0 10px rgba(0,255,255,.3)}.mk-stat-done{color:#10b981}.mk-stat-coin{font-size:20px;color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.3)}.mk-stat-avg{font-size:20px;color:#f59e0b}.mk-stat-label{font-size:12px;font-family:var(--font-mono);color:var(--text-muted);margin-top:6px}.mk-category-list{display:flex;flex-direction:column;gap:8px}.mk-category-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border:2px solid transparent;background:var(--bg-card);border-radius:10px;cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font-display);transition:all .2s}.mk-category-item:hover{background:var(--bg-panel);border-color:var(--border-light);transform:translateY(-2px);box-shadow:0 4px 10px #0003}.mk-category-active{background:#3b82f61a;border-color:var(--border-active)!important;color:var(--neon-cyan);box-shadow:0 0 15px #3b82f633}.mk-category-emoji{font-size:18px}.mk-category-name{color:var(--text-main)}.mk-main{background:var(--bg-panel);border:2px solid var(--border-light);border-bottom-width:8px;border-radius:16px;padding:24px;box-shadow:0 12px 28px #00000080;display:flex;flex-direction:column}.mk-main-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid var(--border-light)}.mk-main-title{margin:0;font-size:24px;font-family:var(--font-display);background:linear-gradient(135deg,#fff,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mk-main-desc{margin:8px 0 0;font-size:14px;font-family:var(--font-mono);color:var(--text-muted)}.mk-quest-count{font-size:14px;font-family:var(--font-mono);font-weight:700;color:#fbbf24;background:#f59e0b1a;border:2px solid rgba(245,158,11,.3);border-radius:10px;padding:6px 14px;white-space:nowrap}.mk-filter-bar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.mk-status-filter-bar{margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--border-light)}.mk-filter-btn{background:var(--bg-card);border:2px solid var(--border-light);border-bottom-width:4px;color:var(--text-muted);border-radius:10px;padding:8px 16px;cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font-display);transition:all .2s}.mk-filter-btn:hover{border-color:#f59e0b;color:#fff;transform:translateY(-2px);border-bottom-width:6px;margin-bottom:-2px}.mk-filter-btn:active{transform:translateY(2px);border-bottom-width:2px;margin-bottom:2px}.mk-filter-active{background:#f59e0b26;border-color:#f59e0b;color:#fbbf24;box-shadow:0 0 15px #f59e0b4d}.mk-status-btn{font-size:13px;padding:6px 12px;border-radius:8px}.mk-status-btn:hover{border-color:var(--border-active)}.mk-status-active{background:#3b82f626;border-color:var(--border-active);color:var(--neon-cyan)}.mk-quest-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px;max-height:600px;padding-right:8px}.mk-quest-card{background:var(--bg-card);border:2px solid var(--border-light);border-bottom-width:6px;border-radius:14px;padding:20px;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1)}.mk-quest-card:hover{border-color:#f59e0b;background:var(--bg-panel);transform:translateY(-4px);border-bottom-width:10px;margin-bottom:-4px;box-shadow:0 16px 30px #00000080,0 0 20px #f59e0b26}.mk-quest-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.mk-quest-category-tag{font-size:13px;font-weight:700;font-family:var(--font-mono);border:2px solid;border-radius:8px;padding:2px 10px;white-space:nowrap}.mk-quest-status-tag{font-size:12px;font-family:var(--font-mono);font-weight:700;white-space:nowrap}.mk-quest-reward{margin-left:auto;font-size:16px;font-weight:700;font-family:var(--font-display);color:#fbbf24;white-space:nowrap;text-shadow:0 0 10px rgba(251,191,36,.3)}.mk-quest-title{margin:0 0 10px;font-size:18px;font-weight:700;font-family:var(--font-display);color:#fff;line-height:1.4}.mk-quest-preview{margin:0 0 14px;font-size:14px;color:var(--text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mk-quest-footer{display:flex;align-items:center;gap:16px;font-size:13px;font-family:var(--font-mono);color:var(--text-muted)}.mk-quest-publisher{font-weight:700;color:var(--text-main)}.mk-quest-worker{color:var(--neon-cyan);font-weight:700}.mk-quest-time{margin-left:auto}.mk-empty{font-size:14px;font-family:var(--font-mono);color:var(--text-muted);font-style:italic;padding:12px 0}.mk-empty-quests{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-muted)}.mk-empty-icon{font-size:64px;margin-bottom:20px;filter:drop-shadow(0 0 20px rgba(255,255,255,.1))}.mk-empty-quests p{margin:0;font-size:16px;font-family:var(--font-mono)}.mk-loading{text-align:center;padding:20px;color:var(--text-muted);font-size:14px;font-family:var(--font-mono)}.mk-load-more{background:var(--bg-card);border:2px solid var(--border-light);border-bottom-width:4px;color:#fbbf24;border-radius:12px;padding:14px;cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font-display);text-align:center;transition:all .2s}.mk-load-more:hover{background:var(--bg-panel);border-color:#f59e0b;transform:translateY(-2px);border-bottom-width:6px;margin-bottom:-2px;box-shadow:0 0 15px #f59e0b33}.mk-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#050810cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:flex-start;padding:40px 20px;overflow-y:auto;animation:fadeInOverlay .2s ease}.mk-detail-panel{width:100%;max-width:800px;background:var(--bg-panel);border:2px solid var(--border-light);border-bottom-width:8px;border-radius:20px;box-shadow:0 24px 60px #000c,0 0 30px #f59e0b33;animation:slideUpModal .3s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;max-height:85vh}.mk-detail-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:2px solid var(--border-light)}.mk-detail-back,.mk-detail-close{background:var(--bg-card);border:2px solid var(--border-light);border-bottom-width:4px;color:#fbbf24;border-radius:10px;padding:8px 16px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s}.mk-detail-back:hover,.mk-detail-close:hover{border-color:#fbbf24;color:#fff;transform:translateY(-2px);border-bottom-width:6px;margin-bottom:-2px}.mk-detail-back:active,.mk-detail-close:active{transform:translateY(2px);border-bottom-width:2px;margin-bottom:2px}.mk-detail-body{flex:1;overflow-y:auto;padding:24px}.mk-detail-quest{margin-bottom:30px}.mk-detail-quest-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.mk-detail-title{margin:0 0 16px;font-size:28px;font-weight:700;font-family:var(--font-display);color:#fff;line-height:1.3}.mk-detail-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:14px;font-family:var(--font-mono);color:var(--text-muted);margin-bottom:20px;padding-bottom:20px;border-bottom:2px dashed var(--border-light)}.mk-detail-content{font-size:16px;color:var(--text-main);line-height:1.8;white-space:pre-wrap;word-break:break-word;background:var(--bg-card);border:2px solid var(--border-light);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:inset 0 2px 10px #0003}.mk-detail-progress{background:var(--bg-card);border:2px solid var(--border-light);border-radius:12px;padding:16px}.mk-progress-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;font-family:var(--font-mono)}.mk-progress-row+.mk-progress-row{border-top:2px dashed var(--border-light)}.mk-progress-label{color:var(--text-muted)}.mk-progress-value{color:#fff;font-weight:700}.mk-submission-section{border-top:2px solid var(--border-light);padding-top:24px;margin-bottom:24px}.mk-section-title{margin:0 0 16px;font-size:20px;font-family:var(--font-display);color:#fff}.mk-submission-content{font-size:15px;color:var(--text-main);line-height:1.7;white-space:pre-wrap;word-break:break-word;background:var(--bg-card);border:2px solid var(--border-light);border-radius:12px;padding:16px}.mk-rating-section{border-top:2px solid var(--border-light);padding-top:24px}.mk-rating-stars{font-size:24px;margin-bottom:12px;letter-spacing:4px;text-shadow:0 0 10px rgba(251,191,36,.3)}.mk-rating-score{font-size:16px;font-family:var(--font-display);color:#fbbf24;font-weight:700;margin-left:12px;letter-spacing:0}.mk-rating-comment{font-size:15px;color:var(--text-muted);background:var(--bg-card);border:2px solid var(--border-light);border-radius:10px;padding:16px;line-height:1.6}@media (max-width: 768px){.mk-hub{grid-template-columns:1fr}.mk-sidebar{flex-direction:row;gap:16px}.mk-sidebar-section{flex:1;min-width:0}.mk-detail-panel{max-height:90vh}.mk-quest-list{max-height:400px}}@media (max-width: 480px){.mk-sidebar{flex-direction:column}.mk-filter-bar{flex-wrap:wrap}.mk-detail-meta{flex-direction:column;gap:8px}}.publish-quest-btn{width:100%;padding:12px 16px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .2s,transform .1s;letter-spacing:.5px}.publish-quest-btn:hover{opacity:.9;transform:translateY(-1px)}.publish-quest-btn:active{transform:translateY(0)}.detail-panel-publish{max-width:560px;width:90%}.publish-form{padding:24px;display:flex;flex-direction:column;gap:18px}.publish-form-group{display:flex;flex-direction:column;gap:6px}.publish-form-label{font-size:13px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.publish-form-input,.publish-form-textarea,.publish-form-select{background:#ffffff0f;border:1.5px solid rgba(255,255,255,.12);border-radius:8px;color:#f8fafc;font-size:14px;padding:10px 14px;outline:none;transition:border-color .2s;font-family:inherit}.publish-form-input:focus,.publish-form-textarea:focus,.publish-form-select:focus{border-color:#f59e0b}.publish-form-input::placeholder,.publish-form-textarea::placeholder{color:#475569}.publish-form-textarea{resize:vertical;min-height:90px}.publish-form-select option{background:#1e293b;color:#f8fafc}.publish-form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.publish-form-error{background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:13px;padding:10px 14px}.publish-form-success{background:#10b9811f;border:1px solid rgba(16,185,129,.3);border-radius:8px;color:#6ee7b7;font-size:13px;padding:10px 14px;text-align:center;font-weight:600}.publish-form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:4px}.publish-form-cancel{padding:10px 20px;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.12);border-radius:8px;color:#94a3b8;font-size:14px;cursor:pointer;transition:background .2s}.publish-form-cancel:hover{background:#ffffff1a}.publish-form-submit{padding:10px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .2s,transform .1s}.publish-form-submit:hover{opacity:.9;transform:translateY(-1px)}.publish-form-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 600px){.publish-form-row{grid-template-columns:1fr}}@keyframes fadeInOverlay{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes floatElement{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}.panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#05080f4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:fadeInOverlay .4s cubic-bezier(.16,1,.3,1) forwards}.panel-overlay:before,.panel-overlay:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);z-index:-1;opacity:.6;animation:floatElement 10s ease-in-out infinite alternate}.panel-overlay:before{top:20%;left:20%;width:400px;height:400px;background:#8b5cf666}.panel-overlay:after{bottom:20%;right:20%;width:350px;height:350px;background:#38bdf84d;animation-delay:-5s}.panel-container{width:90%;max-width:1000px;height:85vh;background:linear-gradient(135deg,#1e293b80,#0f172a4d);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid rgba(255,255,255,.12);border-top:1px solid rgba(255,255,255,.3);border-left:1px solid rgba(255,255,255,.2);border-radius:32px;display:flex;flex-direction:column;box-shadow:0 32px 96px -16px #000c,inset 0 0 0 1px #ffffff0d,0 10px 40px #8b5cf626;animation:slideUpModal .5s cubic-bezier(.16,1,.3,1) forwards;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative}.panel-library{max-width:900px}.panel-market{max-width:1100px}.panel-channel{max-width:1400px}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:linear-gradient(180deg,#ffffff14,#fff0);border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:2}.panel-title-area{display:flex;align-items:center;gap:18px}.panel-icon{font-size:46px;line-height:1;filter:drop-shadow(0 4px 16px rgba(139,92,246,.6));animation:floatElement 6s ease-in-out infinite}.panel-header h2{margin:0;font-size:26px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(0,0,0,.2)}.panel-header p{margin:6px 0 0;font-size:14px;color:#cbd5e1;font-weight:500}.panel-close{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#f8fafc;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #0003}.panel-close:hover{background:#ef4444cc;color:#fff;border-color:#fff6;transform:rotate(90deg) scale(1.1);box-shadow:0 8px 24px #ef444466}.panel-tabs{display:flex;gap:12px;padding:16px 32px;background:#0000001a;border-bottom:1px solid rgba(255,255,255,.05);position:relative;z-index:2}.panel-tab{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#94a3b8;padding:10px 24px;border-radius:24px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #0000001a}.panel-tab:hover{background:#ffffff1a;color:#f8fafc;transform:translateY(-2px);border-color:#fff3}.panel-tab-active{background:linear-gradient(135deg,#8b5cf6cc,#6366f1cc);border:1px solid rgba(255,255,255,.3);color:#fff;box-shadow:0 8px 20px #8b5cf666;text-shadow:0 1px 2px rgba(0,0,0,.2)}.panel-body{flex:1;overflow-y:auto;padding:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.panel-body::-webkit-scrollbar{width:6px}.panel-body::-webkit-scrollbar-track{background:transparent}.panel-body::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:10px}.panel-body-split{display:grid;grid-template-columns:280px 1fr;gap:0;height:100%;overflow:hidden;transition:grid-template-columns .3s ease}.panel-body-with-detail{grid-template-columns:200px 1fr 380px}.panel-body-with-detail .panel-sidebar{padding:20px 10px}.panel-body-with-detail .ch-rank-occupation{display:none}.panel-body-with-detail .ch-rank-num{min-width:20px;font-size:14px}.panel-body-with-detail .ch-rank-rep{font-size:12px}.panel-content{padding:24px 32px}.detail-sidebar{display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.08);background:#00000026;overflow:hidden;animation:slideInRight .3s ease forwards;position:relative}.detail-sidebar:before{content:"";position:absolute;top:0;left:0;bottom:0;width:1px;background:linear-gradient(180deg,rgba(255,255,255,.15),transparent)}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.detail-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:#0003;flex-shrink:0}.detail-sidebar-title{margin:0;font-size:15px;font-weight:700;color:#f1f5f9}.detail-sidebar-body{flex:1;overflow-y:auto;padding:20px;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;-webkit-overflow-scrolling:touch}.detail-sidebar-body::-webkit-scrollbar{width:5px}.detail-sidebar-body::-webkit-scrollbar-track{background:transparent}.detail-sidebar-body::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:10px}.detail-sidebar-body .detail-title{font-size:18px}.detail-sidebar-body .detail-section{margin-bottom:20px}.detail-sidebar-body .card{padding:14px 16px}.card-selected{border-color:#8b5cf680!important;background:#8b5cf614!important}.panel-sidebar{background:#ffffff05;border-right:1px solid rgba(255,255,255,.08);padding:32px 24px;overflow-y:auto;position:relative}.panel-sidebar:after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:linear-gradient(180deg,rgba(255,255,255,.15),transparent)}.sidebar-section{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-top:1px solid rgba(255,255,255,.1);border-radius:20px;padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px -8px #0000004d}.sidebar-title{margin:0 0 16px;font-size:14px;font-weight:800;color:#e2e8f0;text-transform:uppercase;letter-spacing:.8px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-item{display:flex;flex-direction:column;align-items:flex-start;background:radial-gradient(circle at top left,#ffffff0a,#fff0);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:14px;transition:all .3s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden}.stat-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 1px #ffffff0d;border-radius:16px;pointer-events:none}.stat-item:hover{background:radial-gradient(circle at top left,#ffffff14,#ffffff05);transform:translateY(-2px) scale(1.02);border-color:#8b5cf64d;box-shadow:0 8px 16px #8b5cf61a}.stat-item-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.stat-item-active{border-color:#3b82f680!important;background:radial-gradient(circle at top left,#3b82f61f,#3b82f608)!important;box-shadow:0 0 12px #3b82f626}.stat-wide{grid-column:span 2;flex-direction:row;align-items:center;justify-content:space-between}.stat-value{font-size:22px;font-weight:800;color:#f8fafc;line-height:1.2}.stat-open{color:#4ade80}.stat-active{color:#60a5fa}.stat-pending{color:#fbbf24}.stat-done{color:#34d399}.stat-closed{color:#94a3b8}.stat-coin{font-size:18px;color:#fcd34d}.stat-avg{font-size:18px;color:#fbbf24}.stat-label{font-size:12px;color:#94a3b8;margin-top:4px;font-weight:500}.panel-main{padding:24px 32px;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.panel-main-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-search{display:flex;gap:12px;margin-bottom:24px}.panel-search-input{flex:1;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 20px;color:#f8fafc;font-size:15px;outline:none;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel-search-input:focus{background:#0006;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf626}.panel-search-input::placeholder{color:#64748b}.panel-search-btn{background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;color:#fff;border-radius:14px;padding:0 24px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #4f46e54d}.panel-search-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4f46e566;background:linear-gradient(135deg,#8b5cf6,#6366f1)}.panel-search-btn:active{transform:translateY(0)}.filter-tags{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;position:relative;z-index:2}.filter-tags-secondary{padding-bottom:16px;border-bottom:1px dashed rgba(255,255,255,.1)}.filter-tag{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#94a3b8;border-radius:20px;padding:8px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.25,1,.5,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 4px #0000001a}.filter-tag:hover{background:#ffffff1a;border-color:#ffffff40;color:#f1f5f9;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.filter-tag-active{background:linear-gradient(135deg,#8b5cf6cc,#6366f1cc);border-color:transparent;color:#fff;box-shadow:0 4px 12px #8b5cf64d;text-shadow:0 1px 2px rgba(0,0,0,.2)}.filter-tag-small{padding:6px 14px;font-size:13px}.panel-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5;border-radius:12px;padding:16px 20px;margin-bottom:24px;font-size:14px;display:flex;align-items:center;gap:10px}.panel-loading{text-align:center;color:#94a3b8;padding:60px;font-size:15px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.panel-empty{text-align:center;color:#64748b;padding:60px;font-size:15px}.panel-empty-large{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;color:#94a3b8;background:radial-gradient(circle at center,#ffffff08,#0000);border-radius:24px;border:1px dashed rgba(255,255,255,.15);box-shadow:inset 0 0 24px #0003}.panel-empty-icon{font-size:64px;margin-bottom:24px;opacity:.6;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3))}.panel-empty-large p{margin:0;font-size:16px;font-weight:500}.panel-stats{font-size:13px;color:#94a3b8;background:#ffffff0d;border-radius:20px;padding:6px 16px;font-weight:500}.card-list{display:flex;flex-direction:column;gap:24px}.card-list-scroll{padding-bottom:32px;min-height:0}.card{background:radial-gradient(circle at top left,#ffffff0d,#ffffff03);border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.15);border-radius:24px;padding:28px;transition:all .4s cubic-bezier(.25,1,.5,1);position:relative;overflow:visible;box-shadow:0 10px 30px -10px #00000080,inset 0 1px #ffffff0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);flex-shrink:0}.card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(139,92,246,.1) 0%,transparent 50%);opacity:0;pointer-events:none;transition:opacity .5s ease}.card-clickable{cursor:pointer}.card-clickable:hover{background:radial-gradient(circle at top left,#ffffff14,#ffffff05);border-color:#8b5cf666;transform:translateY(-6px) scale(1.01);box-shadow:0 24px 48px -12px #0009,0 0 24px #8b5cf633,inset 0 1px #ffffff1a}.card-clickable:hover:after{opacity:1}.card-horizontal{display:flex;gap:28px;align-items:flex-start;position:relative;z-index:1}.card-cover{width:110px;height:150px;flex-shrink:0;background:linear-gradient(135deg,#0003,#0006);border:1px solid rgba(255,255,255,.1);border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 8px 24px #0006;position:relative}.card-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:16px;pointer-events:none}.card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,1,.5,1)}.card-clickable:hover .card-cover img{transform:scale(1.08)}.card-cover-placeholder{font-size:48px;opacity:.7;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.card-cover-placeholder-lg{font-size:80px;opacity:.8;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4))}.card-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap;position:relative;z-index:1}.card-category{font-size:14px;color:#c4b5fd;font-weight:600;display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;background:#8b5cf626;padding:6px 14px;border-radius:20px;border:1px solid rgba(139,92,246,.2)}.card-title{margin:0 0 12px;font-size:22px;font-weight:800;color:#f8fafc;line-height:1.3;letter-spacing:-.3px;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.5)}.card-desc{margin:0 0 20px;font-size:15px;color:#94a3b8;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;position:relative;z-index:1}.card-badge{font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:6px 14px;white-space:nowrap;background:#ffffff0d;color:#e2e8f0;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 8px #0003}.card-status{font-size:13px;font-weight:700;white-space:nowrap;padding:6px 14px;border-radius:20px;background:#0000004d;box-shadow:inset 0 1px #ffffff1a}.card-reward{margin-left:auto;font-size:18px;font-weight:800;color:#fbbf24;white-space:nowrap;text-shadow:0 2px 8px rgba(251,191,36,.3);background:#fbbf241a;padding:6px 16px;border-radius:20px;border:1px solid rgba(251,191,36,.2)}.card-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;position:relative;z-index:1}.card-tag{font-size:13px;color:#93c5fd;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:6px 12px;transition:all .3s;font-weight:500}.card-clickable:hover .card-tag{background:#3b82f633;border-color:#3b82f666;color:#bfdbfe;transform:translateY(-1px)}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding-top:20px;border-top:1px dashed rgba(255,255,255,.1);position:relative;z-index:1}.card-meta{display:flex;gap:20px;font-size:14px;color:#64748b;align-items:center;flex-wrap:wrap;position:relative;z-index:1}.card-meta span{display:inline-flex;align-items:center;gap:6px;font-weight:500}.card-worker{color:#38bdf8;background:#38bdf81a;padding:4px 12px;border-radius:20px;border:1px solid rgba(56,189,248,.2)}.card-time{margin-left:auto;color:#475569;font-size:13px}.card-link{position:relative;z-index:1}.card-link a{font-size:14px;color:#a78bfa;text-decoration:none;font-weight:600;transition:all .3s;display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#8b5cf61a;border-radius:12px;border:1px solid rgba(139,92,246,.2)}.card-link a:hover{background:#8b5cf633;color:#ddd6fe;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}.detail-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#0a0f1ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;animation:fadeInOverlay .3s ease forwards;padding:0;border-radius:inherit}.detail-panel{width:100%;flex:1;background:transparent;display:flex;flex-direction:column;min-height:0}.detail-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;border-bottom:1px solid rgba(255,255,255,.08);background:#0003;flex-shrink:0}.back-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#f1f5f9;border-radius:12px;padding:10px 20px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.back-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translate(-4px)}.detail-panel-body{flex:1;overflow-y:auto;padding:32px 32px 48px;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;-webkit-overflow-scrolling:touch}.detail-panel-body::-webkit-scrollbar{width:6px}.detail-panel-body::-webkit-scrollbar-track{background:transparent}.detail-panel-body::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:10px}.detail-view{background:transparent}.detail-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08)}.detail-header-horizontal{display:flex;gap:32px}.detail-cover{width:160px;height:220px;flex-shrink:0;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 12px 30px #00000080}.detail-cover img{width:100%;height:100%;object-fit:cover}.detail-info{flex:1}.detail-category{font-size:14px;color:#a78bfa;font-weight:600;margin-bottom:16px;display:inline-flex;align-items:center;gap:8px;background:#8b5cf61a;padding:6px 14px;border-radius:20px}.detail-title{margin:0 0 16px;font-size:32px;font-weight:800;color:#f8fafc;line-height:1.3;letter-spacing:-.5px}.detail-summary{margin:0 0 24px;font-size:16px;color:#94a3b8;line-height:1.6}.detail-meta{display:flex;flex-wrap:wrap;gap:20px;font-size:14px;color:#64748b;margin-bottom:24px}.detail-tags{display:flex;flex-wrap:wrap;gap:8px}.detail-content{min-height:200px}.content-body{font-size:16px;color:#e2e8f0;line-height:1.8}.content-body p{margin:0 0 20px}.detail-section{margin-bottom:40px;background:radial-gradient(circle at top left,#ffffff0a,#ffffff03);border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.15);border-radius:24px;padding:32px;box-shadow:0 12px 32px -12px #00000080;position:relative;overflow:hidden}.detail-section:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 1px #ffffff0d;border-radius:24px;pointer-events:none}.section-title{margin:0 0 24px;font-size:20px;font-weight:800;color:#f8fafc;display:flex;align-items:center;gap:12px;position:relative;z-index:1}.detail-content-box{font-size:16px;color:#e2e8f0;line-height:1.8;white-space:pre-wrap;word-break:break-word;background:#00000040;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:24px;position:relative;z-index:1}.progress-section{display:flex;flex-direction:column;gap:12px}.progress-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#00000026;border-radius:10px;font-size:14px}.progress-label{color:#94a3b8;font-weight:500}.progress-value{color:#f1f5f9;font-weight:600}.rating-stars{font-size:24px;margin-bottom:12px;letter-spacing:2px;text-shadow:0 2px 10px rgba(251,191,36,.3)}.rating-score{font-size:16px;color:#fbbf24;font-weight:800;margin-left:12px}.rating-comment{font-size:15px;color:#e2e8f0;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:16px;line-height:1.6}.chapter-section h3{margin:0 0 24px;font-size:22px;font-weight:800;color:#f8fafc}.chapter-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.chapter-item{display:flex;align-items:center;gap:20px;background:radial-gradient(circle at top left,#ffffff0a,#ffffff03);border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px;cursor:pointer;transition:all .3s cubic-bezier(.25,1,.5,1);box-shadow:0 4px 12px -4px #0000004d;position:relative;overflow:hidden}.chapter-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 1px #ffffff0d;border-radius:16px;pointer-events:none}.chapter-item:hover{border-color:#8b5cf666;background:radial-gradient(circle at top left,#8b5cf61a,#8b5cf605);transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px -8px #8b5cf64d}.chapter-order{width:40px;height:40px;background:linear-gradient(135deg,#8b5cf633,#8b5cf60d);border:1px solid rgba(139,92,246,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#ddd6fe;flex-shrink:0;box-shadow:inset 0 1px #ffffff1a}.chapter-title{font-size:16px;color:#f1f5f9;font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:1}.chapter-arrow{font-size:16px;color:#475569;transition:transform .2s,color .2s}.chapter-item:hover .chapter-arrow{transform:translate(4px);color:#8b5cf6}.load-more-btn{background:#ffffff08;border:1px dashed rgba(255,255,255,.15);color:#cbd5e1;border-radius:14px;padding:16px;cursor:pointer;font-size:14px;font-weight:600;text-align:center;transition:all .3s ease;width:100%}.load-more-btn:hover{background:#ffffff14;border-color:#8b5cf666;color:#e9d5ff}@media (max-width: 768px){.panel-container{width:100%;height:100%;max-height:100vh;border-radius:0;border:none;animation:fadeInOverlay .2s ease forwards}.panel-header{padding:16px 20px}.panel-icon{font-size:32px}.panel-header h2{font-size:20px}.panel-tabs{padding:12px 20px;overflow-x:auto}.panel-tab{padding:8px 16px;font-size:13px;white-space:nowrap}.panel-content{padding:20px}.panel-body-split{grid-template-columns:1fr;display:flex;flex-direction:column}.panel-body-with-detail{grid-template-columns:1fr}.detail-sidebar{border-left:none;border-top:1px solid rgba(255,255,255,.08);max-height:50vh}.panel-sidebar{border-right:none;border-bottom:1px solid rgba(255,255,255,.05);padding:20px;flex-shrink:0}.panel-main{padding:20px}.filter-tags{gap:8px}.filter-tag{padding:6px 14px;font-size:12px}.card-horizontal{flex-direction:column}.card-cover{width:100%;height:140px}.detail-header-horizontal{flex-direction:column;align-items:center;text-align:center}.detail-cover{width:120px;height:160px}.detail-meta,.detail-tags{justify-content:center}.detail-overlay{border-radius:0}.detail-panel{border-radius:0;border:none}.chapter-list{grid-template-columns:1fr}}.hud-tool-announce{background:#38bdf814}.hud-tool-announce:hover{background:#38bdf82e}.hud-tool-announce-publish{background:#fbbf2414}.hud-tool-announce-publish:hover{background:#fbbf242e}.ann-banner-stack{position:fixed;bottom:24px;right:24px;z-index:900;display:flex;flex-direction:column;gap:10px;max-width:420px;width:calc(100vw - 48px)}.ann-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;border:1.5px solid;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:slideUpModal .3s ease;box-shadow:0 8px 32px #0000004d}.ann-banner-icon{font-size:20px;flex-shrink:0;margin-top:1px}.ann-banner-body{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.ann-banner-title{font-size:14px;font-weight:700;line-height:1.4}.ann-banner-content{font-size:13px;color:#cbd5e1;line-height:1.5;word-break:break-word}.ann-banner-close{background:none;border:none;color:#64748b;cursor:pointer;font-size:14px;padding:2px 4px;flex-shrink:0;transition:color .2s}.ann-banner-close:hover{color:#f8fafc}.ann-inline-form{padding:20px 32px;border-bottom:1px solid rgba(255,255,255,.08);background:#00000026;animation:slideUpModal .2s ease}.ann-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.ann-modal{background:linear-gradient(135deg,#0f172afa,#1e293bfa);border:1.5px solid rgba(255,255,255,.1);border-radius:16px;width:90%;max-width:520px;box-shadow:0 24px 64px #00000080;animation:slideUpModal .25s ease}.ann-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.ann-modal-header h3{margin:0;font-size:18px;color:#f8fafc}.ann-form{padding:20px 24px 24px;display:flex;flex-direction:column;gap:16px}.ann-form-group{display:flex;flex-direction:column;gap:6px}.ann-form-group-check{flex-direction:row;align-items:center;gap:12px}.ann-form-label{font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.ann-form-input,.ann-form-textarea,.ann-form-select{background:#ffffff0f;border:1.5px solid rgba(255,255,255,.1);border-radius:8px;color:#f8fafc;font-size:14px;padding:10px 14px;outline:none;transition:border-color .2s;font-family:inherit}.ann-form-input:focus,.ann-form-textarea:focus,.ann-form-select:focus{border-color:#38bdf8}.ann-form-input::placeholder,.ann-form-textarea::placeholder{color:#475569}.ann-form-textarea{resize:vertical;min-height:100px}.ann-form-select option{background:#1e293b;color:#f8fafc}.ann-form-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.ann-toggle{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.ann-toggle input{opacity:0;width:0;height:0}.ann-toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1a;border-radius:24px;transition:background .2s}.ann-toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#94a3b8;border-radius:50%;transition:transform .2s,background .2s}.ann-toggle input:checked+.ann-toggle-slider{background:#38bdf84d}.ann-toggle input:checked+.ann-toggle-slider:before{transform:translate(20px);background:#38bdf8}.ann-form-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:13px;padding:10px 14px}.ann-form-success{background:#34d3991a;border:1px solid rgba(52,211,153,.3);border-radius:8px;color:#6ee7b7;font-size:13px;padding:10px 14px;text-align:center;font-weight:600}.ann-form-actions{display:flex;gap:10px;justify-content:flex-end}.ann-btn-cancel{padding:10px 18px;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.1);border-radius:8px;color:#94a3b8;font-size:14px;cursor:pointer;transition:background .2s}.ann-btn-cancel:hover{background:#ffffff1a}.ann-btn-submit{padding:10px 22px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .2s,transform .1s}.ann-btn-submit:hover{opacity:.9;transform:translateY(-1px)}.ann-btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.ann-history-item{border:1.5px solid;border-radius:12px;padding:16px;margin-bottom:12px}.ann-history-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.ann-history-level{font-size:13px;font-weight:700}.ann-pin-badge{font-size:12px;background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3);border-radius:6px;padding:2px 8px}.ann-history-time{font-size:12px;color:#64748b;margin-left:auto}.ann-delete-btn{background:none;border:none;cursor:pointer;font-size:14px;padding:2px 4px;opacity:.5;transition:opacity .2s}.ann-delete-btn:hover{opacity:1}.ann-history-title{font-size:15px;font-weight:700;margin-bottom:6px}.ann-history-content{font-size:13px;color:#cbd5e1;line-height:1.6;white-space:pre-wrap;word-break:break-word}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--font-display: "Space Grotesk", var(--font-sans);--bg-deep: #050810;--bg-panel: #0d1323;--bg-card: #141c33;--border-light: #243244;--border-active: #3b82f6;--text-main: #e6edf3;--text-muted: #8b9bb4;--neon-cyan: #0ff;--neon-purple: #c084fc;--neon-lime: #a3e635;--neon-pink: #ec4899;--glass-bg: rgba(13, 19, 35, .85);--glass-blur: blur(16px);--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);font-family:var(--font-sans);color:var(--text-main);background:var(--bg-deep)}*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.auth-bg-3d{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.35;filter:blur(2px);pointer-events:none}.auth-card{position:relative;z-index:1;width:100%;max-width:420px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:2px solid var(--border-light);border-bottom-width:8px;border-radius:16px;padding:32px;box-shadow:var(--glass-shadow),0 0 40px #3b82f626;transition:transform .2s,box-shadow .2s}.auth-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0009,0 0 30px #3b82f640}.auth-card h1{margin:0;font-size:28px;background:linear-gradient(135deg,#fff,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-card p{margin:8px 0 24px;color:var(--text-muted);font-family:var(--font-mono);font-size:13px}.auth-card form{display:flex;gap:12px}.auth-card input{flex:1;min-width:0;border-radius:12px;border:2px solid var(--border-light);background:var(--bg-card);color:var(--text-main);padding:12px 16px;outline:none;font-family:var(--font-mono);font-size:14px;transition:border-color .2s,box-shadow .2s}.auth-card input:focus{border-color:var(--neon-cyan);box-shadow:0 0 12px #0ff3}.auth-card button,.logout-btn{border:2px solid #1d4ed8;border-bottom-width:4px;background:#2563eb;color:#fff;border-radius:12px;padding:10px 16px;font-weight:700;font-family:var(--font-display);cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.05em}.auth-card button:hover,.logout-btn:hover{transform:translateY(2px);border-bottom-width:2px;margin-top:2px;background:#3b82f6;box-shadow:0 0 15px #3b82f666}.auth-card button:active,.logout-btn:active{transform:translateY(4px);border-bottom-width:0px;margin-top:4px}.auth-error{margin-top:12px;color:var(--neon-pink);font-size:13px;font-family:var(--font-mono)}.page-full{position:relative;width:100vw;height:100vh;overflow:hidden}.town-3d-container{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at center,#2a2820,#0a0e08);z-index:0}.hud-header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:16px;padding:12px 20px;background:linear-gradient(to bottom,rgba(5,8,16,.92),rgba(5,8,16,.4),transparent);pointer-events:none}.hud-header>*{pointer-events:auto}.hud-brand h1{margin:0;font-size:22px;background:linear-gradient(135deg,#fff,#93c5fd,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.hud-indicators{display:flex;align-items:center;gap:8px;flex:1;flex-wrap:wrap}.hud-pill{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-family:var(--font-mono);font-weight:600;color:var(--text-muted);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:20px;padding:4px 12px;white-space:nowrap}.hud-status{color:#fbbf24}.hud-status-ok{color:var(--neon-lime)}.hud-logout{border:1px solid rgba(239,68,68,.4);background:#ef444426;color:#fca5a5;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700;font-family:var(--font-display);cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em}.hud-logout:hover{background:#ef44444d;border-color:#ef4444}.hud-toolbar{position:absolute;left:16px;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow)}.hud-tool-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:transparent;border:2px solid transparent;border-radius:12px;padding:8px 10px;cursor:pointer;transition:all .2s;color:var(--text-muted);min-width:56px}.hud-tool-btn:hover{background:#ffffff0f;border-color:#ffffff1a;color:#fff;transform:scale(1.05)}.hud-tool-active{background:#3b82f626!important;border-color:var(--border-active)!important;color:#fff!important;box-shadow:0 0 12px #3b82f633}.hud-tool-icon{font-size:20px;line-height:1}.hud-tool-label{font-size:10px;font-weight:700;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px}.hud-tool-divider{width:32px;height:1px;background:#ffffff1a;margin:4px 0}.hud-tool-market:hover{border-color:#ef444466;color:#fca5a5}.hud-tool-channel:hover{border-color:#8b5cf666;color:#c4b5fd}.hud-tool-library:hover{border-color:#10b98166;color:#6ee7b7}.drawer{position:absolute;top:64px;z-index:15;width:450px;max-width:calc(100vw - 100px);height:calc(100vh - 80px);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s;overflow:hidden}.drawer-left{left:0;border-radius:0 16px 16px 0;transform:translate(-110%)}.drawer-left.drawer-open{transform:translate(80px)}.drawer-right{right:0;border-radius:16px 0 0 16px;transform:translate(110%)}.drawer-right.drawer-open{transform:translate(0)}.drawer-content{height:100%;overflow-y:auto;padding:20px}.drawer-empty-msg{padding:20px;text-align:center}.hub-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:50;background:#050810f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;display:flex;flex-direction:column;opacity:0;transform:scale(.96);transition:opacity .35s ease,transform .35s ease}.hub-overlay-active{opacity:1;transform:scale(1)}.hub-top-bar{display:flex;align-items:center;gap:20px;padding:14px 24px;background:#0d1323f2;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.hub-back-btn{background:var(--bg-card);border:2px solid var(--border-light);border-bottom-width:4px;color:var(--text-muted);border-radius:10px;padding:8px 16px;cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font-display);transition:all .2s;white-space:nowrap}.hub-back-btn:hover{border-color:var(--text-main);color:#fff;transform:translateY(-2px);border-bottom-width:6px;margin-bottom:-2px}.hub-tabs{display:flex;gap:8px}.hub-tab{background:transparent;border:2px solid transparent;border-radius:10px;padding:8px 20px;cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font-display);color:var(--text-muted);transition:all .2s}.hub-tab:hover{color:#fff;background:#ffffff0d}.hub-tab-active{color:#fff!important}.hub-tab-channel.hub-tab-active{background:#8b5cf626;border-color:#8b5cf666}.hub-tab-market.hub-tab-active{background:#f59e0b26;border-color:#f59e0b66}.hub-body{flex:1;overflow-y:auto;padding:20px 24px}.building-3d-label{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:2px solid var(--building-color, #3b82f6);padding:6px 16px;border-radius:10px;color:#fff;display:flex;flex-direction:column;align-items:center;pointer-events:none;cursor:default;white-space:nowrap;font-family:Space Grotesk,sans-serif;transition:all .2s}.building-clickable{pointer-events:auto;cursor:pointer}.building-hovered{box-shadow:0 0 24px var(--building-color, #3b82f6);transform:scale(1.08)}.building-label-title{font-size:1.1rem;font-weight:700;margin-bottom:2px}.building-label-count{font-size:.8rem;color:#94a3b8}.building-label-action{font-size:.8rem;color:var(--building-color, #3b82f6);margin-top:6px;font-weight:700;animation:pulse-badge 1.5s ease-in-out infinite}.avatar-3d-label{background:#0f172acc;padding:2px 6px;border-radius:12px;color:#f8fafc;font-size:.75rem;display:flex;gap:4px;align-items:center;white-space:nowrap;border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .1s}.avatar-3d-label[data-hovered]{border-color:#38bdf8;transform:scale(1.1)}.help-banner{position:absolute;bottom:24px;left:50%;transform:translate(-50%);pointer-events:none;color:#fffc;font-size:.9rem;display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:10px 24px;border-radius:30px;border:var(--glass-border);box-shadow:var(--glass-shadow);animation:helpFadeIn .4s ease,helpFadeOut .6s ease 4.4s forwards}.help-banner-main{font-weight:700;font-size:.85rem}.help-banner-sub{font-size:.75rem;color:#94a3b8}@keyframes helpFadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes helpFadeOut{0%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(10px)}}.card{background:var(--bg-panel);border:2px solid var(--border-light);border-bottom-width:8px;border-radius:16px;padding:20px;box-shadow:0 12px 28px #0006;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.panel-title-row h2{margin:0;font-size:20px;display:flex;align-items:center;gap:8px}.status{background:var(--bg-panel);border:2px solid var(--border-light);border-radius:8px;padding:8px 14px;color:var(--neon-lime);font-family:var(--font-mono);font-size:13px;font-weight:600;text-transform:uppercase;box-shadow:0 4px 0 var(--border-light)}.list-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.sort-controls{display:flex;align-items:center;gap:8px}.sort-label{font-size:13px;color:#9ca3af}.sort-select{background:#0b1220;color:#e2e8f0;border:1px solid #334155;border-radius:8px;padding:5px 10px;font-size:13px;outline:none;cursor:pointer}.sort-select:focus{border-color:#3b82f6}.sort-dir-btn{background:#0b1220;color:#93c5fd;border:1px solid #334155;border-radius:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:700;transition:background .2s,border-color .2s}.sort-dir-btn:hover{background:#1e293b;border-color:#3b82f6}.resident-card-list{overflow-y:auto;padding:12px 0;display:flex;flex-direction:column;gap:10px}.resident-card{background:var(--bg-card);border:2px solid var(--border-light);border-bottom-width:6px;border-radius:12px;padding:14px 16px;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1);display:flex;align-items:center;gap:12px}.resident-card:hover{border-color:#3b82f6;background:var(--bg-panel);transform:translateY(-3px);border-bottom-width:9px;margin-bottom:-3px;box-shadow:0 10px 20px #0006,0 0 12px #3b82f61a}.rcard-top{display:flex;align-items:center;gap:10px;flex-shrink:0}.rcard-avatar{font-size:32px;line-height:1;flex-shrink:0}.rcard-info{flex:1;min-width:0}.rcard-name-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.rcard-name{font-weight:700;font-size:15px;font-family:var(--font-display);color:#fff}.rcard-sub{font-size:12px;font-family:var(--font-mono);color:var(--text-muted);margin-top:4px}.rcard-sleep{opacity:.55}.gender-tag{font-size:13px;font-weight:700;border-radius:4px;padding:1px 5px}.gender-male{color:#60a5fa;background:#60a5fa26}.gender-female{color:#f472b6;background:#f472b626}.mbti-tag{font-size:11px;font-weight:600;color:#c4b5fd;background:#8b5cf633;border:1px solid rgba(139,92,246,.35);border-radius:6px;padding:1px 8px;letter-spacing:.5px}.mbti-tag-large{font-size:14px;font-weight:700;color:#c4b5fd;background:#8b5cf633;border:1px solid rgba(139,92,246,.35);border-radius:8px;padding:4px 14px;letter-spacing:1px}.behavior-act-tag{font-size:11px;color:#93c5fd;background:#3b82f61f;border:1px solid rgba(59,130,246,.3);border-radius:999px;padding:2px 8px;white-space:nowrap}.behavior-busy{font-size:10px;color:#fbbf24;border:1px solid #b45309;background:#b4530926;border-radius:999px;padding:1px 6px}.behavior-busy-soft{color:#6ee7b7;border-color:#047857;background:#04785726}.rcard-stats{display:flex;gap:4px;flex-wrap:wrap;flex-shrink:0}.rstat{font-size:11px;color:#cbd5e1;background:#1e293b;border:1px solid #334155;border-radius:6px;padding:2px 6px;display:flex;align-items:center;gap:2px}.rstat-icon{font-size:11px}.rstat-active{color:#fbbf24;border-color:#b45309;background:#b4530940;box-shadow:0 0 6px #fbbf2433;font-weight:700}.rcard-action-log{padding-left:12px;border-left:2px solid var(--border-light);display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.rcard-action-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.rcard-action-title{font-size:13px;color:var(--text-main);font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rcard-action-time{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;flex-shrink:0}.rcard-action-detail{font-size:12px;color:var(--neon-cyan);font-family:var(--font-mono);display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rcard-action-empty .rcard-action-detail{color:#475569;font-style:italic}.event-list{display:flex;flex-direction:column;gap:8px}.event-card{border:2px solid var(--border-light);border-bottom-width:4px;background:var(--bg-card);border-radius:12px;padding:12px;transition:transform .2s,box-shadow .2s}.event-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d;filter:brightness(1.1)}.event-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.event-tag{font-size:11px;border-radius:999px;padding:2px 8px;border:1px solid #334155;color:#cbd5e1}.event-title{font-weight:600;font-size:13px;margin-bottom:4px}.event-detail{color:#cbd5e1;font-size:12px;word-break:break-word}.event-good{border-color:#14532d;background:#072513}.event-good .event-tag{border-color:#22c55e;color:#86efac}.event-info{border-color:#1e3a8a;background:#0b1d40}.event-info .event-tag{border-color:#60a5fa;color:#bfdbfe}.event-focus{border-color:#92400e;background:#2b1a08}.event-focus .event-tag{border-color:#fbbf24;color:#fde68a}.event-mute{opacity:.85}.small{color:#9ca3af;font-size:13px}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#050810b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:flex-end;animation:fadeInOverlay .2s ease}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.detail-panel{width:440px;max-width:90vw;height:100vh;background:var(--bg-panel);border-left:2px solid var(--border-active);box-shadow:-20px 0 50px #0009,-2px 0 20px #3b82f64d;display:flex;flex-direction:column;animation:slideInRight .3s cubic-bezier(.2,.8,.2,1)}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.detail-header{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #243244}.detail-header h3{flex:1;margin:0;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-back{background:none;border:1px solid #334155;color:#93c5fd;border-radius:8px;padding:4px 10px;cursor:pointer;font-size:13px;transition:background .2s}.detail-back:hover{background:#1e293b}.modal-close{background:none;border:1px solid #334155;color:#94a3b8;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:background .2s,color .2s}.modal-close:hover{background:#1e293b;color:#e2e8f0}.detail-tabs{display:flex;gap:0;border-bottom:2px solid var(--border-light)}.detail-tab{flex:1;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-muted);padding:14px;cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font-display);transition:all .2s}.detail-tab:hover:not(:disabled){color:var(--text-main);background:#ffffff08}.detail-tab-active{color:var(--neon-cyan);border-bottom-color:var(--neon-cyan);background:#00ffff0d;text-shadow:0 0 10px rgba(0,255,255,.4)}.detail-tab:disabled{cursor:not-allowed;opacity:.4}.memory-timeline{padding:8px 0;position:relative}.memory-timeline:before{content:"";position:absolute;left:8px;top:12px;bottom:12px;width:2px;background:var(--border-light)}.memory-item{display:flex;gap:14px;padding:10px 0;position:relative}.memory-dot{width:10px;height:10px;min-width:10px;border-radius:50%;background:var(--neon-cyan);margin-top:6px;position:relative;z-index:1;box-shadow:0 0 8px #00ffff4d}.memory-content{flex:1;min-width:0;background:#0b1220;border:1px solid var(--border-light);border-radius:10px;padding:10px 14px;transition:border-color .2s}.memory-content:hover{border-color:#00ffff4d}.memory-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.memory-action{font-size:14px;font-weight:600;color:var(--text-main)}.memory-time{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;flex-shrink:0}.memory-detail{font-size:12px;color:var(--neon-cyan);font-family:var(--font-mono);line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.memory-snapshot{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.memory-snap-tag{font-size:11px;color:#cbd5e1;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:2px 8px;font-family:var(--font-mono)}.memory-loading{text-align:center;padding:20px;color:var(--text-muted);font-size:13px}.memory-empty{text-align:center;padding:40px 20px;color:var(--text-muted)}.memory-empty-icon{font-size:40px;display:block;margin-bottom:8px}.memory-empty p{margin:0;font-size:14px}.memory-load-more{display:block;width:100%;margin-top:8px;padding:10px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:13px;font-family:var(--font-display);font-weight:600;transition:all .2s}.memory-load-more:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);background:#00ffff0d}.detail-body{flex:1;overflow-y:auto;padding:18px}.detail-profile{display:flex;align-items:center;gap:14px;margin-bottom:20px}.detail-avatar{font-size:52px;line-height:1;flex-shrink:0}.detail-name-area{flex:1}.detail-name-row{display:flex;align-items:center;gap:8px}.detail-name{font-size:22px;font-weight:700}.detail-sub{font-size:13px;color:#9ca3af;margin-top:4px}.detail-section{margin-bottom:18px;padding:14px;background:#0b1220;border:1px solid #243244;border-radius:12px}.detail-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0}.detail-row+.detail-row{border-top:1px dashed #1e293b}.detail-label{font-size:13px;color:#9ca3af}.detail-value{font-size:14px;font-weight:600;color:#e2e8f0}.attr-bar-group{display:flex;flex-direction:column;gap:12px}.attr-bar-item{display:flex;flex-direction:column;gap:4px}.attr-bar-label{display:flex;justify-content:space-between;font-family:var(--font-mono);font-weight:700;font-size:13px;color:var(--text-main)}.attr-bar-track{height:12px;background:var(--bg-deep);border:2px solid var(--border-light);border-radius:999px;overflow:hidden;box-shadow:inset 0 2px 4px #00000080}.attr-bar-fill{height:100%;border-radius:999px;transition:width .5s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 10px #fff3}.attr-energy{background:linear-gradient(90deg,var(--neon-purple),var(--neon-pink));box-shadow:0 0 10px var(--neon-pink)}.attr-satiety{background:linear-gradient(90deg,#f59e0b,var(--neon-lime));box-shadow:0 0 10px var(--neon-lime)}.attr-reputation{background:linear-gradient(90deg,#f59e0b,#fcd34d);box-shadow:0 0 10px #fcd34d}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.friends-tab{padding:8px 0}.friends-section{margin-bottom:20px}.friends-section-title{font-size:14px;font-weight:700;font-family:var(--font-display);color:var(--text-muted);padding:8px 0;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.friend-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#0b1220;border:1px solid var(--border-light);border-radius:12px;margin-bottom:8px;transition:border-color .2s,background .2s}.friend-card:hover{border-color:#3b82f666;background:#3b82f60d}.friend-card-pending{border-color:#fbbf244d;background:#fbbf240a}.friend-card-pending:hover{border-color:#fbbf2480}.friend-avatar{font-size:32px;line-height:1;flex-shrink:0}.friend-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.friend-name{font-size:15px;font-weight:700;font-family:var(--font-display);color:#fff}.friend-meta{font-size:12px;color:var(--text-muted);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-status-badge{font-size:11px;font-weight:600;border-radius:999px;padding:3px 10px;white-space:nowrap;flex-shrink:0}.friend-badge-pending{color:#fbbf24;background:#fbbf2426;border:1px solid rgba(251,191,36,.3)}.reputation-panel{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:10;width:200px;max-height:calc(100vh - 120px);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);display:flex;flex-direction:column;overflow:hidden}.reputation-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.reputation-panel-title{font-size:11px;font-weight:800;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.8px;color:#fcd34d;display:flex;align-items:center;gap:5px}.reputation-panel-refresh{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:13px;padding:2px 4px;border-radius:6px;transition:color .2s,background .2s;line-height:1}.reputation-panel-refresh:hover{color:#fcd34d;background:#fcd34d1a}.reputation-panel-list{flex:1;overflow-y:auto;padding:6px 8px;display:flex;flex-direction:column;gap:3px;scrollbar-width:none}.reputation-panel-list::-webkit-scrollbar{display:none}.reputation-rank-item{display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:10px;cursor:pointer;transition:all .2s;border:1px solid transparent;position:relative}.reputation-rank-item:hover{background:#ffffff0f;border-color:#fcd34d33}.reputation-rank-1{background:#fcd34d14;border-color:#fcd34d33!important}.reputation-rank-2{background:#cbd5e10f;border-color:#cbd5e126!important}.reputation-rank-3{background:#cd7f320f;border-color:#cd7f3226!important}.reputation-rank-num{font-size:11px;font-weight:800;font-family:var(--font-display);min-width:18px;text-align:center;color:var(--text-muted);flex-shrink:0}.reputation-rank-1 .reputation-rank-num{color:#fcd34d}.reputation-rank-2 .reputation-rank-num{color:#cbd5e1}.reputation-rank-3 .reputation-rank-num{color:#cd7f32}.reputation-rank-avatar{font-size:18px;line-height:1;flex-shrink:0}.reputation-rank-info{flex:1;min-width:0}.reputation-rank-name{font-size:12px;font-weight:700;font-family:var(--font-display);color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reputation-rank-bar-wrap{display:flex;align-items:center;gap:4px;margin-top:3px}.reputation-rank-bar-track{flex:1;height:3px;background:#ffffff14;border-radius:999px;overflow:hidden}.reputation-rank-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#f59e0b,#fcd34d);transition:width .5s ease}.reputation-rank-score{font-size:11px;font-weight:700;font-family:var(--font-mono);color:#fcd34d;flex-shrink:0;min-width:22px;text-align:right}.reputation-panel-empty{text-align:center;padding:20px 12px;color:var(--text-muted);font-size:12px}@media (max-width: 768px){.reputation-panel{display:none}}@media (max-width: 768px){.hud-indicators{display:none}.drawer{width:100vw;max-width:100vw}.drawer-left.drawer-open{transform:translate(0)}.hud-toolbar{left:8px;gap:4px;padding:8px 6px}.hud-tool-btn{min-width:44px;padding:6px 8px}.hud-tool-label{display:none}.resident-card{flex-direction:column;align-items:flex-start}.rcard-action-log{border-left:none;border-top:1px dashed #1e293b;padding-left:0;padding-top:8px;margin-top:8px;width:100%}.hub-top-bar{flex-wrap:wrap}}