@import"https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&display=swap";:root{--color-primary: #4a9d6e;--color-primary-active: #3a7d56;--color-primary-soft: #e8f5ed;--color-primary-disabled: #c5e0d0;--color-canvas: #faf9f5;--color-surface-card: #ffffff;--color-surface-soft: #f5f3ee;--color-surface-dark: #1a1c19;--color-surface-dark-elevated: #252824;--color-ink: #1c1b18;--color-body: #4a4842;--color-muted: #8a8780;--color-muted-soft: #a8a59e;--color-on-primary: #ffffff;--color-on-dark: #f0ede5;--color-on-dark-soft: #a09d96;--color-hairline: #e6e3dc;--color-hairline-soft: #efede7;--status-todo: #c4b5a0;--status-doing: #5b9bd5;--status-paused: #d4a843;--status-done: #4a9d6e;--status-review: #9b6db5;--color-success: #4a9d6e;--color-warning: #d4a843;--color-error: #c64545;--color-xp-gold: #e8b84b;--attr-intelligence: #5b9bd5;--attr-physique: #e07b5a;--attr-charisma: #9b6db5;--font-display: Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-display-xl: 56px;--text-display-lg: 40px;--text-display-md: 28px;--text-title-lg: 20px;--text-title-md: 16px;--text-title-sm: 14px;--text-body-md: 15px;--text-body-sm: 13px;--text-caption: 12px;--text-caption-uppercase: 11px;--text-xp-number: 24px;--line-height-tight: 1.1;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-xxl: 24px;--radius-pill: 9999px;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--space-section: 80px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-body-md);line-height:var(--line-height-normal);color:var(--color-body);background-color:var(--color-canvas);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-ink);font-weight:400;line-height:var(--line-height-tight)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}ul,ol{list-style:none}a{color:var(--color-primary);text-decoration:none}#app{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 var(--space-lg);background-color:var(--color-canvas);border-bottom:1px solid var(--color-hairline);position:sticky;top:0;z-index:100}.header-left .logo{font-family:var(--font-display);font-size:var(--text-title-lg);color:var(--color-ink)}.header-center{flex:1;max-width:400px;margin:0 var(--space-lg)}.xp-bar-container{display:flex;align-items:center;gap:var(--space-sm)}.level-badge{background-color:var(--color-primary);color:var(--color-on-primary);padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-sm);font-size:var(--text-caption);font-weight:600;white-space:nowrap}.xp-bar{flex:1;height:8px;background-color:var(--color-surface-soft);border-radius:var(--radius-pill);overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-xp-gold));border-radius:var(--radius-pill);transition:width var(--transition-slow)}.xp-text{font-size:var(--text-caption);color:var(--color-muted);white-space:nowrap}.header-right{display:flex;gap:var(--space-xs)}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:18px;transition:background-color var(--transition-fast)}.icon-btn:hover{background-color:var(--color-surface-soft)}.app-body{display:flex;flex:1;overflow:hidden}.sidebar{width:200px;background-color:var(--color-canvas);border-right:1px solid var(--color-hairline);display:flex;flex-direction:column;padding:var(--space-md) 0}.nav-list{flex:1}.nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);cursor:pointer;transition:all var(--transition-fast);border-left:2px solid transparent;color:var(--color-body)}.nav-item:hover{background-color:var(--color-surface-soft)}.nav-item.active{background-color:var(--color-primary-soft);border-left-color:var(--color-primary);color:var(--color-primary-active);font-weight:500}.nav-icon{font-size:18px}.nav-label{font-size:var(--text-body-sm)}.sidebar-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-hairline-soft)}.sync-status{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-caption);color:var(--color-muted)}.sync-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-muted)}.sync-dot.syncing{background-color:var(--color-warning);animation:pulse 1s infinite}.sync-dot.synced{background-color:var(--color-success)}.sync-dot.error{background-color:var(--color-error)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.main-content{flex:1;overflow-y:auto;padding:var(--space-xl);transition:margin-right .3s ease}body.ai-sidebar-open .main-content{margin-right:450px}body.ai-sidebar-open .app-header{margin-right:450px;transition:margin-right .3s ease}.loading-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-muted)}.card{background-color:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-lg);transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-sm)}.card-title{font-family:var(--font-display);font-size:var(--text-title-lg);color:var(--color-ink);margin-bottom:var(--space-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:10px 18px;border-radius:var(--radius-md);font-size:var(--text-title-sm);font-weight:500;transition:all var(--transition-fast);cursor:pointer}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover{background-color:var(--color-primary-active)}.btn-secondary{background-color:var(--color-surface-card);color:var(--color-ink);border:1px solid var(--color-hairline)}.btn-secondary:hover{background-color:var(--color-surface-soft)}.btn-sm{padding:6px 12px;font-size:var(--text-body-sm)}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--text-caption);font-weight:500}.badge-primary{background-color:var(--color-primary-soft);color:var(--color-primary-active)}.badge-gold{background-color:#fdf3d8;color:#8a6d1b}.notification-container{position:fixed;top:80px;right:var(--space-lg);z-index:1000;display:flex;flex-direction:column;gap:var(--space-sm)}.notification{background-color:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-lg);min-width:280px;animation:slideIn var(--transition-normal)}.notification.success{border-left:4px solid var(--color-success)}.notification.warning{border-left:4px solid var(--color-warning)}.notification.error{border-left:4px solid var(--color-error)}.notification.xp-gain{border-left:4px solid var(--color-xp-gold);background:linear-gradient(135deg,#fffdf5,#fff)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;display:none;align-items:center;justify-content:center}.modal-container.active{display:flex}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006}.modal-content{position:relative;background-color:var(--color-surface-card);border-radius:var(--radius-xl);padding:var(--space-xl);max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lg);z-index:1}.modal-close{position:absolute;top:var(--space-md);right:var(--space-md);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:18px;color:var(--color-muted);transition:all var(--transition-fast)}.modal-close:hover{background-color:var(--color-surface-soft);color:var(--color-ink)}@media (max-width: 768px){.sidebar{width:60px}.nav-label,.header-center{display:none}.main-content{padding:var(--space-md)}}@media (max-width: 480px){.app-header{padding:0 var(--space-md)}.sidebar{position:fixed;bottom:0;left:0;right:0;width:100%;height:60px;flex-direction:row;border-right:none;border-top:1px solid var(--color-hairline);z-index:100}.nav-list{display:flex;flex-direction:row;justify-content:space-around}.nav-item{flex-direction:column;padding:var(--space-xs);border-left:none;border-top:3px solid transparent}.nav-item.active{border-left:none;border-top-color:var(--color-primary)}.sidebar-footer{display:none}.main-content{padding-bottom:80px}}.main-content>*{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card{animation:cardEnter .3s ease-out backwards}.card:nth-child(1){animation-delay:.05s}.card:nth-child(2){animation-delay:.1s}.card:nth-child(3){animation-delay:.15s}.card:nth-child(4){animation-delay:.2s}.card:nth-child(5){animation-delay:.25s}@keyframes cardEnter{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.xp-fill{position:relative;overflow:hidden}.xp-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.btn:active,.task-action-btn:active,.category-tab:active,.filter-btn:active{transform:scale(.97)}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--color-primary);border-radius:0 2px 2px 0;animation:navIndicator .3s ease-out}@keyframes navIndicator{0%{height:0}to{height:60%}}.task-card{transition:all .2s cubic-bezier(.4,0,.2,1)}.task-card:hover{transform:translate(4px);box-shadow:var(--shadow-md)}.task-checkbox{position:relative;transition:all .2s ease}.task-checkbox.checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);color:#fff;font-size:14px;font-weight:700;animation:checkPop .3s ease-out forwards}@keyframes checkPop{0%{transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1.3)}to{transform:translate(-50%,-50%) scale(1)}}.achievement-card.unlocked{animation:achievementGlow 2s ease-in-out infinite alternate}@keyframes achievementGlow{0%{box-shadow:0 0 8px #e8b84b4d}to{box-shadow:0 0 20px #e8b84b99}}.attribute-bar-fill{transition:width .6s cubic-bezier(.4,0,.2,1)}.stat-value,.coin-value{display:inline-block;transition:transform .2s ease}.stat-value:hover,.coin-value:hover{transform:scale(1.05)}.skeleton{background:linear-gradient(90deg,var(--color-surface-soft) 25%,var(--color-hairline-soft) 50%,var(--color-surface-soft) 75%);background-size:200% 100%;animation:skeletonLoading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 1024px){.main-content{padding:var(--space-lg)}.character-header{flex-wrap:wrap}.character-stats-quick{width:100%;justify-content:space-around;padding-top:16px;border-top:1px solid var(--color-hairline-soft)}}@media (max-width: 640px){.app-header{height:56px;padding:0 var(--space-sm)}.header-left .logo{font-size:var(--text-title-md)}.main-content{padding:var(--space-md)}.page-title{font-size:22px!important}.card{padding:var(--space-md);border-radius:var(--radius-md)}.card-title{font-size:var(--text-title-md)}.task-card{padding:12px}.task-meta{gap:6px}.task-tag{font-size:10px;padding:2px 6px}.task-xp{font-size:12px}.btn{padding:8px 14px;font-size:var(--text-body-sm)}.notification-container{top:64px;right:var(--space-sm);left:var(--space-sm)}.notification{min-width:auto;width:100%}.modal-content{width:95%;padding:var(--space-lg);max-height:85vh}.attributes-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.attribute-card{padding:12px!important}.rewards-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.reward-icon{font-size:36px!important}.reward-name{font-size:13px!important}}@media (max-width: 360px){.attributes-grid,.rewards-grid{grid-template-columns:1fr!important}.task-actions{flex-direction:column}.task-action-btn{width:100%}}@media (max-height: 500px) and (orientation: landscape){.app-header{height:48px}.sidebar{padding:var(--space-xs) 0}.nav-item{padding:var(--space-xs) var(--space-md)}}@media print{.app-header,.sidebar,.notification-container,.modal-container{display:none!important}.main-content{padding:0;overflow:visible}.card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}}:root{--color-primary: #091A7A;--color-primary-active: #0a1f8f;--color-primary-soft: rgba(9, 26, 122, .08);--color-secondary: #ADC8FF;--color-secondary-soft: rgba(173, 200, 255, .3);--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-neutral: #6B7280;--color-light-gray: #F3F4F6;--color-dark-gray: #9CA3AF;--color-canvas: linear-gradient(180deg, #ADC8FF 0%, #FFFFFF 100%);--color-surface: rgba(255, 255, 255, .9);--color-surface-soft: rgba(173, 200, 255, .15);--color-hairline: rgba(9, 26, 122, .1);--color-heading: #091A7A;--color-body: #374151;--color-muted: #6B7280;--color-subtle: #9CA3AF;--font-family: "Lexend", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-small: 12px;--radius-standard: 20px;--radius-large: 40px;--radius-pill: 50px;--shadow-card: 0 4px 20px rgba(9, 26, 122, .15);--shadow-interactive: 0 8px 25px rgba(9, 26, 122, .2);--shadow-elevated: 0 20px 40px rgba(9, 26, 122, .25);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}body{font-family:var(--font-family)!important;background:var(--color-canvas)!important;background-attachment:fixed!important;min-height:100vh;color:var(--color-body)}.app-header{background:#ffffffd9!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-bottom:1px solid var(--color-hairline)!important;box-shadow:var(--shadow-card)!important}.logo{color:var(--color-primary)!important;font-weight:700!important;font-size:20px!important;letter-spacing:-.5px}.xp-bar-container{background:#adc8ff33!important;border-radius:var(--radius-pill)!important;padding:6px 16px!important}.level-badge{background:var(--color-primary)!important;color:#fff!important;border-radius:var(--radius-pill)!important;padding:4px 12px!important;font-weight:600!important;font-size:13px!important}.xp-bar{background:#091a7a1a!important;border-radius:var(--radius-pill)!important;height:8px!important}.xp-fill{background:linear-gradient(90deg,var(--color-secondary),var(--color-primary))!important;border-radius:var(--radius-pill)!important;box-shadow:0 0 10px #adc8ff80!important}.xp-text{color:var(--color-primary)!important;font-weight:500!important;font-size:12px!important}.icon-btn{background:var(--color-primary)!important;color:#fff!important;border:none!important;border-radius:8px!important;padding:10px 20px!important;font-weight:600!important;font-size:13px!important;cursor:pointer;transition:all var(--transition-fast)!important;box-shadow:0 2px 8px #091a7a26!important;letter-spacing:.3px}.icon-btn:hover{background:var(--color-primary-active)!important;transform:translateY(-1px);box-shadow:0 4px 12px #091a7a40!important}.icon-btn:active{transform:translateY(0)}.sidebar{background:#ffffffd9!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:none!important;border-left:none!important;border-right:none!important;box-shadow:none!important;outline:none!important}.sidebar:before,.sidebar:after{display:none!important}.nav-list{border:none!important;border-left:none!important;border-right:none!important;box-shadow:none!important}.nav-item{position:relative!important}.nav-item.active:before{display:none!important;content:none!important;width:0!important;height:0!important;background:transparent!important}.nav-item{border-radius:var(--radius-small)!important;margin:4px 8px!important;padding:12px 16px!important;border-left:none!important;color:var(--color-body)!important;font-weight:500!important;font-size:14px!important;transition:all var(--transition-fast)!important}.nav-item:hover{background:var(--color-secondary-soft)!important;color:var(--color-primary)!important}.nav-item.active{background:linear-gradient(135deg,var(--color-secondary) 0%,rgba(173,200,255,.7) 100%)!important;color:var(--color-primary)!important;font-weight:600!important;box-shadow:var(--shadow-card)!important;border-left:none!important;border-left-color:transparent!important}.nav-label{font-size:14px!important}.sidebar-footer{padding:16px!important;border-top:1px solid var(--color-hairline)!important}.sync-status{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-secondary-soft);border-radius:var(--radius-small)}.sync-dot{width:8px;height:8px;border-radius:50%;background:var(--color-neutral)}.sync-dot.online{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.sync-text{font-size:12px;color:var(--color-muted);font-weight:500}.main-content{padding:var(--space-lg)!important}.card{background:var(--color-surface)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:var(--radius-standard)!important;box-shadow:var(--shadow-card)!important;padding:var(--space-lg)!important;transition:all var(--transition-normal)!important}.card:hover{box-shadow:var(--shadow-interactive)!important;transform:translateY(-2px)}.card-title{color:var(--color-primary)!important;font-weight:600!important;font-size:16px!important;margin-bottom:var(--space-md)!important}.btn{border-radius:var(--radius-pill)!important;padding:10px 20px!important;font-weight:500!important;font-size:14px!important;cursor:pointer;transition:all var(--transition-fast)!important;border:none!important;font-family:var(--font-family)!important}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary)!important;color:#fff!important;box-shadow:var(--shadow-card)!important}.btn-primary:hover{background:var(--color-primary-active)!important;box-shadow:var(--shadow-interactive)!important}.btn-secondary{background:var(--color-secondary-soft)!important;color:var(--color-primary)!important;border:1px solid var(--color-hairline)!important}.btn-secondary:hover{background:var(--color-secondary)!important}input,textarea,select{font-family:var(--font-family)!important;border-radius:var(--radius-small)!important;border:1px solid var(--color-hairline)!important;padding:10px 14px!important;font-size:14px!important;color:var(--color-body)!important;background:#ffffffe6!important;transition:all var(--transition-fast)!important}input:focus,textarea:focus,select:focus{outline:none!important;border-color:var(--color-secondary)!important;box-shadow:0 0 0 3px #adc8ff4d!important}h1,h2,h3,h4,h5,h6{color:var(--color-primary)!important;font-family:var(--font-family)!important;font-weight:600!important}h1{font-size:24px!important}h2{font-size:20px!important}h3{font-size:16px!important}p,span,div{font-family:var(--font-family)!important}.tag,.badge{border-radius:var(--radius-pill)!important;padding:4px 10px!important;font-size:11px!important;font-weight:500!important}.progress-bar{background:#091a7a1a!important;border-radius:var(--radius-pill)!important;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--color-secondary),var(--color-primary))!important;border-radius:var(--radius-pill)!important;transition:width .5s ease!important}.glass{background:#ffffffe6!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.5)!important}.glass-soft{background:#adc8ff4d!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.touch-feedback{transition:all .2s cubic-bezier(.4,0,.2,1)!important}.touch-feedback:active{transform:scale(.97)!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.loading-state{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--color-muted);font-size:16px}@media (max-width: 768px){.sidebar{width:70px!important}.nav-label{display:none}.main-content{padding:var(--space-md)!important}.card{padding:var(--space-md)!important;border-radius:var(--radius-small)!important}}.cq-character-panel{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.cq-hero-card{position:relative;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-standard);box-shadow:var(--shadow-card);overflow:hidden;border:1px solid rgba(255,255,255,.5)}.cq-hero-bg{position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);opacity:.1}.cq-hero-content{position:relative;padding:32px;display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center}.cq-avatar-section{display:flex;flex-direction:column;align-items:center;gap:12px}.cq-avatar{position:relative;width:100px;height:100px}.cq-avatar-inner{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-interactive)}.cq-avatar-text{font-size:40px;font-weight:700;color:#fff}.cq-avatar-ring{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;border:3px solid var(--color-secondary);opacity:.6;animation:cq-ring-pulse 2s ease-in-out infinite}@keyframes cq-ring-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.05);opacity:.3}}.cq-level-badge{background:var(--color-primary);color:#fff;padding:6px 16px;border-radius:var(--radius-pill);font-weight:600;font-size:14px;box-shadow:var(--shadow-card)}.cq-info-section{display:flex;flex-direction:column;gap:16px}.cq-name-row{display:flex;align-items:center;gap:12px}.cq-name{font-size:28px;font-weight:700;color:var(--color-primary);margin:0}.cq-status{width:10px;height:10px;border-radius:50%;background:var(--color-neutral)}.cq-status.online{background:var(--color-success);box-shadow:0 0 8px var(--color-success);animation:cq-status-blink 2s ease-in-out infinite}@keyframes cq-status-blink{0%,to{opacity:1}50%{opacity:.5}}.cq-status-text{font-size:12px;color:var(--color-muted);font-weight:500}.cq-title-row{display:flex;gap:8px;flex-wrap:wrap}.cq-tag{background:var(--color-secondary-soft);color:var(--color-primary);padding:4px 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:500}.cq-tag.gold{background:linear-gradient(135deg,#f59e0b,#fcd34d);color:#fff}.cq-xp-section{display:flex;flex-direction:column;gap:8px}.cq-xp-header{display:flex;justify-content:space-between;align-items:center}.cq-xp-label{font-size:13px;font-weight:600;color:var(--color-primary)}.cq-xp-text{font-size:13px;color:var(--color-muted);font-weight:500}.cq-xp-bar{height:12px;background:#091a7a1a;border-radius:var(--radius-pill);overflow:hidden}.cq-xp-fill{height:100%;background:linear-gradient(90deg,var(--color-secondary) 0%,var(--color-primary) 100%);border-radius:var(--radius-pill);transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #adc8ff80}.cq-xp-footer{display:flex;justify-content:space-between;font-size:11px;color:var(--color-subtle)}.cq-stats-section{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cq-stat-item{background:var(--color-secondary-soft);padding:16px;border-radius:var(--radius-small);text-align:center}.cq-stat-value{font-size:24px;font-weight:700;color:var(--color-primary)}.cq-section{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-standard);box-shadow:var(--shadow-card);padding:24px;border:1px solid rgba(255,255,255,.5)}.cq-section-title{font-size:18px;font-weight:600;color:var(--color-primary);margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid var(--color-secondary-soft)}.cq-attributes-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.cq-radar-container{background:var(--color-secondary-soft);border-radius:var(--radius-small);padding:20px;display:flex;align-items:center;justify-content:center;min-height:300px}.cq-radar-container canvas{max-width:100%;max-height:350px}.cq-attributes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.cq-attribute-card{background:var(--color-secondary-soft);padding:16px;border-radius:var(--radius-small);transition:all .2s ease}.cq-attribute-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.cq-attr-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.cq-attr-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.cq-attr-info{flex:1}.cq-attr-name{font-size:14px;font-weight:600;color:var(--color-primary)}.cq-attr-level{font-size:12px;color:var(--color-muted)}.cq-attr-bar{height:8px;background:#091a7a1a;border-radius:var(--radius-pill);overflow:hidden;margin-bottom:6px}.cq-attr-fill{height:100%;border-radius:var(--radius-pill);transition:width .5s ease}.cq-attr-xp{font-size:11px;color:var(--color-subtle);text-align:right}.cq-activity-list{display:flex;flex-direction:column;gap:12px}.cq-activity-item{display:flex;align-items:center;gap:16px;padding:12px;background:var(--color-secondary-soft);border-radius:var(--radius-small);transition:all .2s ease}.cq-activity-item:hover{background:var(--color-secondary)}.cq-activity-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.cq-activity-content{flex:1}.cq-activity-title{font-size:14px;font-weight:500;color:var(--color-primary)}.cq-activity-time{font-size:12px;color:var(--color-muted);margin-top:2px}.cq-activity-xp{font-size:13px;font-weight:600;color:var(--color-success)}.cq-empty-state{text-align:center;padding:32px;color:var(--color-muted);font-size:14px}.cq-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.cq-action-btn{display:flex;align-items:center;gap:16px;padding:16px;background:var(--color-secondary-soft);border:none;border-radius:var(--radius-small);cursor:pointer;transition:all .2s ease;text-align:left}.cq-action-btn:hover{background:var(--color-secondary);transform:translateY(-2px);box-shadow:var(--shadow-card)}.cq-action-btn:active{transform:scale(.98)}.cq-action-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff;flex-shrink:0}.cq-action-icon.primary{background:var(--color-primary)}.cq-action-icon.success{background:var(--color-success)}.cq-action-icon.warning{background:var(--color-warning)}.cq-action-icon.error{background:var(--color-error)}.cq-action-text{flex:1}.cq-action-title{font-size:15px;font-weight:600;color:var(--color-primary)}.cq-action-desc{font-size:12px;color:var(--color-muted);margin-top:2px}.cq-error-state{max-width:600px;margin:0 auto;padding:32px;background:#ffffffe6;border-radius:var(--radius-standard);box-shadow:var(--shadow-card);text-align:center}.cq-error-state h2{color:var(--color-error);margin-bottom:16px}.cq-error-state p{color:var(--color-muted);margin-bottom:16px}.cq-tasks-panel{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.cq-tasks-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.cq-tasks-title-section{flex:1}.cq-tasks-title{font-size:28px;font-weight:700;color:var(--color-primary);margin:0 0 8px}.cq-tasks-subtitle{font-size:14px;color:var(--color-muted);margin:0}.cq-tasks-stats{display:flex;gap:16px}.cq-task-stat{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:16px 24px;border-radius:var(--radius-small);box-shadow:var(--shadow-card);text-align:center;min-width:80px}.cq-stat-num{font-size:24px;font-weight:700;color:var(--color-primary)}.cq-stat-label{font-size:11px;color:var(--color-muted);margin-top:4px}.cq-view-switcher{display:flex;gap:8px;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:6px;border-radius:var(--radius-pill);box-shadow:var(--shadow-card);width:fit-content}.cq-view-btn{padding:10px 24px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--color-muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.cq-view-btn:hover{color:var(--color-primary)}.cq-view-btn.active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-card)}.cq-task-filters{display:flex;gap:8px;flex-wrap:wrap}.cq-filter-pill{padding:8px 16px;border:1px solid var(--color-hairline);border-radius:var(--radius-pill);background:#ffffffe6;color:var(--color-body);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.cq-filter-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.cq-filter-pill.active{font-weight:600}.cq-tasks-content{display:flex;flex-direction:column;gap:24px}.cq-timeline-group{display:flex;flex-direction:column;gap:12px}.cq-timeline-header{display:flex;align-items:center;gap:12px;padding-bottom:8px;border-bottom:2px solid var(--color-secondary-soft)}.cq-timeline-header.done{border-bottom-color:var(--color-success);opacity:.7}.cq-timeline-date{font-size:16px;font-weight:600;color:var(--color-primary)}.cq-timeline-count{font-size:12px;color:var(--color-muted);background:var(--color-secondary-soft);padding:2px 10px;border-radius:var(--radius-pill)}.cq-project-group{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.cq-timeline-toggle{font-size:12px;color:var(--color-muted);cursor:pointer;-webkit-user-select:none;user-select:none;min-width:16px;text-align:center}.cq-project-header{margin-bottom:8px}.cq-project-info{display:flex;flex-direction:column;gap:8px}.cq-project-name{font-size:18px;font-weight:600;color:var(--color-primary);margin:0}.cq-project-progress{display:flex;align-items:center;gap:12px}.cq-project-bar{flex:1;height:8px;background:#091a7a1a;border-radius:var(--radius-pill);overflow:hidden;max-width:300px}.cq-project-fill{height:100%;background:linear-gradient(90deg,var(--color-secondary),var(--color-primary));border-radius:var(--radius-pill);transition:width .5s ease}.cq-project-progress-text{font-size:12px;color:var(--color-muted);font-weight:500}.cq-task-list{display:flex;flex-direction:column;gap:8px}.cq-task-card{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-small);border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-card);transition:all .2s ease}.cq-task-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-interactive)}.cq-task-card.doing{background:#fbbf240d;border:1px solid rgba(251,191,36,.2)}.cq-task-card.done{opacity:.6}.cq-task-card.done .cq-task-title{text-decoration:line-through;color:var(--color-muted)}.cq-task-checkbox{width:24px;height:24px;border:2px solid var(--color-hairline);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:all .2s ease}.cq-task-checkbox:hover{border-color:var(--color-primary)}.cq-check-mark{width:12px;height:12px;background:var(--color-success);border-radius:3px;position:relative}.cq-check-mark:after{content:"";position:absolute;left:3px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.cq-task-content{flex:1;min-width:0}.cq-task-title{font-size:15px;font-weight:500;color:var(--color-primary);margin-bottom:8px;line-height:1.4}.cq-task-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.cq-task-type{padding:2px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:600}.cq-task-project,.cq-task-due,.cq-task-time,.cq-task-difficulty{font-size:12px;color:var(--color-muted)}.cq-task-tags{display:flex;flex-wrap:wrap;gap:6px}.cq-task-tag{font-size:11px;color:var(--color-subtle);background:var(--color-secondary-soft);padding:2px 8px;border-radius:var(--radius-pill)}.cq-task-desc{font-size:12px;color:var(--color-muted);margin-top:6px;line-height:1.5}.cq-task-extra{font-size:12px;margin-top:6px;padding:6px 10px;border-radius:var(--radius-small);line-height:1.5}.cq-task-video-link{display:inline-block;color:var(--color-primary);text-decoration:none;font-weight:500;padding:4px 12px;background:var(--color-primary-soft);border-radius:var(--radius-pill);font-size:12px;transition:all .2s}.cq-task-video-link:hover{background:var(--color-primary);color:#fff}.cq-task-questions{background:#f59e0b1a;border-left:3px solid #F59E0B;color:var(--color-text)}.cq-task-quiz{background:#10b9811a;border-left:3px solid #10B981;color:var(--color-text)}.cq-extra-label{font-weight:600;color:var(--color-primary)}.cq-task-xp{display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding-left:12px;border-top:none}.cq-xp-value{font-size:18px;font-weight:700;color:var(--color-success)}.cq-xp-label{font-size:10px;color:var(--color-muted);font-weight:500}.cq-empty-state{text-align:center;padding:48px;color:var(--color-muted);font-size:14px;background:#ffffff80;border-radius:var(--radius-standard)}@media (max-width: 768px){.cq-tasks-header{flex-direction:column}.cq-tasks-stats{width:100%;justify-content:space-between}.cq-task-stat{flex:1;padding:12px}.cq-view-switcher{width:100%}.cq-view-btn{flex:1;text-align:center}.cq-task-card{flex-wrap:wrap}.cq-task-xp{width:100%;flex-direction:row;justify-content:center;gap:8px;border-left:none;border-top:1px solid var(--color-hairline);padding-top:12px;padding-left:0}}[data-theme=dark]{--color-primary: #ADC8FF;--color-primary-active: #C5D9FF;--color-primary-soft: rgba(173, 200, 255, .15);--color-secondary: rgba(173, 200, 255, .4);--color-secondary-soft: rgba(173, 200, 255, .1);--color-heading: #FFFFFF;--color-body: #E5E7EB;--color-subtle: #9CA3AF;--color-muted: #6B7280;--color-hairline: rgba(255, 255, 255, .1);--color-canvas: #0F172A;--color-surface: rgba(31, 41, 55, .9);--color-surface-hover: rgba(55, 65, 81, .95);--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171;background:#0f172a}[data-theme=dark] body{background:#0f172a;color:#e5e7eb}[data-theme=dark] html,[data-theme=dark] .app-body,[data-theme=dark] .main-content{background:#0f172a}[data-theme=dark] .app-header{background:#0f172af2!important;border-bottom:1px solid rgba(255,255,255,.1)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}[data-theme=dark] .sidebar{background:#0f172af2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}[data-theme=dark] .card{background:#1e293be6!important;border:1px solid rgba(255,255,255,.1)!important;color:#e5e7eb!important}[data-theme=dark] .card-title{color:#fff!important}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:#0f172acc!important;border:1px solid rgba(255,255,255,.15)!important;color:#e5e7eb!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#6b7280!important}[data-theme=dark] .btn-secondary,[data-theme=dark] .btn{background:#374151cc!important;border:1px solid rgba(255,255,255,.15)!important;color:#e5e7eb!important}[data-theme=dark] label{color:#e5e7eb!important}[data-theme=dark] p{color:#9ca3af!important}[data-theme=dark] .settings-module h1,[data-theme=dark] .settings-module h2{color:#fff!important}[data-theme=dark] *{background-image:none!important}[data-theme=dark] .app-header{background:#111827e6!important;border-bottom:1px solid rgba(255,255,255,.1)!important}[data-theme=dark] .sidebar{background:#111827e6!important;border-right:1px solid rgba(255,255,255,.1)!important}[data-theme=dark] .nav-item{color:#9ca3af!important}[data-theme=dark] .nav-item.active{background:#adc8ff26!important;color:#adc8ff!important}[data-theme=dark] .card,[data-theme=dark] .cq-hero-card,[data-theme=dark] .cq-section,[data-theme=dark] .cq-attribute-card,[data-theme=dark] .cq-task-card,[data-theme=dark] .cq-project-group,[data-theme=dark] .cq-task-stat,[data-theme=dark] .cq-radar-container{background:#1f2937cc!important;border:1px solid rgba(255,255,255,.1)!important}[data-theme=dark] .cq-task-title,[data-theme=dark] .cq-tasks-title,[data-theme=dark] .cq-section-title,[data-theme=dark] .cq-project-name,[data-theme=dark] .cq-attr-name,[data-theme=dark] .cq-hero-name,[data-theme=dark] h1,h2,h3{color:#fff!important}[data-theme=dark] .cq-task-meta,[data-theme=dark] .cq-task-due,[data-theme=dark] .cq-task-time,[data-theme=dark] .cq-task-difficulty,[data-theme=dark] .cq-task-project,[data-theme=dark] .cq-attr-level,[data-theme=dark] .cq-attr-xp,[data-theme=dark] .cq-stat-label,[data-theme=dark] .cq-timeline-count,[data-theme=dark] .cq-project-progress-text,[data-theme=dark] .cq-tasks-subtitle{color:#9ca3af!important}[data-theme=dark] .cq-filter-pill,[data-theme=dark] .cq-view-btn{background:#1f2937cc!important;border-color:#ffffff1a!important;color:#9ca3af!important}[data-theme=dark] .cq-filter-pill:hover,[data-theme=dark] .cq-view-btn:hover{border-color:#adc8ff!important;color:#adc8ff!important}[data-theme=dark] .cq-view-btn.active{background:#adc8ff!important;color:#0a0f1e!important}[data-theme=dark] .cq-task-tag{background:#adc8ff1a!important;color:#9ca3af!important}[data-theme=dark] .cq-xp-value{color:#34d399!important}[data-theme=dark] .xp-bar,[data-theme=dark] .cq-attr-bar,[data-theme=dark] .cq-project-bar{background:#ffffff1a!important}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:#1f2937cc!important;border-color:#ffffff1a!important;color:#e5e7eb!important}[data-theme=dark] .icon-btn{background:#adc8ff!important;color:#0a0f1e!important}[data-theme=dark] .icon-btn:hover{background:#c5d9ff!important}.cq-skills-panel{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.cq-skills-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.cq-skills-title{font-size:28px;font-weight:700;color:var(--color-primary);margin:0 0 8px}.cq-skills-subtitle{font-size:14px;color:var(--color-muted);margin:0}.cq-skills-stats{display:flex;gap:16px}.cq-skill-stat{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:16px 24px;border-radius:8px;box-shadow:var(--shadow-card);text-align:center;min-width:80px}.cq-skill-categories{display:flex;flex-direction:column;gap:24px}.cq-skill-category{display:flex;flex-direction:column;gap:16px}.cq-category-header{display:flex;align-items:center;justify-content:space-between;padding-left:12px}.cq-category-name{font-size:20px;font-weight:600;color:var(--color-primary);margin:0}.cq-category-count{font-size:12px;color:var(--color-muted)}.cq-skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.cq-skill-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-card);transition:all .2s ease}.cq-skill-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-interactive)}.cq-skill-card.locked{opacity:.5;background:#f0f0f0cc}.cq-skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cq-skill-name{font-size:16px;font-weight:600;color:var(--color-primary)}.cq-skill-level{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.cq-skill-desc{font-size:13px;color:var(--color-muted);margin-bottom:12px;line-height:1.5}.cq-skill-progress{display:flex;flex-direction:column;gap:6px}.cq-skill-bar{height:6px;background:#0000000d;border-radius:3px;overflow:hidden}.cq-skill-fill{height:100%;border-radius:3px;transition:width .5s ease}.cq-skill-xp{font-size:11px;color:var(--color-muted);text-align:right}.cq-skill-lock{text-align:center;padding:8px;margin-bottom:8px}.cq-skill-lock span{font-size:12px;color:var(--color-muted);background:#0000000d;padding:4px 12px;border-radius:12px}.cq-skill-require{font-size:11px;color:var(--color-warning);margin-top:8px}.cq-achievements-panel{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.cq-achievements-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.cq-achievements-title{font-size:28px;font-weight:700;color:var(--color-primary);margin:0 0 8px}.cq-achievements-subtitle{font-size:14px;color:var(--color-muted);margin:0}.cq-achievements-stats{display:flex;gap:16px}.cq-achievement-stat{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:16px 24px;border-radius:8px;box-shadow:var(--shadow-card);text-align:center;min-width:80px}.cq-achievement-overall{display:flex;align-items:center;gap:16px;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:16px 24px;border-radius:12px;box-shadow:var(--shadow-card)}.cq-overall-bar{flex:1;height:10px;background:#0000000d;border-radius:5px;overflow:hidden;max-width:400px}.cq-overall-fill{height:100%;background:linear-gradient(90deg,var(--color-secondary),var(--color-primary));border-radius:5px;transition:width .5s ease}.cq-overall-text{font-size:13px;color:var(--color-muted);font-weight:500}.cq-achievement-section{display:flex;flex-direction:column;gap:16px}.cq-section-heading{font-size:18px;font-weight:600;color:var(--color-primary);margin:0;padding-bottom:8px;border-bottom:2px solid var(--color-secondary-soft)}.cq-achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.cq-achievement-card{display:flex;gap:16px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-card);transition:all .2s ease}.cq-achievement-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-interactive)}.cq-achievement-card.locked{opacity:.6}.cq-achievement-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}.cq-achievement-content{flex:1;min-width:0}.cq-achievement-name{font-size:16px;font-weight:600;color:var(--color-primary);margin-bottom:4px}.cq-achievement-desc{font-size:13px;color:var(--color-muted);margin-bottom:8px;line-height:1.4}.cq-achievement-date{font-size:11px;color:var(--color-success);font-weight:500}.cq-achievement-progress{display:flex;align-items:center;gap:8px}.cq-achievement-bar{flex:1;height:6px;background:#0000000d;border-radius:3px;overflow:hidden}.cq-achievement-fill{height:100%;border-radius:3px;transition:width .5s ease}.cq-achievement-progress-text{font-size:11px;color:var(--color-muted);font-weight:500}.cq-review-panel{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.cq-review-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.cq-review-title{font-size:28px;font-weight:700;color:var(--color-primary);margin:0 0 8px}.cq-review-subtitle{font-size:14px;color:var(--color-muted);margin:0}.cq-review-period{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.cq-period-label{font-size:12px;color:var(--color-muted)}.cq-period-date{font-size:14px;font-weight:600;color:var(--color-primary)}.cq-review-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cq-overview-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-card);text-align:center}.cq-overview-num{font-size:28px;font-weight:700;color:var(--color-primary);margin-bottom:4px}.cq-overview-label{font-size:12px;color:var(--color-muted)}.cq-review-form{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px;border-radius:16px;border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-card)}.cq-form-title{font-size:20px;font-weight:600;color:var(--color-primary);margin:0 0 20px}.cq-form-group{margin-bottom:20px}.cq-form-label{display:block;font-size:14px;font-weight:600;color:var(--color-primary);margin-bottom:8px}.cq-form-textarea{width:100%;padding:12px 16px;border:1px solid var(--color-hairline);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;background:#fffc;color:var(--color-body);transition:border-color .2s ease;box-sizing:border-box}.cq-form-textarea:focus{outline:none;border-color:var(--color-primary)}.cq-form-actions{display:flex;gap:12px;justify-content:flex-end}.cq-form-btn{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.cq-form-btn.primary{background:var(--color-primary);color:#fff}.cq-form-btn.primary:hover{background:var(--color-primary-active);transform:translateY(-1px)}.cq-form-btn.secondary{background:var(--color-secondary-soft);color:var(--color-primary)}.cq-form-btn.secondary:hover{background:var(--color-secondary)}.cq-review-history{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px;border-radius:16px;border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-card)}.cq-history-list{display:flex;flex-direction:column;gap:12px}.cq-history-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--color-secondary-soft);border-radius:8px;gap:16px}.cq-history-date{font-size:14px;font-weight:600;color:var(--color-primary);min-width:180px}.cq-history-summary{flex:1;font-size:13px;color:var(--color-muted)}.cq-history-view{padding:6px 16px;border:none;border-radius:6px;background:var(--color-primary);color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.cq-history-view:hover{background:var(--color-primary-active)}.cq-weread-panel{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.cq-weread-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.cq-weread-title{font-size:28px;font-weight:700;color:var(--color-primary);margin:0 0 8px}.cq-weread-subtitle{font-size:14px;color:var(--color-muted);margin:0}.cq-weread-btn{padding:10px 24px;border:none;border-radius:8px;background:var(--color-primary);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.cq-weread-btn:hover{background:var(--color-primary-active);transform:translateY(-1px)}.cq-weread-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cq-weread-stat{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-card);text-align:center}.cq-current-book{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px;border-radius:16px;border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-card)}.cq-book-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cq-book-title{font-size:18px;font-weight:600;color:var(--color-primary);margin:0}.cq-book-progress{font-size:14px;font-weight:600;color:var(--color-success)}.cq-book-info{display:flex;flex-direction:column;gap:12px}.cq-book-name{font-size:16px;color:var(--color-body)}.cq-book-bar{height:8px;background:#0000000d;border-radius:4px;overflow:hidden}.cq-book-fill{height:100%;background:linear-gradient(90deg,var(--color-secondary),var(--color-primary));border-radius:4px;transition:width .5s ease}.cq-notes-section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px;border-radius:16px;border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-card)}.cq-notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cq-notes-title{font-size:18px;font-weight:600;color:var(--color-primary);margin:0}.cq-notes-count{font-size:13px;color:var(--color-muted)}.cq-notes-list{display:flex;flex-direction:column;gap:12px}.cq-note-card{padding:16px;background:var(--color-secondary-soft);border-radius:8px}.cq-note-meta{display:flex;gap:12px;margin-bottom:8px;flex-wrap:wrap}.cq-note-book{font-size:12px;font-weight:600;color:var(--color-primary)}.cq-note-chapter{font-size:12px;color:var(--color-muted)}.cq-note-date{font-size:12px;color:var(--color-muted);margin-left:auto}.cq-note-content{font-size:14px;color:var(--color-body);line-height:1.6}@media (max-width: 768px){.cq-review-overview,.cq-weread-stats{grid-template-columns:repeat(2,1fr)}.cq-skills-header,.cq-achievements-header,.cq-review-header,.cq-weread-header{flex-direction:column}.cq-skills-stats,.cq-achievements-stats{width:100%;justify-content:space-between}.cq-skill-stat,.cq-achievement-stat{flex:1}.cq-history-item{flex-direction:column;align-items:flex-start}.cq-history-date{min-width:auto}}@media (max-width: 768px){.cq-hero-content{grid-template-columns:1fr;text-align:center}.cq-name-row,.cq-title-row{justify-content:center}.cq-stats-section{grid-template-columns:repeat(4,1fr)}.cq-attributes-layout,.cq-attributes-grid,.cq-actions-grid{grid-template-columns:1fr}}.cq-category-list{display:flex;flex-direction:column;gap:16px}.cq-category-item{display:grid;grid-template-columns:120px 1fr 100px;align-items:center;gap:16px;padding:12px 16px;background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border)}.cq-category-name{font-size:14px;font-weight:600;color:var(--color-text)}.cq-category-bar{height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.cq-category-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:4px;transition:width .3s ease}.cq-category-time{font-size:13px;color:var(--color-text-secondary);text-align:right}.cq-notebooks-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.cq-notebook-card{display:flex;gap:16px;padding:16px;background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border);cursor:pointer;transition:all .2s ease}.cq-notebook-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a;border-color:var(--color-primary)}.cq-notebook-cover{width:60px;height:80px;border-radius:6px;overflow:hidden;flex-shrink:0;background:var(--color-border)}.cq-notebook-cover img{width:100%;height:100%;object-fit:cover}.cq-notebook-info{flex:1;min-width:0}.cq-notebook-title{font-size:15px;font-weight:600;color:var(--color-text);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cq-notebook-author{font-size:13px;color:var(--color-text-secondary);margin-bottom:8px}.cq-notebook-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.cq-notebook-tag{font-size:11px;padding:2px 8px;background:var(--color-primary-light);color:var(--color-primary);border-radius:10px;font-weight:500}.cq-notebook-progress{font-size:11px;padding:2px 8px;background:var(--color-border);color:var(--color-text-secondary);border-radius:10px;font-weight:500}.cq-book-notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cq-book-notes-info{padding:16px;background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border)}.cq-book-notes-info p{margin:4px 0;font-size:14px;color:var(--color-text)}.cq-weread-stat.clickable{cursor:pointer;transition:all .2s ease}.cq-weread-stat.clickable:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f;border-color:var(--color-primary)}.cq-pie-chart-container{width:100%;max-width:500px;height:350px;margin:0 auto;position:relative}.weread-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000}.weread-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.weread-modal-content{position:relative;background:var(--color-surface);border-radius:16px;width:min(90vw,550px);max-height:min(85vh,650px);overflow:hidden;box-shadow:0 20px 60px #0003;animation:modalSlideIn .3s ease;display:flex;flex-direction:column}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.weread-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-border)}.weread-modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--color-text)}.weread-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text-secondary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.weread-modal-close:hover{background:var(--color-border);color:var(--color-text)}.weread-modal-body{padding:16px 20px;overflow-y:auto;flex:1;min-height:0}.weread-chart-container{width:100%;height:350px;position:relative}.cq-add-task-btn{padding:8px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-pill);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;margin-left:auto}.cq-add-task-btn:hover{opacity:.9;transform:translateY(-1px)}.cq-task-actions{display:flex;gap:8px;margin-top:8px;opacity:0;transition:opacity .2s}.cq-task-card:hover .cq-task-actions{opacity:1}.cq-task-action-btn{padding:4px 12px;border:none;border-radius:var(--radius-small);font-size:11px;cursor:pointer;transition:all .2s}.cq-task-action-btn.edit{background:var(--color-primary-soft);color:var(--color-primary)}.cq-task-action-btn.edit:hover{background:var(--color-primary);color:#fff}.cq-task-action-btn.delete{background:#ef44441a;color:#ef4444}.cq-task-action-btn.delete:hover{background:#ef4444;color:#fff}.cq-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cq-modal{background:var(--color-surface, white);border-radius:var(--radius-lg);width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.cq-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-hairline)}.cq-modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--color-text)}.cq-modal-close{background:none;border:none;font-size:24px;color:var(--color-muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.cq-modal-close:hover{background:var(--color-secondary-soft);color:var(--color-text)}.cq-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.cq-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--color-hairline)}.cq-form-group{margin-bottom:16px}.cq-form-row{display:flex;gap:16px}.cq-form-row .cq-form-group{flex:1}.cq-form-label{display:block;font-size:13px;font-weight:500;color:var(--color-text);margin-bottom:6px}.cq-form-input,.cq-form-textarea,.cq-form-select{width:100%;padding:10px 12px;border:1px solid var(--color-hairline);border-radius:var(--radius-small);font-size:13px;font-family:inherit;background:var(--color-surface, white);color:var(--color-text);transition:border-color .2s;box-sizing:border-box}.cq-form-input:focus,.cq-form-textarea:focus,.cq-form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.cq-form-textarea{resize:vertical;min-height:60px}.cq-form-btn{padding:10px 20px;border:1px solid var(--color-hairline);border-radius:var(--radius-small);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;background:var(--color-surface, white);color:var(--color-text)}.cq-form-btn:hover{background:var(--color-secondary-soft)}.cq-form-btn.primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.cq-form-btn.primary:hover{opacity:.9}.weread-calendar{width:100%}.weread-calendar-header{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px;text-align:center;font-size:12px;font-weight:600;color:var(--color-text-secondary);padding:8px 0}.weread-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.weread-calendar-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:14px;border-radius:8px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);transition:all .2s}.weread-calendar-cell.empty{background:transparent;border:none}.weread-calendar-cell.has-read{background:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:600}.weread-calendar-cell.has-read:hover{transform:scale(1.1);box-shadow:0 4px 12px #6366f166}.weread-notes-list{display:flex;flex-direction:column;gap:12px}.weread-note-book-item{padding:16px;background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border)}.weread-note-book-title{font-size:15px;font-weight:600;color:var(--color-text);margin-bottom:4px}.weread-note-book-meta{font-size:13px;color:var(--color-text-secondary)}.weread-note-item{margin-bottom:16px;padding:12px;background:var(--color-surface);border-radius:8px;border-left:3px solid var(--color-primary)}.weread-note-item blockquote{margin:0 0 8px;padding:8px 12px;background:var(--color-border);border-radius:4px;font-size:14px;color:var(--color-text);font-style:italic}.weread-note-item p{margin:0;font-size:14px;color:var(--color-text);line-height:1.6}.cq-form-input{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;color:var(--color-text);background:var(--color-surface);outline:none;transition:border-color .2s}.cq-form-input:focus{border-color:var(--color-primary)}.cq-weread-btn.small.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}@media (max-width: 768px){.weread-modal-content{width:95%;max-height:90vh}.weread-chart-container,.cq-pie-chart-container{height:280px}.weread-calendar-cell{font-size:12px}}.cq-weread-btn.small{padding:6px 12px;font-size:12px}@media (max-width: 768px){.cq-category-item{grid-template-columns:1fr;gap:8px}.cq-category-time{text-align:left}.cq-notebooks-list{grid-template-columns:1fr}}.cq-pie-chart-container.small{max-width:380px;height:280px}.weread-modal-content{width:min(90vw,650px);max-height:min(85vh,700px)}.weread-modal-body{max-height:calc(min(85vh,700px) - 65px)}.weread-calendar-widget{background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border);overflow:hidden;width:380px;margin:0 auto}.weread-modal-readCalendar{width:440px!important;max-width:440px!important;max-height:600px!important}.weread-calendar-topbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--color-border)}.weread-calendar-selectors{display:flex;gap:6px;align-items:center}.weread-calendar-year-select,.weread-calendar-month-select{padding:4px 8px;font-size:12px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);color:var(--color-text);cursor:pointer;outline:none}.weread-calendar-year-select:focus,.weread-calendar-month-select:focus{border-color:var(--color-primary)}.weread-calendar-title{font-size:13px;font-weight:600;color:var(--color-text)}.weread-calendar-nav{display:flex;gap:4px}.weread-calendar-nav-btn{width:24px;height:24px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:4px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .2s}.weread-calendar-nav-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.weread-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);padding:6px 10px 2px;text-align:center;font-size:10px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase}.weread-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;padding:0 10px 10px}.weread-calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;border-radius:4px;cursor:pointer;color:var(--color-text);transition:all .2s;position:relative;min-height:28px}.weread-calendar-day.empty{cursor:default}.weread-calendar-day:hover:not(.empty){background:var(--color-border)}.weread-calendar-day.today{border:2px solid var(--color-primary);font-weight:600}.weread-calendar-day.has-read{color:var(--color-primary);font-weight:600}.weread-calendar-day.has-read:hover{background:var(--color-primary-light)}.weread-calendar-day-num{line-height:1}.weread-calendar-dot{width:5px;height:5px;border-radius:50%;background:var(--color-primary);margin-top:3px}.weread-calendar-events{padding:12px 20px;border-top:1px solid var(--color-border);min-height:60px}.weread-calendar-event{display:flex;align-items:center;gap:12px;padding:8px 0}.weread-calendar-event.empty{color:var(--color-text-secondary);font-size:13px}.weread-calendar-event-time{font-size:12px;font-weight:600;color:var(--color-primary);background:var(--color-primary-light);padding:2px 8px;border-radius:4px;min-width:60px;text-align:center}.weread-calendar-event-title{font-size:14px;color:var(--color-text)}.weread-note-content{font-size:14px;line-height:1.7;color:var(--color-text)}.weread-note-content img{max-width:100%;height:auto;border-radius:8px;margin:8px 0}.weread-note-content p{margin:8px 0}.weread-note-book-group{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.weread-note-book-group:last-child{border-bottom:none;margin-bottom:0}.weread-note-type-label{font-size:13px;font-weight:600;color:var(--color-primary);margin:12px 0 8px;padding-left:8px;border-left:3px solid var(--color-primary)}[data-theme=dark] .weread-calendar-widget{background:var(--color-surface)}[data-theme=dark] .weread-calendar-day:hover:not(.empty){background:#ffffff1a}[data-theme=dark] .weread-calendar-day.has-read:hover{background:#6366f133}.weread-note-image-placeholder{background:var(--color-border);border-radius:8px;padding:16px;text-align:center;border:1px dashed var(--color-primary)}.weread-note-image-text{font-size:13px;color:var(--color-text);font-weight:500;margin-bottom:6px}.weread-note-image-meta{font-size:11px;color:var(--color-text-secondary);margin-bottom:10px}.weread-note-image-link{display:inline-block;font-size:12px;color:var(--color-primary);text-decoration:none;font-weight:500;padding:5px 10px;background:var(--color-primary-light);border-radius:4px;transition:all .2s;cursor:pointer}.weread-note-image-link:hover{background:var(--color-primary);color:#fff}