:root{--bg-primary: #F8F9FC;--bg-secondary: #FFFFFF;--bg-tertiary: #F1F3F9;--color-primary: #5B3FD6;--color-primary-hover: #4A2FC8;--color-accent: #7A63F7;--color-text-primary: #1F2937;--color-text-secondary: #6B7280;--color-text-muted: #9CA3AF;--color-border: #E8EAF2;--color-border-light: #F1F3F9;--color-success: #22C55E;--color-warning: #F59E0B;--color-danger: #EF4444;--color-info: #3B82F6;--shadow-card: 0 6px 20px rgba(15, 23, 42, .06);--shadow-hover: 0 12px 32px rgba(15, 23, 42, .12);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .04);--shadow-md: var(--shadow-card);--shadow-lg: var(--shadow-hover);--shadow-xl: 0 20px 48px rgba(15, 23, 42, .16);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 20px;--radius-full: 9999px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--header-height: 72px;--sidebar-width: 260px;--sidebar-collapsed-width: 64px;--right-panel-width: 320px;--bottom-dock-height: 480px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--hover-lift: 2px;--hover-scale: 1.02}[data-theme=dark]{--bg-primary: #0F1117;--bg-secondary: #1A1D2E;--bg-tertiary: #232640;--color-text-primary: #F1F5F9;--color-text-secondary: #94A3B8;--color-text-muted: #64748B;--color-border: #2D3154;--color-border-light: #232640;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 6px 20px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 48px rgba(0, 0, 0, .5)}*,*: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-family);background:var(--bg-primary);color:var(--color-text-primary);line-height:1.6;overflow:hidden;height:100vh}#root{height:100vh;overflow:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}img{max-width:100%;display:block}h1,.h1{font-size:30px;font-weight:700;line-height:1.2}h2,.h2{font-size:22px;font-weight:600;line-height:1.3}h3,.h3{font-size:18px;font-weight:600;line-height:1.4}.card-title{font-size:18px;font-weight:600}body,.body{font-size:14px;line-height:1.6}.caption{font-size:12px;line-height:1.5}.btn-text{font-size:14px;font-weight:500}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.virtual-list{will-change:transform}.virtual-grid{will-change:transform;position:relative}.page-loader{padding:24px}.app-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px}.app-loader-logo{font-size:48px;animation:pulse 2s ease-in-out infinite}.app-loader-bar{width:200px;height:4px;border-radius:var(--radius-full)}.app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-body{display:flex;flex:1;overflow:hidden}.main-content{flex:1;overflow-y:auto;padding:24px 32px;transition:margin var(--transition-normal)}.main-content.sidebar.sidebar-collapsed{margin-left:0}.main-content.with-right-panel{padding-right:24px}.main-content.with-bottom-dock{padding-bottom:24px}.header{height:var(--header-height);display:flex;align-items:center;padding:0;background:var(--bg-secondary);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;flex-shrink:0}.header-sidebar-section{display:flex;align-items:center;gap:12px;width:var(--sidebar-width);padding:0 24px;flex-shrink:0;border-right:1px solid var(--color-border);height:100%;transition:width var(--transition-normal)}.sidebar-collapsed~.main-content .header-sidebar-section,.header-sidebar-section.collapsed{width:var(--sidebar-collapsed-width);padding:0 8px;justify-content:center}.header-main-section{display:flex;align-items:center;justify-content:space-between;flex:1;padding:0 24px;gap:16px}.header-left{display:flex;align-items:center;gap:12px}.header-hamburger{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);flex-shrink:0}.header-hamburger:hover{background:var(--bg-tertiary);color:var(--color-text-primary)}.header-hamburger:active{transform:scale(.95)}.header-logo{display:flex;align-items:center;gap:10px}.header-logo-icon{font-size:28px}.header-logo-text{font-size:18px;font-weight:700;color:var(--color-text-primary);line-height:1.2}.header-logo-subtitle{font-size:11px;color:var(--color-text-muted);font-weight:400}.header-search-row{display:flex;align-items:center;gap:12px;flex:1}.header-center{flex:1;max-width:560px}.header-right{display:flex;align-items:center;gap:8px}.header-icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);position:relative}.header-icon-btn:hover{background:var(--bg-tertiary);color:var(--color-text-primary)}.header-notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--color-danger);border-radius:50%;border:2px solid var(--bg-secondary)}.header-user{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.header-user:hover{background:var(--bg-tertiary)}.header-username{font-size:14px;font-weight:500;color:var(--color-text-primary)}.header-premium{color:var(--color-warning)}.header-notification-wrapper{position:relative}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;animation:dropdownIn .15s ease}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-border)}.notification-header h4{font-size:14px;font-weight:600;color:var(--color-text-primary)}.notification-header button{color:var(--color-text-muted);padding:4px;border-radius:var(--radius-sm)}.notification-header button:hover{background:var(--bg-tertiary);color:var(--color-text-primary)}.notification-list{max-height:300px;overflow-y:auto}.notification-empty{padding:24px 16px;text-align:center;font-size:13px;color:var(--color-text-muted)}.notification-item{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}.notification-item:hover{background:var(--bg-tertiary)}.notification-item:last-child{border-bottom:none}.notification-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;margin-top:4px;flex-shrink:0}.notification-content{flex:1}.notification-message{font-size:13px;color:var(--color-text-primary);line-height:1.4}.notification-time{font-size:11px;color:var(--color-text-muted);margin-top:2px}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;transition:width var(--transition-normal);flex-shrink:0;position:relative}.sidebar.sidebar-collapsed{width:var(--sidebar-collapsed-width)}.sidebar-collapsed .sidebar-link span,.sidebar-collapsed .sidebar-section,.sidebar-collapsed .sidebar-bottom{display:none}.sidebar-collapsed .sidebar-link{justify-content:center;padding:12px}.sidebar-collapsed .sidebar-nav{padding:16px 8px;align-items:center}.sidebar-nav{padding:16px 12px;display:flex;flex-direction:column;gap:2px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:14px;font-weight:500;transition:all var(--transition-fast);white-space:nowrap}.sidebar-link:hover{background:var(--bg-tertiary);color:var(--color-text-primary)}.sidebar-link-active{background:var(--color-primary);color:#fff!important}.sidebar-divider{height:1px;background:var(--color-border);margin:8px 16px}.sidebar-section{padding:8px 12px;flex:1}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px}.sidebar-section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.sidebar-section-add{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all var(--transition-fast)}.sidebar-section-add:hover{background:var(--bg-tertiary);color:var(--color-text-primary)}.sidebar-bottom{padding:16px;display:flex;flex-direction:column;gap:12px}.sidebar-storage{display:flex;flex-direction:column;gap:8px}.sidebar-storage-header{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-secondary)}.sidebar-storage-bar{height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.sidebar-storage-fill{height:100%;width:var(--fill-width, 0%);background:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-slow)}.sidebar-storage-text{font-size:12px;color:var(--color-text-muted)}.sidebar-upgrade{display:flex;align-items:center;gap:10px;padding:12px;background:linear-gradient(135deg,#5b3fd615,#7a63f715);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.sidebar-upgrade:hover{border-color:var(--color-primary)}.sidebar-upgrade-title{font-size:13px;font-weight:600;color:var(--color-text-primary)}.sidebar-upgrade-desc{font-size:11px;color:var(--color-text-muted)}.sidebar-settings{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:14px;transition:all var(--transition-fast)}.sidebar-settings:hover{background:var(--bg-tertiary);color:var(--color-text-primary)}.sidebar-toggle{position:absolute;top:50%;right:-12px;transform:translateY(-50%);width:24px;height:24px;background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);z-index:10;transition:all var(--transition-fast)}.sidebar-toggle:hover{color:var(--color-primary);border-color:var(--color-primary)}.right-panel{width:var(--right-panel-width);background:var(--bg-secondary);border-left:1px solid var(--color-border);overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px;flex-shrink:0}.right-panel-card{display:flex;flex-direction:column;gap:12px}.right-panel-title{font-size:14px;font-weight:600;color:var(--color-text-primary)}.study-session-card{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:12px}.study-session-file{font-size:14px;font-weight:500;color:var(--color-text-primary)}.study-session-timer{font-size:32px;font-weight:700;color:var(--color-primary);font-variant-numeric:tabular-nums}.study-session-controls{display:flex;gap:8px}.activity-list{display:flex;flex-direction:column;gap:4px}.activity-item{display:flex;align-items:flex-start;gap:10px;padding:8px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.activity-item:hover{background:var(--bg-tertiary)}.activity-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;margin-top:6px;flex-shrink:0}.activity-content{flex:1}.activity-name{font-size:13px;font-weight:500;color:var(--color-text-primary)}.activity-meta{font-size:12px;color:var(--color-text-muted)}.media-list{display:flex;flex-direction:column;gap:6px}.media-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-sm);transition:background var(--transition-fast);cursor:pointer}.media-item:hover{background:var(--bg-tertiary)}.media-item-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);flex-shrink:0}.media-item-info{flex:1;min-width:0}.media-item-name{font-size:13px;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-item-type{font-size:11px;color:var(--color-text-muted);text-transform:capitalize}.study-chart{display:flex;align-items:flex-end;gap:8px;height:120px;padding:8px 0}.study-chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.study-chart-bar{width:100%;background:var(--color-primary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:4px;height:var(--bar-height, 0%);transition:height var(--transition-slow)}.study-chart-label{font-size:11px;color:var(--color-text-muted)}.study-stats{display:flex;flex-direction:column;gap:6px}.study-stat{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-secondary)}.bottom-dock{height:var(--bottom-dock-height);background:var(--bg-secondary);border-top:1px solid var(--color-border);display:flex;position:relative;flex-shrink:0}.bottom-dock-left{flex:1;display:flex;flex-direction:column;overflow:hidden}.bottom-dock-right{width:500px;border-left:1px solid var(--color-border);display:flex;flex-direction:column}.bottom-dock-toggle{height:36px;display:flex;align-items:center;gap:8px;padding:0 16px;background:var(--bg-secondary);border-top:1px solid var(--color-border);font-size:13px;color:var(--color-text-secondary);cursor:pointer;flex-shrink:0}.bottom-dock-toggle:hover{background:var(--bg-tertiary)}.bottom-dock-close{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:18px;color:var(--color-text-muted);z-index:10}.bottom-dock-close:hover{background:var(--bg-tertiary);color:var(--color-text-primary)}.media-viewer{flex:1;display:flex;flex-direction:column}.media-viewer-content{flex:1;display:flex;flex-direction:column;background:var(--bg-primary)}.media-viewer-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--color-text-muted)}.media-viewer-placeholder .animate-spin{animation:spin 1s linear infinite}.media-viewer-img{max-width:100%;max-height:100%;object-fit:contain}.media-viewer-preview{display:flex;align-items:center;justify-content:center;flex:1}.media-viewer-pdf{border:none;min-height:300px}.media-viewer-text{border:none;min-height:300px;background:var(--bg-primary);font-family:Fira Code,Monaco,Consolas,monospace;font-size:13px;color:var(--color-text-primary)}.media-viewer-file-info{padding:8px 16px;border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.media-viewer-file-name{font-size:12px;color:var(--color-text-secondary);truncate:middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:180px}.media-viewer-download{padding:4px}.media-viewer-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--color-text-muted);font-size:14px}.media-viewer-controls{padding:12px 16px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:8px}.media-viewer-progress{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-muted)}.media-viewer-progress-bar{flex:1;height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.media-viewer-progress-fill{height:100%;width:var(--progress-width, 0%);background:var(--color-primary);border-radius:var(--radius-full)}.media-viewer-buttons{display:flex;align-items:center;justify-content:center;gap:12px}.media-viewer-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--color-text-secondary);transition:all var(--transition-fast)}.media-viewer-btn:hover{background:var(--bg-tertiary);color:var(--color-text-primary)}.media-viewer-play{background:var(--color-primary);color:#fff}.media-viewer-play:hover{background:var(--color-primary-hover);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-md);font-weight:500;font-size:14px;transition:all var(--transition-fast);white-space:nowrap;border:1px solid transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:13px;height:32px}.btn-md{padding:8px 16px;height:40px}.btn-lg{padding:12px 24px;height:48px;font-size:15px}.btn-icon{width:40px;height:40px;padding:0;position:relative}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-tertiary);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-border)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--color-text-primary)}.btn-outline{background:transparent;border-color:var(--color-border);color:var(--color-text-primary)}.btn-outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.card{background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.card-hover:hover{box-shadow:var(--shadow-hover);transform:translateY(calc(-1 * var(--hover-lift))) scale(var(--hover-scale))}.card-header{padding:16px 20px;border-bottom:1px solid var(--color-border-light)}.card-body{padding:16px 20px}.card-footer{padding:12px 20px;border-top:1px solid var(--color-border-light)}.card-title{font-size:18px;font-weight:600;color:var(--color-text-primary)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:#fff}.badge-purple{background:#5b3fd6}.badge-blue{background:#3b82f6}.badge-red{background:#ef4444}.badge-green{background:#22c55e}.badge-yellow{background:#f59e0b}.badge-gray{background:#6b7280}.badge-pink{background:#ec4899}.avatar{border-radius:50%;object-fit:cover;flex-shrink:0}.avatar-sm{width:32px;height:32px}.avatar-md{width:40px;height:40px}.avatar-lg{width:56px;height:56px}.avatar-fallback{display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-weight:600;font-size:14px}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-size:13px;font-weight:500;color:var(--color-text-primary)}.input-wrapper{position:relative;display:flex;align-items:center}.input{width:100%;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;color:var(--color-text-primary);transition:all var(--transition-fast);outline:none}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #5b3fd61a}.input::placeholder{color:var(--color-text-muted)}.input-with-icon{padding-left:40px}.input-icon{position:absolute;left:12px;color:var(--color-text-muted);pointer-events:none}.input-error{border-color:var(--color-danger)}.input-error-text{font-size:12px;color:var(--color-danger)}.textarea{min-height:100px;resize:vertical}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.search-bar{display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 14px;height:44px;transition:all var(--transition-fast)}.search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #5b3fd61a}.search-icon{color:var(--color-text-muted);margin-right:10px;flex-shrink:0}.search-input{flex:1;border:none;background:none;outline:none;font-size:14px;color:var(--color-text-primary)}.search-input::placeholder{color:var(--color-text-muted)}.search-shortcut{display:flex;align-items:center;gap:4px;padding:2px 6px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:11px;color:var(--color-text-muted);font-family:inherit}.tabs{display:flex;gap:4px;background:var(--bg-tertiary);padding:4px;border-radius:var(--radius-md);overflow-x:auto}.tab{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--color-text-secondary);white-space:nowrap;transition:all var(--transition-fast)}.tab:hover{color:var(--color-text-primary)}.tab-active{background:var(--bg-secondary);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.tab-count{font-size:11px;padding:1px 6px;background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--color-text-muted)}.tabs-underline{background:transparent;padding:0;border-bottom:1px solid var(--color-border);gap:24px}.tab-underline{padding:12px 4px;border-radius:0;border-bottom:3px solid transparent;background:transparent;font-size:15px;font-weight:600}.tab-underline:hover{color:var(--color-text-primary);background:transparent}.tab-underline-active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:transparent}.dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 4px);background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:180px;z-index:1000;padding:4px;animation:dropdownIn .15s ease}.dropdown-right{right:0}.dropdown-left{left:0}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;color:var(--color-text-secondary);text-align:left;transition:all var(--transition-fast)}.dropdown-item:hover{background:var(--bg-tertiary);color:var(--color-text-primary)}.dropdown-item:disabled{opacity:.5;cursor:not-allowed}.dropdown-divider{height:1px;background:var(--color-border);margin:4px 0}.context-menu{background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);min-width:160px;padding:4px;animation:dropdownIn .15s ease;top:var(--menu-top, 0);left:var(--menu-left, 0);z-index:9999}.context-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;color:var(--color-text-secondary);text-align:left;transition:all var(--transition-fast)}.context-menu-item:hover{background:var(--bg-tertiary);color:var(--color-text-primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.modal{background:var(--bg-secondary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-height:90vh;overflow-y:auto;animation:scaleIn .2s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-sm{max-width:400px}.modal-md{max-width:520px}.modal-lg{max-width:680px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border)}.modal-title{font-size:18px;font-weight:600;color:var(--color-text-primary)}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:8px}.progress{display:flex;align-items:center;gap:8px}.progress-track{flex:1;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-sm .progress-track{height:4px}.progress-md .progress-track{height:6px}.progress-lg .progress-track{height:8px}.progress-fill{height:100%;width:var(--fill-width, 0%);border-radius:var(--radius-full);transition:width var(--transition-slow)}.progress-purple{background:var(--color-primary)}.progress-green{background:var(--color-success)}.progress-blue{background:var(--color-info)}.progress-red{background:var(--color-danger)}.progress-yellow{background:var(--color-warning)}.progress-label{font-size:12px;font-weight:600;color:var(--color-text-secondary);min-width:36px}.skeleton{background:var(--bg-tertiary);border-radius:var(--radius-sm);animation:skeletonPulse 1.5s ease-in-out infinite}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton-card{display:flex;flex-direction:column}.skeleton-thumbnail{height:140px;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.skeleton-title{height:16px;width:70%;margin-bottom:8px}.skeleton-text{height:12px;width:100%}.skeleton-text.short{width:50%}.skeleton-list{display:flex;flex-direction:column;gap:8px}.skeleton-list-item{height:48px;border-radius:var(--radius-md)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:50%;color:var(--color-text-muted);margin-bottom:20px}.empty-state-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px}.empty-state-desc{font-size:14px;color:var(--color-text-secondary);margin-bottom:20px;max-width:320px}.tree-view{display:flex;flex-direction:column;gap:1px}.tree-node-content{display:flex;align-items:center;gap:4px;padding:6px 8px;padding-left:var(--node-padding, 8px);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.tree-node-content[draggable=true]{cursor:grab}.tree-node-content[draggable=true]:active{cursor:grabbing}.tree-node-content.dragging{opacity:.4;background:var(--bg-tertiary)}.tree-node-dragover{background:#5b3fd614;border:1px dashed var(--color-primary);border-radius:var(--radius-sm)}.tree-node-dragover:before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--color-primary);border-radius:1px}.tree-node-grip{display:flex;align-items:center;color:var(--color-text-muted);opacity:0;transition:opacity var(--transition-fast)}.tree-node-content:hover .tree-node-grip{opacity:.5}.tree-node-content:hover{background:var(--bg-tertiary)}.tree-node-active{background:var(--color-primary);color:#fff}.tree-node-active .tree-node-count{background:#fff3;color:#fff}.tree-node-toggle{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);border-radius:var(--radius-sm)}.tree-node-toggle:hover{background:var(--color-border)}.tree-node-spacer{width:20px}.tree-node-icon{display:flex;align-items:center;color:var(--icon-color, var(--color-primary))}.tree-node-label{flex:1;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-node-count{font-size:11px;padding:1px 6px;background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--color-text-muted)}.floating-timer{position:fixed;bottom:24px;right:24px;background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:16px;min-width:240px;z-index:9000;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.floating-timer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.floating-timer-title{font-size:13px;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.floating-timer-actions{display:flex;gap:2px}.floating-timer-display{font-size:28px;font-weight:700;color:var(--color-primary);font-variant-numeric:tabular-nums;margin-bottom:4px}.floating-timer-footer{display:flex;align-items:center;justify-content:space-between}.floating-timer-status{font-size:12px;color:var(--color-success);font-weight:500}.floating-timer-collapse{font-size:11px;color:var(--color-text-muted)}.floating-pill{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:8px;background:var(--color-primary);color:#fff;padding:8px 16px;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);cursor:pointer;z-index:9000;font-size:13px;font-weight:600;transition:all var(--transition-fast)}.floating-pill:hover{background:var(--color-primary-hover);transform:scale(1.05)}.floating-pill-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.dialog{background:var(--bg-secondary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-height:90vh;overflow-y:auto;animation:scaleIn .2s ease}.dialog-sm{max-width:400px}.dialog-md{max-width:520px}.dialog-lg{max-width:680px}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border)}.dialog-title{font-size:18px;font-weight:600;color:var(--color-text-primary)}.dialog-body{padding:24px}.dialog-footer{padding:16px 24px;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:8px}.tooltip-wrapper{position:relative;display:inline-flex}.tooltip{position:absolute;background:var(--color-text-primary);color:var(--bg-secondary);padding:6px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;white-space:nowrap;z-index:9999;pointer-events:none;animation:fadeIn .15s ease}.tooltip-top{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.tooltip-bottom{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.tooltip-left{right:calc(100% + 6px);top:50%;transform:translateY(-50%)}.tooltip-right{left:calc(100% + 6px);top:50%;transform:translateY(-50%)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;animation:fadeIn .2s ease}.drawer{position:fixed;background:var(--bg-secondary);box-shadow:var(--shadow-xl);z-index:1001;display:flex;flex-direction:column;transition:transform var(--transition-normal)}.drawer-right{top:0;right:0;height:100%;transform:translate(100%)}.drawer-left{top:0;left:0;height:100%;transform:translate(-100%)}.drawer-top{top:0;left:0;width:100%;transform:translateY(-100%)}.drawer-bottom{bottom:0;left:0;width:100%;transform:translateY(100%)}.drawer-open{transform:translate(0) translateY(0)}.drawer-sm{width:320px}.drawer-md{width:440px}.drawer-lg{width:560px}.drawer-top.drawer-sm,.drawer-bottom.drawer-sm{height:240px}.drawer-top.drawer-md,.drawer-bottom.drawer-md{height:360px}.drawer-top.drawer-lg,.drawer-bottom.drawer-lg{height:480px}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border)}.drawer-title{font-size:18px;font-weight:600;color:var(--color-text-primary)}.drawer-body{flex:1;overflow-y:auto;padding:24px}.accordion{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.accordion-item{border-bottom:1px solid var(--color-border)}.accordion-item:last-child{border-bottom:none}.accordion-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;font-size:14px;font-weight:500;color:var(--color-text-primary);transition:background var(--transition-fast)}.accordion-header:hover{background:var(--bg-tertiary)}.accordion-icon{color:var(--color-text-muted);transition:transform var(--transition-fast)}.accordion-open .accordion-icon{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height var(--transition-normal)}.accordion-open .accordion-content{max-height:500px}.accordion-content-inner{padding:0 16px 16px;font-size:14px;color:var(--color-text-secondary)}.toast-container{position:fixed;top:20px;right:20px;z-index:99999;display:flex;flex-direction:column;gap:8px}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:280px;max-width:400px;animation:slideInRight .3s ease;border-left:3px solid var(--toast-color, var(--color-info))}.toast-icon{color:var(--toast-color, var(--color-info));flex-shrink:0}.toast-message{flex:1;font-size:13px;color:var(--color-text-primary)}.toast-close{color:var(--color-text-muted);padding:2px;border-radius:var(--radius-sm)}.toast-close:hover{background:var(--bg-tertiary);color:var(--color-text-primary)}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.date-picker{position:relative}.date-picker-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;cursor:pointer;transition:border-color var(--transition-fast)}.date-picker-trigger:hover{border-color:var(--color-primary)}.date-picker-icon{color:var(--color-text-muted)}.date-picker-value{color:var(--color-text-primary)}.date-picker-placeholder{color:var(--color-text-muted)}.date-picker-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:12px;z-index:100;min-width:280px;animation:dropdownIn .15s ease}.date-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.date-picker-nav{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-secondary)}.date-picker-nav:hover{background:var(--bg-tertiary)}.date-picker-month{font-size:14px;font-weight:600;color:var(--color-text-primary)}.date-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.date-picker-day-label{text-align:center;font-size:11px;font-weight:600;color:var(--color-text-muted);padding:4px}.date-picker-day-empty{padding:4px}.date-picker-day{text-align:center;padding:6px;border-radius:var(--radius-sm);font-size:13px;color:var(--color-text-secondary);transition:all var(--transition-fast)}.date-picker-day:hover{background:var(--bg-tertiary);color:var(--color-text-primary)}.date-picker-day-selected{background:var(--color-primary);color:#fff}.date-picker-day-today{border:1px solid var(--color-primary);color:var(--color-primary)}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;border:2px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.upload-zone:hover,.upload-zone-dragover{border-color:var(--color-primary);background:#5b3fd608}.upload-icon{color:var(--color-text-muted);margin-bottom:8px}.upload-text{font-size:14px;font-weight:500;color:var(--color-text-primary);margin-bottom:4px}.upload-hint{font-size:12px;color:var(--color-text-muted)}.upload-input{display:none}.upload-files{display:flex;flex-direction:column;gap:6px;margin-top:12px}.upload-file{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.upload-file-icon{color:var(--color-text-muted)}.upload-file-info{flex:1;display:flex;flex-direction:column}.upload-file-name{font-size:13px;color:var(--color-text-primary)}.upload-file-size{font-size:11px;color:var(--color-text-muted)}.upload-file-success{color:var(--color-success)}.upload-file-error{font-size:11px;color:var(--color-danger)}.upload-file-remove{color:var(--color-text-muted);padding:2px}.upload-file-remove:hover{color:var(--color-danger)}.confirm-dialog{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.confirm-dialog-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%}.confirm-dialog-icon-danger{background:#ef444415;color:var(--color-danger)}.confirm-dialog-icon-warning{background:#f59e0b15;color:var(--color-warning)}.confirm-dialog-icon-primary{background:#5b3fd615;color:var(--color-primary)}.confirm-dialog-message{font-size:14px;color:var(--color-text-secondary);line-height:1.5}.pagination{display:flex;align-items:center;gap:4px}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--color-text-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-active{background:var(--color-primary);color:#fff}.pagination-active:hover{background:var(--color-primary-hover)!important;color:#fff!important}.pagination-dots{cursor:default}.analytics-card{padding:20px;background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.analytics-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.analytics-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border-radius:var(--radius-md)}.analytics-card-change{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.analytics-card-change-up{background:#22c55e15;color:var(--color-success)}.analytics-card-change-down{background:#ef444415;color:var(--color-danger)}.analytics-card-change-neutral{background:var(--bg-tertiary);color:var(--color-text-secondary)}.analytics-card-title{font-size:13px;color:var(--color-text-muted);margin-bottom:4px}.analytics-card-value{font-size:24px;font-weight:700;color:var(--color-text-primary)}.analytics-card-desc{font-size:12px;color:var(--color-text-muted);margin-top:4px}.viewer{display:flex;flex-direction:column;background:var(--bg-primary);border-radius:var(--radius-md);overflow:hidden}.viewer-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;border-radius:0}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--color-border)}.viewer-filename{font-size:14px;font-weight:500;color:var(--color-text-primary)}.viewer-actions{display:flex;align-items:center;gap:4px}.viewer-zoom{font-size:12px;color:var(--color-text-muted);min-width:40px;text-align:center}.viewer-content{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;padding:20px}.viewer-preview{transition:transform var(--transition-fast)}.viewer-preview img{max-width:100%;max-height:70vh;object-fit:contain}.viewer-pdf{width:100%;height:70vh;background:var(--bg-tertiary);border-radius:var(--radius-md);overflow:hidden}.viewer-placeholder{text-align:center;color:var(--color-text-muted)}.viewer-placeholder svg{margin-bottom:16px;opacity:.4}.viewer-placeholder-name{font-size:14px;font-weight:500;color:var(--color-text-primary);margin-top:8px}.player{display:flex;flex-direction:column;background:#000;border-radius:var(--radius-md);overflow:hidden;flex:1;max-height:100%}.player-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;border-radius:0}.player-video-container{position:relative;flex:1;display:flex;align-items:center;justify-content:center;background:#000;min-height:180px;max-height:calc(100% - 140px)}.player-video{width:100%;height:100%;max-height:100%;object-fit:contain}.player-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;color:#fff;cursor:pointer}.player-controls{padding:8px 16px;background:#000000e6}.player-time-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.player-time-small{font-size:11px;color:#ffffff80;font-variant-numeric:tabular-nums}.player-controls .btn{color:#ffffffb3}.player-controls .btn:hover{color:#fff;background:#ffffff1a}.player-controls .btn.active{color:var(--color-primary);background:#ffffff1a}.player-progress-container{position:relative;cursor:pointer;margin-bottom:8px}.player-seek{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:var(--radius-full);cursor:pointer}.player-shortcut{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);font-size:9px;font-weight:600;color:#fff9;pointer-events:none;white-space:nowrap}.player-seek::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--color-primary);border-radius:50%;cursor:pointer}.player-controls-row{display:flex;align-items:center;justify-content:space-between}.player-left,.player-right{display:flex;align-items:center;gap:4px}.player-time{font-size:12px;color:#ffffffb3;margin-left:8px;font-variant-numeric:tabular-nums}.player-volume{display:flex;align-items:center;gap:4px}.player-volume-slider{width:60px;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:var(--radius-full);cursor:pointer}.player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;background:#fff;border-radius:50%}.player-speed{position:relative}.player-speed-menu{position:absolute;bottom:calc(100% + 4px);right:0;background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:4px;z-index:100;min-width:80px}.player-speed-option{display:block;width:100%;padding:6px 12px;text-align:left;font-size:13px;color:var(--color-text-secondary);border-radius:var(--radius-sm)}.player-speed-option:hover,.player-speed-option.active{background:var(--bg-tertiary);color:var(--color-text-primary)}.player-controls .active{color:var(--color-primary)}.import-export{display:flex;gap:4px}.setup-wizard{background:var(--bg-secondary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:600px;max-height:80vh;overflow-y:auto;animation:scaleIn .2s ease}.setup-wizard-header{padding:24px 24px 0}.setup-wizard-progress{display:flex;align-items:center;justify-content:space-between;position:relative}.setup-wizard-progress:before{content:"";position:absolute;top:16px;left:0;right:0;height:2px;background:var(--color-border);z-index:0}.setup-step{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;z-index:1}.setup-step-dot{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-tertiary);border:2px solid var(--color-border);color:var(--color-text-muted);transition:all var(--transition-normal)}.setup-step.active .setup-step-dot{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.setup-step.done .setup-step-dot{border-color:var(--color-success);background:var(--color-success);color:#fff}.setup-step-label{font-size:11px;color:var(--color-text-muted);font-weight:500}.setup-step.active .setup-step-label{color:var(--color-primary)}.setup-wizard-body{padding:32px 24px}.setup-content{text-align:center}.setup-content h3{font-size:20px;font-weight:600;color:var(--color-text-primary);margin-bottom:12px}.setup-content p{font-size:14px;color:var(--color-text-secondary);margin-bottom:20px}.setup-features{display:flex;flex-direction:column;gap:12px;text-align:left;max-width:320px;margin:0 auto}.setup-feature-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:13px;color:var(--color-text-secondary)}.setup-feature-item svg{color:var(--color-primary)}.setup-providers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:360px;margin:0 auto}.setup-provider{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast)}.setup-provider:hover{border-color:var(--color-primary)}.setup-provider.active{border-color:var(--color-primary);background:#5b3fd60d;color:var(--color-primary)}.setup-validating{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px}.setup-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.setup-validated{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--color-success)}.setup-complete{display:flex;flex-direction:column;align-items:center;gap:12px}.setup-complete svg{color:var(--color-success)}.setup-wizard-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--color-border)}.setup-wizard-footer-right{display:flex;gap:8px;margin-left:auto}.bookmark-form{display:flex;flex-direction:column;gap:16px}.bookmark-form-type-selector{display:flex;flex-wrap:wrap;gap:6px}.type-option{padding:6px 12px;border-radius:var(--radius-full);border:1px solid var(--color-border);font-size:12px;font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast)}.type-option:hover{border-color:var(--type-color, var(--color-primary));color:var(--type-color, var(--color-primary))}.type-option.active{background:var(--type-color, var(--color-primary));border-color:var(--type-color, var(--color-primary));color:#fff}.type-option-label{white-space:nowrap}.modal-footer-actions{display:flex;align-items:center;justify-content:space-between;width:100%}.modal-footer-right{display:flex;gap:8px}.thumbnail-section{display:flex;flex-direction:column;gap:8px}.thumbnail-upload-area-full{width:100%;height:160px;border:2px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);overflow:hidden;position:relative}.thumbnail-upload-area-full:hover{border-color:var(--color-primary);background:#5b3fd608}.thumbnail-preview-wrapper-full{width:100%;height:100%;position:relative}.thumbnail-preview-img-full{width:100%;height:100%;object-fit:cover}.thumbnail-delete-btn-full{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#0009;color:#fff;border-radius:50%;opacity:0;transition:opacity var(--transition-fast);z-index:2}.thumbnail-upload-area-full:hover .thumbnail-delete-btn-full{opacity:1}.thumbnail-delete-btn-full:hover{background:var(--color-danger)}.thumbnail-upload-placeholder-full{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--color-text-muted)}.thumbnail-upload-placeholder-full svg{opacity:.5}.thumbnail-upload-placeholder-full span{font-size:13px}.thumbnail-file-input{display:none}.thumbnail-priority-note{font-size:11px;color:var(--color-text-muted);padding:6px 10px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.bookmark-card{display:flex;flex-direction:column;overflow:hidden;cursor:pointer;min-width:280px;max-width:524px;position:relative}.bookmark-card-badge{position:absolute;top:10px;right:10px;z-index:5;transition:opacity var(--transition-fast)}.bookmark-card-thumbnail:hover~.bookmark-card-badge{opacity:0;pointer-events:none}.card-delete-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--color-danger);border-radius:50%;opacity:0;transition:all var(--transition-fast);z-index:10;box-shadow:var(--shadow-sm)}.bookmark-card:hover .card-delete-btn{opacity:1}.card-delete-btn:hover{background:var(--color-danger);color:#fff}.card-pin-btn{position:absolute;top:46px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--color-warning);border-radius:50%;opacity:0;transition:all var(--transition-fast);z-index:10;box-shadow:var(--shadow-sm)}.bookmark-card:hover .card-pin-btn{opacity:1}.card-pin-btn:hover{background:var(--color-warning);color:#fff}.card-pin-btn.active{opacity:1;background:#fff;color:var(--color-warning)}.card-pin-btn.active:hover{background:var(--color-warning);color:#fff}.bookmark-card:hover .bookmark-card-badge{opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.bookmarks-list .bookmark-card:hover .bookmark-card-badge{opacity:0;pointer-events:none}.bookmark-card-badge{position:absolute;top:10px;right:10px;z-index:5}.bookmarks-list .bookmark-card-badge{top:8px;right:8px;left:auto;z-index:10}.bookmark-card-thumbnail{height:140px;background:var(--bg-tertiary);position:relative;overflow:hidden;aspect-ratio:16 / 9}.thumbnail-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.thumbnail-redirect-btn{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border-radius:50%;transition:all var(--transition-fast)}.thumbnail-redirect-btn:hover{background:var(--color-primary-hover);transform:scale(1.1)}.thumbnail-delete-btn-card{position:absolute;top:8px;right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;color:var(--color-danger);border-radius:50%;transition:all var(--transition-fast)}.thumbnail-delete-btn-card:hover{background:var(--color-danger);color:#fff}.bookmark-card-thumbnail img{width:100%;height:100%;object-fit:cover}.bookmark-card-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-tertiary),var(--color-border-light))}.bookmark-card-type-icon{font-size:36px;color:var(--badge-color, var(--color-text-primary))}.bookmark-card-badge{position:absolute;top:10px;right:10px}.bookmark-card-body{padding:14px 16px;flex:1;display:flex;flex-direction:column;gap:4px}.bookmark-card-title{font-size:15px;font-weight:600;color:var(--color-text-primary);line-height:1.3}.bookmark-card-desc{font-size:13px;color:var(--color-text-secondary);line-height:1.4}.bookmark-card-url{font-size:12px;color:var(--color-text-muted)}.bookmark-card-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--color-border-light)}.bookmark-card-meta{display:flex;align-items:center;gap:8px}.bookmark-card-time{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text-muted)}.bookmark-card-actions{display:flex;align-items:center;gap:4px}.bookmark-card-action{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all var(--transition-fast)}.bookmark-card-action:hover{background:var(--bg-tertiary);color:var(--color-text-primary)}.bookmark-card-action.active{color:var(--color-danger)}.bookmark-card-action.danger:hover{background:#ef444415;color:var(--color-danger)}.view-modal{background:var(--bg-secondary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;animation:scaleIn .2s ease}.view-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border)}.view-modal-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0}.view-modal-body{padding:24px}.view-modal-thumbnail{width:100%;height:200px;border-radius:var(--radius-md);overflow:hidden;margin-bottom:16px;background:var(--bg-tertiary)}.view-modal-thumbnail img{width:100%;height:100%;object-fit:cover}.view-modal-info{display:flex;flex-direction:column;gap:12px}.view-modal-type{display:flex;align-items:center;gap:8px}.view-modal-type-badge{padding:2px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.view-modal-favorite{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-danger)}.view-modal-desc{font-size:14px;color:var(--color-text-secondary);line-height:1.5}.view-modal-url{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-primary);word-break:break-all}.view-modal-url:hover{text-decoration:underline}.view-modal-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--color-text-muted)}.view-modal-clicks{display:flex;align-items:center;gap:4px;color:var(--color-primary);font-weight:500}.view-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--color-border)}.bookmark-card-favorite{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all var(--transition-fast)}.bookmark-card-favorite:hover{background:var(--bg-tertiary);color:var(--color-danger)}.bookmark-card-favorite.active{color:var(--color-danger)}.bookmark-card-more{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all var(--transition-fast)}.bookmark-card-more:hover{background:var(--bg-tertiary);color:var(--color-text-primary)}.dashboard{display:flex;flex-direction:column;gap:24px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stats-grid-bottom{grid-template-columns:repeat(3,1fr)}.stat-card{padding:16px;display:flex;align-items:flex-start;gap:12px}.stat-card-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0;background:var(--icon-bg, var(--bg-tertiary));color:var(--icon-color, var(--color-text-primary))}.stat-card-content{flex:1;min-width:0}.stat-card-label{font-size:12px;color:var(--color-text-muted);font-weight:500}.stat-card-value{font-size:22px;font-weight:700;color:var(--color-text-primary);line-height:1.2}.stat-card-desc{font-size:11px;color:var(--color-text-muted);margin-top:2px}.filter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.filter-tabs{flex:1}.filter-actions{display:flex;align-items:center;gap:8px}.filter-sort{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.filter-sort:hover{border-color:var(--color-primary)}.view-toggle{display:flex;background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:2px}.view-toggle-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all var(--transition-fast)}.view-toggle-btn:hover{color:var(--color-text-primary)}.view-toggle-btn.active{background:var(--bg-secondary);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.content-header{display:flex;align-items:center;justify-content:space-between}.content-header-actions{display:flex;gap:8px}.content-title{font-size:18px;font-weight:600;color:var(--color-text-primary)}.bookmarks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;min-width:0;overflow:hidden}.bookmarks-grid>*{min-width:0;overflow:hidden}.bookmarks-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.bookmarks-list .bookmark-card{flex-direction:row;height:auto;max-width:100%;flex-wrap:wrap}.bookmarks-list .bookmark-card-thumbnail{width:160px;height:120px;flex-shrink:0}.bookmarks-list .bookmark-card-body{flex:1;min-width:0}.bookmarks-list .bookmark-card-footer{width:100%;border-top:1px solid var(--color-border-light);padding-top:8px;margin-top:auto}.page{display:flex;flex-direction:column;gap:24px}.page-header{display:flex;align-items:center;justify-content:space-between}.page-title{font-size:24px;font-weight:700;color:var(--color-text-primary)}.page-subtitle{font-size:14px;color:var(--color-text-secondary);margin-top:2px}.collections-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.collection-card{padding:20px;display:flex;flex-direction:column;gap:12px}.collection-card-header{display:flex;align-items:center;justify-content:space-between}.collection-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--icon-bg, var(--bg-tertiary));color:var(--icon-color, var(--color-text-primary))}.collection-card-more{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-muted);opacity:0;transition:all var(--transition-fast)}.collection-card:hover .collection-card-more{opacity:1}.collection-card-more:hover{background:var(--bg-tertiary);color:var(--color-text-primary)}.collection-card-name{font-size:16px;font-weight:600;color:var(--color-text-primary)}.collection-card-desc{font-size:13px;color:var(--color-text-secondary);line-height:1.4}.collection-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--color-border-light)}.collection-card-count{font-size:13px;font-weight:500;color:var(--color-text-primary)}.collection-card-updated{font-size:12px;color:var(--color-text-muted)}.study-period-tabs{display:flex;gap:4px;background:var(--bg-tertiary);padding:4px;border-radius:var(--radius-md)}.period-tab{padding:6px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast)}.period-tab:hover{color:var(--color-text-primary)}.period-tab.active{background:var(--bg-secondary);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.study-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.study-stat-card{padding:20px;display:flex;align-items:center;gap:16px}.study-stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0;background:var(--icon-bg, var(--bg-tertiary));color:var(--icon-color, var(--color-text-primary))}.study-stat-label{font-size:13px;color:var(--color-text-muted)}.study-stat-value{font-size:24px;font-weight:700;color:var(--color-text-primary)}.study-stat-desc{font-size:12px;color:var(--color-text-muted)}.study-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.study-chart-card{padding:24px}.study-chart{display:flex;align-items:flex-end;gap:12px;height:180px;padding:16px 0}.study-chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.study-chart-value{font-size:11px;font-weight:600;color:var(--color-text-secondary)}.study-chart-bar{width:100%;background:linear-gradient(180deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:4px;transition:height var(--transition-slow)}.study-chart-label{font-size:12px;color:var(--color-text-muted);font-weight:500}.study-sessions-card{padding:24px}.sessions-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.session-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-md);transition:background var(--transition-fast)}.session-item:hover{background:var(--bg-tertiary)}.session-item-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);flex-shrink:0}.session-item-content{flex:1}.session-item-title{font-size:14px;font-weight:500;color:var(--color-text-primary)}.session-item-meta{font-size:12px;color:var(--color-text-muted)}.settings-layout{display:flex;gap:24px}.settings-sidebar{width:220px;display:flex;flex-direction:column;gap:4px;flex-shrink:0}.settings-tab{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--color-text-secondary);text-align:left;transition:all var(--transition-fast)}.settings-tab:hover{background:var(--bg-tertiary);color:var(--color-text-primary)}.settings-tab.active{background:var(--color-primary);color:#fff}.settings-content{flex:1}.settings-card{padding:24px}.settings-section-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin-bottom:20px}.settings-section{margin-bottom:24px}.settings-label{font-size:14px;font-weight:500;color:var(--color-text-primary);margin-bottom:10px}.settings-form{display:flex;flex-direction:column;gap:16px;max-width:400px}.theme-options{display:flex;gap:12px}.theme-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 20px;border:2px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);min-width:100px}.theme-option:hover{border-color:var(--color-primary)}.theme-option.active{border-color:var(--color-primary);background:#5b3fd60d}.theme-option-icon{font-size:24px}.theme-option-label{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.settings-toggles{display:flex;flex-direction:column;gap:12px}.toggle-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.toggle-label{font-size:14px;font-weight:500;color:var(--color-text-primary)}.toggle-desc{font-size:13px;color:var(--color-text-muted);margin-top:2px}.toggle-switch{width:44px;height:24px;background:var(--color-border);border-radius:var(--radius-full);position:relative;transition:background var(--transition-fast);flex-shrink:0}.toggle-switch.active{background:var(--color-primary)}.toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm)}.toggle-switch.active .toggle-knob{transform:translate(20px)}.storage-info{margin-bottom:20px}.storage-bar{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:8px}.storage-fill{height:100%;width:var(--fill-width, 0%);background:var(--color-primary);border-radius:var(--radius-full)}.storage-text{font-size:14px;color:var(--color-text-secondary)}.storage-breakdown{display:flex;flex-direction:column;gap:12px}.storage-item{display:flex;align-items:center;gap:12px}.storage-item-label{font-size:13px;color:var(--color-text-secondary);width:80px}.storage-item-bar{flex:1;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.storage-item-fill{height:100%;width:var(--fill-width, 0%);background:var(--color-primary);border-radius:var(--radius-full)}.storage-item-size{font-size:13px;color:var(--color-text-muted);width:60px;text-align:right}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:16px}.auth-container{display:flex;width:100%;max-width:900px;min-height:520px;background:var(--bg-secondary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden}.auth-left{flex:1;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));padding:32px;display:flex;flex-direction:column;justify-content:space-between;color:#fff}.auth-brand{display:flex;flex-direction:column;gap:4px}.auth-logo{font-size:32px}.auth-brand-name{font-size:24px;font-weight:700}.auth-brand-tagline{font-size:14px;opacity:.8}.auth-features{display:flex;flex-direction:column;gap:14px}.auth-feature{display:flex;align-items:center;gap:12px}.auth-feature-icon{font-size:20px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:var(--radius-md)}.auth-feature h4{font-size:14px;font-weight:600}.auth-feature p{font-size:12px;opacity:.7}.auth-right{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:380px;padding:0;background:none;border:none;box-shadow:none}.auth-title{font-size:28px;font-weight:700;color:var(--color-text-primary);margin-bottom:6px}.auth-subtitle{font-size:16px;color:var(--color-text-secondary);margin-bottom:24px}.password-field{position:relative}.password-toggle{position:absolute;right:12px;top:36px;color:var(--color-text-muted);padding:4px;border-radius:var(--radius-sm);transition:color var(--transition-fast);z-index:2}.password-toggle:hover{color:var(--color-text-primary)}.password-strength{display:flex;align-items:center;gap:8px;margin-top:-8px}.password-strength-bar{flex:1;height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.password-strength-fill{height:100%;width:var(--strength-width, 0%);background:var(--strength-color, var(--color-danger));border-radius:var(--radius-full);transition:all var(--transition-normal)}.password-strength-label{font-size:11px;font-weight:600;min-width:48px;text-align:right}.password-rules{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md);margin-top:-8px}.password-rule{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-muted);transition:color var(--transition-fast)}.password-rule.passed{color:var(--color-success)}.password-rule svg{flex-shrink:0}.auth-error{padding:12px 16px;background:#ef444410;border:1px solid #EF444430;border-radius:var(--radius-md);color:var(--color-danger);font-size:13px;margin-bottom:16px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-submit{width:100%;margin-top:8px;font-size:16px}.auth-switch{text-align:center;margin-top:24px;font-size:16px;color:var(--color-text-secondary)}.auth-switch button{color:var(--color-primary);font-weight:600}.auth-switch button:hover{text-decoration:underline}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;min-height:400px}.error-boundary-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-danger);color:#fff;border-radius:50%;margin-bottom:20px;opacity:.15}.error-boundary-title{font-size:20px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px}.error-boundary-desc{font-size:14px;color:var(--color-text-secondary);margin-bottom:20px;max-width:400px}.error-boundary-details{width:100%;max-width:500px;margin-bottom:20px;text-align:left}.error-boundary-details summary{cursor:pointer;font-size:13px;color:var(--color-text-muted);padding:8px 0}.error-boundary-details pre{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:12px;font-size:12px;overflow-x:auto;color:var(--color-danger);max-height:200px;overflow-y:auto}.error-boundary-actions{display:flex;gap:8px}.trash-list{display:flex;flex-direction:column;gap:12px}.trash-item{padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.trash-item-content h4{font-size:15px;font-weight:500;color:var(--color-text-primary)}.trash-item-content p{font-size:13px;color:var(--color-text-muted)}.trash-item-actions{display:flex;gap:8px}@media(max-width:1600px){.stats-grid{grid-template-columns:repeat(4,1fr)}.stats-grid-bottom{grid-template-columns:repeat(3,1fr)}.bookmarks-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1400px){.stats-grid{grid-template-columns:repeat(4,1fr)}.stats-grid-bottom,.bookmarks-grid,.collections-grid{grid-template-columns:repeat(3,1fr)}.study-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1200px){.right-panel:not(.statistics-right-panel){display:none}.stats-grid,.bookmarks-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.header-sidebar-section{width:auto;padding:0 16px;border-right:none}.header-main-section{padding:0 16px}.sidebar{position:fixed;left:0;top:var(--header-height);height:calc(100vh - var(--header-height));z-index:50;transform:translate(-100%);box-shadow:var(--shadow-xl)}.sidebar:not(.sidebar-collapsed){transform:translate(0)}.stats-grid,.bookmarks-grid,.collections-grid{grid-template-columns:repeat(2,1fr)}.study-content-grid{grid-template-columns:1fr}.settings-layout{flex-direction:column}.settings-sidebar{width:100%;flex-direction:row;overflow-x:auto}.auth-container{flex-direction:column;max-width:420px;min-height:auto}.auth-left{padding:24px}.auth-features{display:none}.auth-right{padding:24px}.auth-page{padding:12px}.auth-form{gap:16px}}@media(max-width:768px){.header-center{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.bookmarks-grid,.collections-grid{grid-template-columns:1fr}.main-content{padding:16px}.bottom-dock{flex-direction:column;height:auto;max-height:50vh}.bottom-dock-right{width:100%}.header-right{gap:4px}.header-username{display:none}.filter-toolbar{flex-direction:column;align-items:stretch}.filter-actions{justify-content:space-between}.study-stats-grid{grid-template-columns:1fr 1fr}.page-header{flex-direction:column;align-items:flex-start;gap:12px}}.statistics-page{background:#fafbff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.statistics-content{width:100%;display:flex;flex-direction:column;gap:24px;min-width:0}.statistics-right-panel{width:290px;flex-shrink:0}.statistics-right-panel .right-panel-card{width:100%;background:#fff;border:1px solid #EDEDF2;border-radius:16px;box-shadow:0 4px 12px #1018280f;box-sizing:border-box}.statistics-rail{display:flex;flex-direction:column;gap:16px}.statistics-header{display:flex;align-items:center;justify-content:space-between;height:68px}.statistics-page-title{font-size:24px;font-weight:700;line-height:32px;color:#111827}.statistics-page-subtitle{font-size:14px;font-weight:400;line-height:20px;color:#6b7280;margin-top:4px}.statistics-header-controls{display:flex;align-items:center;gap:16px}.statistics-datepicker,.statistics-compare-btn{height:40px;padding:10px 14px;border:1px solid #E5E7EB;border-radius:8px;background:#fff;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s ease}.statistics-datepicker:hover,.statistics-compare-btn:hover{background:#f9fafb;border-color:#d1d5db}.statistics-datepicker svg,.statistics-compare-btn svg{color:#6b7280;flex-shrink:0}.stat-cards-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.stat-metric-card{width:100%;height:135px;background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:18px;box-shadow:0 1px 2px #1018280a,0 1px 3px #1018280f;transition:all .15s ease-out;box-sizing:border-box;overflow:hidden;position:relative}.stat-metric-card:hover{box-shadow:0 4px 8px #10182814;transform:translateY(-1px)}.stat-metric-label{font-size:13px;font-weight:500;line-height:18px;color:#6b7280;display:flex;align-items:center;gap:4px;height:18px}.stat-info-icon{color:#9ca3af;cursor:pointer}.stat-metric-value-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px;height:48px;gap:8px}.stat-metric-value{font-size:40px;font-weight:700;line-height:1.1;color:#111827;letter-spacing:-.02em}.stat-metric-unit{font-size:15px;font-weight:500;line-height:20px;color:#9ca3af;margin-left:4px}.stat-metric-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-metric-delta{display:flex;align-items:center;gap:4px;margin-top:8px;height:16px;color:#16a34a}.stat-metric-delta svg{color:#16a34a}.delta-percent{font-size:13px;font-weight:600}.delta-text{font-size:13px;font-weight:500;color:#9ca3af}.statistics-tabs{display:flex;gap:28px;border-bottom:1px solid #E5E7EB;height:44px}.statistics-tab{padding:10px 4px 14px;font-size:14px;font-weight:500;color:#4b5563;cursor:pointer;border:none;background:transparent;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s ease}.statistics-tab:hover{color:#111827}.statistics-tab.active{color:#2563eb;font-weight:600;border-bottom-color:#2563eb}.statistics-row{display:flex;gap:16px}.chart-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 2px #1018280a,0 1px 3px #1018280f;border:1px solid #F0F1F4}.combo-chart-card{width:592px;flex-shrink:0}.donut-chart-card{flex:1;min-width:0}.bar-chart-card{width:514px;flex-shrink:0}.chart-card-header{display:flex;align-items:center;justify-content:space-between;height:28px;margin-bottom:16px}.chart-card-title{font-size:16px;font-weight:700;line-height:22px;color:#111827;display:flex;align-items:center;gap:4px;margin:0}.chart-info-icon{color:#9ca3af;cursor:pointer}.chart-legend{display:flex;align-items:center;gap:20px}.legend-item{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#374151}.legend-dot{width:8px;height:8px;border-radius:999px;flex-shrink:0}.legend-dot.solid{background:#3b82f6}.legend-dot.dashed{background:transparent;border:1.5px dashed #9CA3AF}.view-all-btn{padding:6px 12px;border:1px solid #E5E7EB;border-radius:8px;font-size:13px;font-weight:600;color:#374151;background:#fff;cursor:pointer;transition:all .15s ease}.view-all-btn:hover{background:#f9fafb;border-color:#d1d5db}.view-details-btn{font-size:13px;font-weight:600;color:#2563eb;cursor:pointer;border:none;background:transparent;transition:all .15s ease}.view-details-btn:hover{color:#1d4ed8;text-decoration:underline}.combo-chart-svg{width:100%;height:auto}.donut-chart-container{display:flex;align-items:center;justify-content:center;gap:16px}.donut-svg{flex-shrink:0}.donut-legend{display:flex;flex-direction:column;gap:6px}.donut-legend-row{display:flex;align-items:center;gap:8px;height:22px}.donut-legend-dot{width:8px;height:8px;border-radius:999px;flex-shrink:0}.donut-legend-label{font-size:13px;font-weight:500;color:#374151}.donut-legend-value{font-size:13px;font-weight:500;color:#9ca3af}.bar-chart-svg{width:100%;height:auto}.table-card{background:#fff;border-radius:16px;padding:20px 20px 8px;box-shadow:0 1px 2px #1018280a,0 1px 3px #1018280f;border:1px solid #F0F1F4}.table-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.table-card-header-actions{display:flex;align-items:center;gap:12px}.table-card-header-actions .tabs{flex-shrink:0}.sessions-table{width:100%;border-collapse:collapse;table-layout:fixed}.sessions-table th{text-align:left;padding:10px 12px;font-size:13px;font-weight:600;color:#6b7280;border-bottom:1px solid #E5E7EB;height:36px}.sessions-table td{padding:12px;border-bottom:1px solid #F3F4F6;font-size:14px;height:56px;vertical-align:middle}.sessions-table tbody tr{transition:background .15s ease}.sessions-table th:last-child,.sessions-table td:last-child{text-align:right}.sessions-table tbody tr:hover{background:#f9fafb}.session-resource{display:flex;align-items:center;gap:12px;max-width:250px;min-width:0}.session-resource-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.session-resource-text{display:flex;flex-direction:column;gap:2px}.session-resource-title{font-size:14px;font-weight:600;line-height:20px;color:#111827}.session-resource-subtitle{font-size:12px;font-weight:500;line-height:16px;color:#9ca3af}.session-duration,.session-time{font-size:14px;font-weight:500;color:#374151}.type-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.focus-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;height:24px}.focus-badge.high{background:#ecfdf3;color:#16a34a}.focus-badge.medium{background:#fef3c7;color:#f59e0b}.focus-badge.low{background:#fee2e2;color:#ef4444}.no-sessions{text-align:center;padding:40px 20px;color:#9ca3af;font-size:14px}.stat-card-skeleton{flex:1;height:112px;background:#f3f4f6;border-radius:12px;animation:skeletonPulse 1.5s ease-in-out infinite}.statistics-right-rail{display:flex;flex-direction:column;gap:16px}.rail-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 2px #1018280a,0 1px 3px #1018280f;border:1px solid #F0F1F4}.rail-card-title{font-size:16px;font-weight:700;line-height:22px;color:#111827;margin:0 0 16px}.streak-card{height:232px}.streak-body{display:flex;flex-direction:column;gap:16px}.streak-flame-wrap{display:flex;align-items:center;gap:12px}.streak-flame-icon{width:48px;height:48px;border-radius:999px;background:#fef2e2;display:flex;align-items:center;justify-content:center;color:#f59e0b;flex-shrink:0}.streak-info{display:flex;flex-direction:column}.streak-value{font-size:24px;font-weight:700;color:#111827;line-height:1}.streak-unit{font-size:14px;font-weight:600;color:#374151;margin-left:4px}.streak-best{font-size:12px;font-weight:500;color:#9ca3af;margin-top:2px}.streak-week-row{display:flex;flex-direction:column;gap:8px}.streak-day-labels{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.streak-day-letter{font-size:12px;font-weight:600;color:#9ca3af}.streak-day-circles{display:grid;grid-template-columns:repeat(7,1fr);justify-items:center}.streak-day-circle{width:24px;height:24px;border-radius:999px;display:flex;align-items:center;justify-content:center}.streak-day-circle.completed{background:#22c55e;color:#fff}.streak-day-circle.today,.streak-day-circle.future{background:#f3f4f6;border:2px solid #E5E7EB}.streak-footer-text{font-size:13px;font-weight:500;color:#6b7280;text-align:center;margin:0}.heatmap-card{height:236px}.heatmap-body{display:flex;flex-direction:column;gap:10px}.heatmap-grid{display:flex;gap:8px}.heatmap-time-labels{display:flex;flex-direction:column;justify-content:space-between;padding:14px 0}.heatmap-time-label{font-size:10px;font-weight:500;color:#9ca3af}.heatmap-cells-container{flex:1;display:flex;flex-direction:column;gap:4px}.heatmap-day-labels{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.heatmap-day-label{font-size:10px;font-weight:500;color:#9ca3af}.heatmap-cells-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(8,1fr);gap:2px}.heatmap-cell{width:21px;height:13px;border-radius:4px}.heatmap-footer-text{font-size:12px;font-weight:500;color:#9ca3af;text-align:center;margin:0}.focus-card{min-height:200px}.focus-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.focus-header .rail-card-title{margin:0}.focus-body{display:flex;gap:8px;align-items:center}.focus-chart{width:110px;flex-shrink:0}.focus-sparkline-svg{width:100%;height:auto}.focus-stats{display:flex;flex-direction:column;justify-content:center;gap:4px}.focus-big-value{font-size:24px;font-weight:700;color:#111827}.focus-caption{font-size:12px;font-weight:500;color:#6b7280}.focus-delta{font-size:12px;font-weight:600;color:#16a34a}.subjects-card{height:236px}.subjects-header{display:flex;align-items:center;justify-content:space-between}.subjects-header .rail-card-title{margin:0}.subjects-list{display:flex;flex-direction:column;gap:14px}.subject-row{display:flex;align-items:flex-start;gap:8px}.subject-rank{font-size:13px;font-weight:600;color:#9ca3af;width:16px;flex-shrink:0;line-height:20px}.subject-info{flex:1;min-width:0}.subject-name-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.subject-name{font-size:14px;font-weight:600;color:#111827}.subject-value{font-size:13px;font-weight:600;color:#374151}.subject-progress-track{width:100%;height:6px;background:#f3f4f6;border-radius:999px;overflow:hidden}.subject-progress-fill{height:100%;border-radius:999px;transition:width .5s ease}.tab-placeholder{padding:60px 20px;text-align:center;color:#9ca3af;font-size:14px}@media(max-width:1440px){.combo-chart-card{width:500px}.bar-chart-card{width:440px}}@media(max-width:1280px){.statistics-row{flex-direction:column}.combo-chart-card,.bar-chart-card{width:100%}.stat-cards-grid{flex-wrap:wrap}.stat-metric-card{flex:1 1 calc(33% - 10px);min-width:150px}}@media(max-width:768px){.statistics-header{flex-direction:column;align-items:flex-start;height:auto;gap:12px}.statistics-header-controls{width:100%}.stat-metric-card{flex:1 1 100%}}.tab-content-grid{display:flex;flex-direction:column;gap:24px}.tab-content-row{display:flex;gap:16px}.time-dist-card{flex:2;min-width:0}.time-stats-card,.content-breakdown-card,.top-resources-card{flex:1;min-width:0}.weekly-overview-card{flex:2;min-width:0}.weekly-summary-card{flex:1;min-width:0}.time-dist-bars{display:flex;align-items:flex-end;gap:4px;height:140px;padding:10px 0}.time-dist-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.time-dist-bar{width:100%;background:linear-gradient(180deg,#3b82f6,#bfdbfe);border-radius:4px 4px 0 0;min-height:2px;transition:height .3s ease}.time-dist-label{font-size:9px;color:#9ca3af;margin-top:4px}.hourly-dist-card{flex:1;min-width:0}.hourly-dist-card .chart-card-header{height:auto;flex-wrap:wrap;gap:8px}.chart-card-header-actions .tabs{flex-shrink:0}.monthly-view-tabs{width:135px;margin-left:auto}.monthly-view-tabs .tab{flex:1}.hourly-date-control{display:flex;align-items:center;gap:6px;padding-bottom:10px}.hourly-date-btn{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;color:#6b7280;border:1px solid #E5E7EB;background:#fff;cursor:pointer;transition:all .15s ease}.hourly-date-btn:hover{border-color:#5b3fd6;color:#5b3fd6}.hourly-date-btn.active{background:#5b3fd61a;border-color:#5b3fd6;color:#4a2fc8}.hourly-date-input{height:30px;padding:0 8px;border:1px solid #E5E7EB;border-radius:8px;font-size:12px;font-family:inherit;color:#374151;background:#fff;cursor:pointer}.hourly-date-input:focus{outline:none;border-color:#5b3fd6;box-shadow:0 0 0 3px #5b3fd61f}.hourly-chart-scroll{overflow-x:auto}.hourly-chart-content{position:relative;min-width:560px;padding-top:56px;padding-bottom:4px}.hourly-bars{min-width:560px}.hourly-bar-wrapper{cursor:pointer}.hourly-bar{transition:opacity .15s ease,height .3s ease,filter .15s ease}.hourly-bar-wrapper:hover .hourly-bar{filter:brightness(1.15)}.hourly-bar{background:linear-gradient(180deg,#5b3fd6,#c4b9f2)}.hourly-line-chart{width:100%;min-width:560px}.hourly-line-chart svg{display:block;cursor:pointer}.hourly-line-chart circle{transition:r .15s ease}.hourly-line-chart circle:hover{r:7}.hourly-heatmap{min-width:560px;gap:6px}.hourly-heatmap-cell{flex:1;height:44px;min-width:0;display:flex;align-items:flex-end;justify-content:center;border-radius:6px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.hourly-heatmap-cell:hover{transform:translateY(-2px);box-shadow:0 2px 6px #10182826}.hourly-heatmap-cell-label{font-size:8px;font-weight:600;color:#6b7280;padding-bottom:3px;white-space:nowrap}.hourly-tooltip{position:absolute;top:8px;transform:translate(-50%);background:#fff;border:1px solid #F0F1F4;border-radius:10px;box-shadow:0 4px 16px #1018281f;padding:10px 12px;z-index:20;pointer-events:none;white-space:nowrap}.hourly-tooltip-title{font-size:12px;font-weight:700;color:#111827;margin-bottom:6px}.hourly-tooltip-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#6b7280;line-height:1.6}.hourly-tooltip-row strong{color:#111827;font-weight:600}.hourly-dist-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;flex-wrap:wrap}.hourly-dist-total{font-size:14px;font-weight:700;color:#111827}.hourly-dist-empty-hint{font-size:12px;color:#9ca3af}.hourly-dist-stats{display:flex;align-items:center;gap:12px}.hourly-dist-stat{display:flex;flex-direction:column;gap:2px;padding:6px 12px;background:#f9fafb;border:1px solid #F3F4F6;border-radius:10px}.hourly-dist-stat-label{font-size:11px;font-weight:500;color:#9ca3af}.hourly-dist-stat-value{font-size:14px;font-weight:700;color:#111827}.hourly-details{margin-top:14px;border-top:1px solid #F0F1F4;padding-top:14px}.hourly-details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.hourly-details-title{font-size:14px;font-weight:700;color:#111827}.hourly-details-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#9ca3af;font-size:16px;line-height:1;background:transparent;border:none;cursor:pointer}.hourly-details-close:hover{background:#f3f4f6;color:#111827}.hourly-details-grid{display:flex;flex-wrap:wrap;gap:12px}.hourly-details-item{display:flex;flex-direction:column;gap:2px;padding:10px 14px;background:#f9fafb;border:1px solid #F3F4F6;border-radius:10px;min-width:110px}.hourly-details-key{font-size:11px;font-weight:500;color:#9ca3af}.hourly-details-value{font-size:14px;font-weight:700;color:#111827}.hourly-details-empty{font-size:13px;color:#9ca3af;margin:4px 0}@media(max-width:768px){.hourly-date-control{flex-wrap:wrap}}.monthly-streak-card{flex:1;min-width:0;width:100%}.monthly-streak-container{margin-top:16px}.monthly-streak-col-left,.monthly-streak-col-right{width:50%;flex-shrink:0;min-width:0}.monthly-streak-card .chart-card-header{height:auto;flex-wrap:wrap;gap:8px}.monthly-streak-title-icon{color:#f59e0b}.monthly-nav{display:flex;align-items:center;gap:8px;padding-bottom:10px}.monthly-nav-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid #E5E7EB;border-radius:8px;background:#fff;color:#6b7280;cursor:pointer;transition:all .15s ease}.monthly-nav-btn:hover:not(:disabled){border-color:#5b3fd6;color:#5b3fd6}.monthly-nav-btn:disabled{opacity:.4;cursor:not-allowed}.monthly-nav-label{min-width:132px;text-align:center;font-size:14px;font-weight:700;color:#111827}.monthly-streak-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.monthly-streak-stat{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:var(--bg-tertiary);border:1px solid var(--color-border-light);border-radius:12px}.monthly-streak-stat-label{font-size:11px;font-weight:500;color:var(--color-text-muted)}.monthly-streak-stat-value{font-size:18px;font-weight:700;color:var(--color-text-primary);line-height:1.1}.monthly-streak-stat-unit{font-size:12px;font-weight:600;color:var(--color-text-secondary);margin-left:2px}.monthly-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:6px}.monthly-calendar-weekday{text-align:center;font-size:11px;font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.02em}.monthly-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);row-gap:15px;column-gap:0px;justify-items:center}.monthly-calendar-cell{width:34px;height:34px;margin:0 auto;border-radius:50%;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.monthly-calendar-cell.empty{background:transparent}.monthly-calendar-cell.studied{border:none}.monthly-calendar-cell.today{outline:none;border:none}.monthly-calendar-date{font-size:13px;font-weight:700;color:var(--color-text-primary);line-height:1.1}.monthly-calendar-hours{font-size:8px;font-weight:600;color:var(--color-text-secondary);line-height:1}.monthly-calendar-cell.dark .monthly-calendar-date,.monthly-calendar-cell.dark .monthly-calendar-hours{color:#fff}.monthly-week-view{display:flex;flex-direction:column;gap:8px}.monthly-week-row{display:flex;align-items:center;gap:12px}.monthly-week-cells{flex:1;display:grid;grid-template-columns:repeat(7,1fr);gap:4px;justify-items:center}.monthly-week-cell{width:34px;height:34px;margin:0 auto;border-radius:50%;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.monthly-week-cell.empty{background:transparent}.monthly-week-cell.today{outline:none;border:none}.monthly-week-cell-weekday{font-size:8px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;line-height:1}.monthly-week-cell-date{font-size:13px;font-weight:700;color:var(--color-text-primary);line-height:1.1}.monthly-week-cell-hours{font-size:8px;font-weight:600;color:var(--color-text-secondary);line-height:1}.monthly-week-cell.dark .monthly-week-cell-weekday,.monthly-week-cell.dark .monthly-week-cell-date,.monthly-week-cell.dark .monthly-week-cell-hours{color:#fff}.monthly-week-total{min-width:96px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;background:var(--bg-tertiary);border:1px solid var(--color-border-light);border-radius:10px}.monthly-week-total-value{font-size:13px;font-weight:700;color:var(--color-text-secondary)}.monthly-week-total-label{font-size:11px;font-weight:500;color:var(--color-text-primary)}.monthly-streak-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;font-size:11px;font-weight:500;color:var(--color-text-muted)}.monthly-streak-legend{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.monthly-legend-swatch{width:12px;height:12px;border-radius:50%;border:1px solid var(--color-text-primary)}@media(max-width:768px){.monthly-streak-summary{grid-template-columns:repeat(2,1fr)}.monthly-week-total{min-width:76px}}.time-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.time-stat-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:#f8fafc;border-radius:8px}.time-stat-value{font-size:20px;font-weight:700;color:#111827}.time-stat-label{font-size:12px;color:#6b7280}.content-type-list{display:flex;flex-direction:column;gap:8px}.content-type-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f8fafc;border-radius:8px}.content-type-info{display:flex;align-items:center;gap:10px}.content-type-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center}.content-type-dot{width:10px;height:10px;border-radius:999px}.content-type-label{font-size:14px;font-weight:500;color:#111827}.content-type-stats{display:flex;align-items:center;gap:12px}.content-type-hours{font-size:14px;font-weight:700;color:#111827}.content-type-count{font-size:12px;color:#6b7280}.content-type-percent{font-size:13px;font-weight:600;color:#2563eb;min-width:36px;text-align:right}.top-resources-list{display:flex;flex-direction:column;gap:8px}.top-resource-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f8fafc;border-radius:8px}.top-resource-rank{width:24px;height:24px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#6b7280}.top-resource-info{flex:1;display:flex;flex-direction:column;gap:2px}.top-resource-title{font-size:13px;font-weight:600;color:#111827}.top-resource-duration{font-size:11px;color:#9ca3af}.subject-performance-card{width:100%}.subject-performance-list{display:flex;flex-direction:column;gap:12px}.subject-perf-row{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f8fafc;border-radius:8px}.subject-perf-info{display:flex;align-items:center;gap:12px}.subject-perf-rank{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.subject-perf-details{display:flex;flex-direction:column;gap:2px}.subject-perf-name{font-size:14px;font-weight:600;color:#111827}.subject-perf-meta{font-size:12px;color:#6b7280}.weekly-bars-list{display:flex;flex-direction:column;gap:16px}.weekly-bar-row{display:flex;align-items:center;gap:12px}.weekly-bar-label{font-size:12px;color:#6b7280;width:90px;flex-shrink:0}.weekly-bar-track{flex:1;height:24px;background:#f3f4f6;border-radius:999px;overflow:hidden}.weekly-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:999px;transition:width .3s ease}.weekly-bar-value{font-size:13px;font-weight:700;color:#111827;min-width:40px;text-align:right}.weekly-summary-stats{display:flex;flex-direction:column;gap:16px}.weekly-summary-item{display:flex;flex-direction:column;gap:4px;padding:16px;background:#f8fafc;border-radius:8px}.weekly-summary-value{font-size:28px;font-weight:700;color:#111827}.weekly-summary-label{font-size:12px;color:#6b7280}.monthly-trends-card{width:100%}.monthly-bars-container{display:flex;align-items:flex-end;gap:12px;height:180px;padding:10px 0}.monthly-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.monthly-bar-track{width:100%;height:140px;display:flex;align-items:flex-end;justify-content:center}.monthly-bar-fill{width:32px;background:linear-gradient(180deg,#3b82f6,#bfdbfe);border-radius:6px 6px 0 0;min-height:2px;transition:height .3s ease}.monthly-bar-label{font-size:10px;color:#9ca3af;margin-top:6px}.monthly-bar-value{font-size:11px;font-weight:700;color:#111827;margin-top:2px}.empty-cell{padding:30px 20px;text-align:center;color:#9ca3af;font-size:13px}@media(max-width:1280px){.tab-content-row{flex-direction:column}}.goals-page{width:100%;background:#f7f8fb;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.goals-content{width:100%;display:flex;flex-direction:column;gap:24px}.goals-header{display:flex;align-items:flex-start;justify-content:space-between;height:64px}.goals-header-left{display:flex;align-items:flex-start;gap:16px}.goals-header-icon{width:48px;height:48px;border-radius:14px;background:#eef0fe;color:#6d5ef0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.goals-page-title{font-size:24px;font-weight:700;line-height:32px;letter-spacing:-.02em;color:#0b0f1e}.goals-page-subtitle{font-size:14px;font-weight:400;line-height:20px;color:#6b7280;margin-top:6px}.goals-create-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;height:44px;background:#0c68fe;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 1px 2px #0c68fe3d;transition:all .15s ease}.goals-create-btn:hover{background:#0b5ce0}.goals-tabs{display:flex;gap:32px;border-bottom:1px solid #EEF0F4;height:45px}.goals-tab{padding:4px 0 12px;font-size:14px;font-weight:500;color:#9aa1b2;cursor:pointer;border:none;background:transparent;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s ease}.goals-tab:hover{color:#4b5563}.goals-tab.active{color:#0c68fe;font-weight:600;border-bottom-color:#0c68fe}.goals-stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.goals-stat-card{min-height:128px;background:#fff;border:1px solid #EEF0F4;border-radius:16px;padding:20px;box-shadow:0 2px 8px #1018280a;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.goals-stat-card:hover{box-shadow:0 8px 24px #10182814;transform:translateY(-2px);transition:all .2s ease}.goals-stat-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.goals-stat-label{font-size:13px;font-weight:500;color:#6b7280;margin-bottom:6px}.goals-stat-value{font-size:26px;font-weight:700;line-height:32px;letter-spacing:-.01em;color:#0b0f1e;margin-bottom:4px}.goals-stat-caption{font-size:12px;font-weight:400;color:#9ca3af;margin-bottom:10px}.goals-stat-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:#0c68fe;text-decoration:none}.goals-stat-link:hover{text-decoration:underline}.goals-card{background:#fff;border:1px solid #EEF0F4;border-radius:20px;padding:24px;box-shadow:0 2px 8px #1018280a}.goals-card-header{margin-bottom:16px}.goals-card-title{font-size:16px;font-weight:700;color:#0b0f1e;margin:0}.goals-card-footer{margin-top:16px;padding-top:16px;border-top:1px solid #F1F2F5;display:flex;justify-content:center}.goals-footer-link{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:#0c68fe;text-decoration:none}.goals-footer-link:hover{text-decoration:underline}.goals-active-list{display:flex;flex-direction:column}.goals-goal-row{display:flex;align-items:center;padding:16px 0;border-bottom:1px solid #F1F2F5;gap:20px;overflow:hidden}.goals-goal-row:last-child{border-bottom:none}.goals-goal-row:hover{background:#fafbfc;margin:0 -24px;padding:16px 24px;border-radius:8px}.goals-goal-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.goals-goal-content{flex:1;min-width:0;overflow:hidden}.goals-goal-title{font-size:15px;font-weight:600;line-height:20px;color:#111827;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}.goals-goal-desc{font-size:13px;font-weight:400;line-height:18px;color:#6b7280;display:block;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.goals-goal-badges{display:flex;gap:8px}.goals-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500}.goals-goal-progress{width:230px;display:flex;align-items:center;gap:12px;flex-shrink:0}.goals-progress-track{flex:1;height:8px;background:#e7ecf2;border-radius:999px;overflow:hidden}.goals-progress-fill{height:100%;border-radius:999px;transition:width .4s ease-in-out}.goals-progress-label{font-size:14px;font-weight:600;color:#111827;min-width:40px;text-align:right}.goals-goal-meta{display:flex;gap:24px;flex-shrink:0}.goals-meta-stack{text-align:right}.goals-meta-bold{font-size:13px;font-weight:600;color:#111827;display:block}.goals-meta-muted{font-size:12px;font-weight:400;color:#9ca3af;display:block;margin-top:2px}.goals-goal-menu{width:24px;height:24px;border-radius:8px;border:none;background:transparent;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.goals-goal-menu:hover{background:#f3f4f6;color:#4b5563}.goals-categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.goals-category-chip{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fafbfc;border:1px solid #EEF0F4;border-radius:14px;height:64px;box-sizing:border-box}.goals-category-chip:hover{background:#f3f4f6;cursor:pointer}.goals-category-icon{width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.goals-category-text{display:flex;flex-direction:column;gap:2px}.goals-category-name{font-size:14px;font-weight:600;color:#111827}.goals-category-count{font-size:12px;font-weight:400;color:#6b7280}.goals-right-panel{width:var(--right-panel-width);gap:16px;display:flex;flex-direction:column;flex-shrink:0}.goals-right-panel .right-panel-card{border-radius:20px;padding:24px;background:#fff;border:1px solid #EEF0F4;box-shadow:0 4px 12px #1018280f;width:100%;box-sizing:border-box}.goals-rail{display:flex;flex-direction:column;gap:16px}.goals-overview-body{display:flex;align-items:center;gap:10px}.goals-donut-svg{flex-shrink:0;width:100px;height:100px}.goals-donut-legend{display:flex;flex-direction:column;gap:12px;flex:1}.goals-legend-row{display:flex;align-items:center;justify-content:space-between;height:24px}.goals-legend-dot{width:8px;height:8px;border-radius:999px;flex-shrink:0;margin-right:8px}.goals-legend-label{font-size:13px;font-weight:500;color:#4b5563;flex:1}.goals-legend-value{font-size:13px;font-weight:600;color:#111827}.goals-calendar-body{display:flex;flex-direction:column;gap:16px}.goals-calendar-nav{display:flex;align-items:center;justify-content:space-between}.goals-cal-nav-btn{width:24px;height:24px;border:none;background:transparent;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px}.goals-cal-nav-btn:hover{background:#f3f4f6}.goals-cal-month{font-size:14px;font-weight:700;color:#0b0f1e}.goals-cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:8px}.goals-cal-weekday{font-size:11px;font-weight:500;color:#9ca3af;padding:8px 0}.goals-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px 0}.goals-cal-day{height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border-radius:999px;position:relative}.goals-cal-day:hover{background:#f3f4f6}.goals-cal-day.out-of-month{color:#d1d5db}.goals-cal-day.selected{background:#0c68fe}.goals-cal-day.selected .goals-cal-day-number{color:#fff;font-weight:600}.goals-cal-day-number{font-size:13px;font-weight:500;color:#374151}.goals-cal-event-dot{width:4px;height:4px;border-radius:999px;margin-top:4px}.goals-milestones-list{display:flex;flex-direction:column}.goals-milestone-row{display:flex;align-items:flex-start;gap:12px;padding-bottom:16px}.goals-milestone-row:last-child{padding-bottom:0}.goals-milestone-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.goals-milestone-content{flex:1;min-width:0}.goals-milestone-title{font-size:13px;font-weight:600;line-height:18px;color:#111827}.goals-milestone-target{font-size:12px;font-weight:400;color:#9ca3af;display:block;margin-top:2px}.goals-milestone-right{text-align:right;min-width:70px}.goals-milestone-percent{font-size:12px;font-weight:600;display:block}.goals-milestone-days{font-size:11px;font-weight:500;color:#9ca3af;display:block;margin-top:2px}.goals-recently-list{display:flex;flex-direction:column}.goals-recently-row{display:flex;align-items:flex-start;gap:12px;padding-bottom:16px}.goals-recently-row:last-child{padding-bottom:0}.goals-recently-icon{width:32px;height:32px;border-radius:999px;background:#e5f6ef;color:#10b981;display:flex;align-items:center;justify-content:center;flex-shrink:0}.goals-recently-content{flex:1;min-width:0}.goals-recently-title{font-size:13px;font-weight:600;color:#111827}.goals-recently-date{font-size:12px;font-weight:400;color:#9ca3af;display:block;margin-top:2px}.goals-recently-badge{padding:4px 10px;background:#e5f6ef;border-radius:999px;font-size:12px;font-weight:600;color:#10b981;min-width:60px;text-align:center;white-space:nowrap}@media(max-width:768px){.goals-page{padding:16px}.goals-header{flex-direction:column;gap:16px}.goals-stat-cards,.goals-categories-grid{grid-template-columns:1fr}}.learn-page{width:100%;background:#f7f7fb;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.learn-content{display:flex;flex-direction:column;gap:24px}.learn-header{display:flex;align-items:flex-start;justify-content:space-between}.learn-header-left{display:flex;flex-direction:column;gap:4px}.learn-title{font-size:26px;font-weight:700;line-height:32px;letter-spacing:-.3px;color:#111827}.learn-breadcrumb{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;line-height:20px}.breadcrumb-link{color:#6d5ce1}.breadcrumb-sep{color:#d1d5db}.breadcrumb-current{color:#9ca3af}.learn-header-actions{display:flex;align-items:center;gap:12px}.learn-btn-outline{display:flex;align-items:center;gap:8px;padding:10px 16px;height:40px;background:#fff;border:1px solid #E5E7EB;border-radius:10px;font-size:14px;font-weight:600;color:#111827;cursor:pointer}.learn-btn-outline:hover{background:#f9fafb;border-color:#d1d5db}.learn-btn-icon{width:36px;height:36px;border-radius:8px;border:none;background:transparent;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center}.learn-btn-icon:hover{background:#f3f4f6;color:#4b5563}.learn-tabs{display:flex;gap:32px;border-bottom:1px solid #E5E7EB;height:44px}.learn-tab{padding:0 0 12px;font-size:15px;font-weight:500;color:#6b7280;cursor:pointer;border:none;background:transparent;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s ease}.learn-tab:hover{color:#374151}.learn-tab.active{color:#6d5ce1;font-weight:600;border-bottom-color:#6d5ce1}.learn-overview-panel{display:flex;flex-direction:column;gap:24px}.learn-card{background:#fff;border:1px solid #EDEDF2;border-radius:16px;padding:24px;box-shadow:0 4px 12px #1018280f}.learn-cards-row{display:flex;gap:24px}.learn-about-card{flex:1.3}.learn-meta-card{flex:1}.learn-card-title{font-size:16px;font-weight:600;color:#111827;margin:0 0 12px}.learn-about-text{font-size:14px;font-weight:400;line-height:22px;color:#4b5563;margin:0 0 16px}.learn-tags{display:flex;gap:8px;flex-wrap:wrap}.learn-tag{padding:6px 14px;background:#f1effd;border-radius:999px;font-size:13px;font-weight:500;color:#6d5ce1}.learn-tag-add{width:28px;height:28px;border-radius:50%;border:1px dashed #D1D5DB;background:transparent;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center}.learn-meta-row{display:flex;align-items:center;justify-content:space-between;height:36px;margin-bottom:14px}.learn-meta-row:last-child{margin-bottom:0}.learn-meta-left{display:flex;align-items:center;gap:10px}.learn-meta-icon{width:28px;height:28px;border-radius:8px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#6b7280}.learn-meta-label{font-size:14px;font-weight:400;color:#6b7280}.learn-meta-value{font-size:14px;font-weight:600;color:#111827}.learn-resources{margin-top:8px}.learn-section-title{font-size:16px;font-weight:600;color:#111827;margin:0 0 16px}.learn-resources-row{display:flex;gap:16px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.learn-resource-card{width:170px;height:140px;border:1px solid #EDEDF2;border-radius:14px;padding:16px;background:#fff;display:flex;flex-direction:column;cursor:pointer;transition:all .15s ease}.learn-resource-card:hover{box-shadow:0 4px 12px #10182814;border-color:#e0e0e8;transform:translateY(-2px)}.learn-resource-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.learn-resource-title{font-size:14px;font-weight:600;color:#111827;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}.learn-resource-meta{font-size:12px;font-weight:400;color:#6b7280}.learn-resource-add{border:1.5px dashed #D1D5DB;background:transparent;align-items:center;justify-content:center;gap:8px;color:#6b7280;font-size:14px;font-weight:500}.learn-resource-add:hover{border-color:#6d5ce1;color:#6d5ce1;background:#fafaff}.learn-right-panel{width:var(--right-panel-width);gap:16px;display:flex;flex-direction:column;flex-shrink:0}.learn-rail{display:flex;flex-direction:column;gap:16px}.learn-rail-card{padding:20px;background:#fff;border:1px solid #EDEDF2;border-radius:16px;box-shadow:0 4px 12px #1018280f;box-sizing:border-box}.learn-rail-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.learn-rail-icon{font-size:18px}.learn-rail-title{font-size:15px;font-weight:600;color:#111827;margin:0}.learn-rail-subtext{font-size:13px;font-weight:400;color:#9ca3af;margin:0 0 16px}.learn-rail-btn{width:100%;height:40px;border:1px solid #E5E7EB;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;color:#6d5ce1;cursor:pointer;margin-bottom:10px}.learn-rail-helper{font-size:12px;font-weight:400;color:#9ca3af;text-align:center;margin:0}.learn-status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e}.learn-timer-display{display:flex;flex-direction:column;align-items:flex-start;padding:4px 12px;background:#f3f4f6;border-radius:8px;min-width:90px}.learn-timer-value{font-size:18px;font-weight:700;line-height:22px;color:#111827;font-variant-numeric:tabular-nums}.learn-timer-label{font-size:10px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.learn-timer-btns{display:flex;flex-wrap:wrap;gap:6px;height:auto}.learn-timer-btn-row{display:flex;flex-wrap:nowrap;gap:6px;flex:1 1 auto;min-width:0}.learn-timer-btn-row .learn-btn-outline-sm{flex:0 1 auto;min-width:0}.learn-timer-btn-row .learn-btn-danger{flex:1 1 auto;min-width:0}.learn-btn-outline-sm{flex:0 0 auto;display:flex;align-items:center;gap:4px;justify-content:center;white-space:nowrap;padding:6px 12px;border:1px solid #E5E7EB;border-radius:8px;background:#fff;font-size:13px;font-weight:600;color:#111827;cursor:pointer;transition:all .15s ease}.learn-btn-outline-sm:hover{background:#f9fafb;border-color:#d1d5db}.learn-btn-danger{flex:1 1 auto;min-width:0;padding:6px 16px;display:flex;align-items:center;gap:6px;justify-content:center;white-space:nowrap;border:none;border-radius:10px;background:#dc2626;font-size:14px;font-weight:600;color:#fff;cursor:pointer}.learn-timer-remember{flex:0 0 100%;width:100%;order:1;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;margin-top:8px}.learn-timer-remember input{width:14px;height:14px;accent-color:#6D5CE1;cursor:pointer}.learn-btn-outline-sm:disabled,.learn-btn-danger:disabled{opacity:.5;cursor:not-allowed}.pause-prompt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0f1e8c;display:flex;align-items:center;justify-content:center;z-index:1200}.pause-prompt{width:360px;max-width:calc(100vw - 32px);background:#fff;border-radius:16px;padding:24px;box-shadow:0 24px 60px #110a3c3d}.pause-prompt-title{margin:0 0 6px;font-size:18px;font-weight:700;color:#111827}.pause-prompt-text{margin:0 0 18px;font-size:14px;color:#6b7280}.pause-prompt-actions{display:flex;gap:10px;height:40px}.pause-prompt-remember{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:13px;color:#6b7280;cursor:pointer}.pause-prompt-remember input{width:15px;height:15px;accent-color:#6D5CE1;cursor:pointer}.goals-daily-body{display:flex;flex-direction:column;gap:10px;padding:4px 0 8px}.goals-daily-meta{display:flex;justify-content:space-between;font-size:13px;color:#6b7280;font-variant-numeric:tabular-nums}.goals-daily-meta span:last-child{font-weight:700;color:#111827}.goals-goal-row.skeleton-row{height:88px;border-radius:12px;background:linear-gradient(90deg,#f3f4f6 25%,#e9ebef 37%,#f3f4f6 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.goals-footer-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.study-totals-row{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:16px}.study-total-card{display:flex;flex-direction:column;gap:6px;padding:16px;background:#fff;border:1px solid #EEF0F4;border-radius:14px}.study-total-label{font-size:12px;font-weight:500;color:#6b7280}.study-total-value{font-size:22px;font-weight:700;color:#111827;font-variant-numeric:tabular-nums}.learn-history-row{display:grid;grid-template-columns:48px 1.6fr 1fr 96px 72px 100px 80px;align-items:center;gap:8px;font-size:13px;padding:8px 0;border-bottom:1px solid #F3F4F6}.learn-history-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learn-history-number{font-weight:700;color:#6d5ce1}.learn-history-title{font-weight:600;color:#111827}.learn-history-folder,.learn-history-date,.learn-history-time{color:#6b7280}.learn-history-duration{font-variant-numeric:tabular-nums;font-weight:600;color:#111827}.learn-history-completion{color:#10b981;font-weight:600}.learn-history-stats{display:flex;gap:24px;margin-top:12px}.learn-history-stat{display:flex;flex-direction:column;gap:2px;font-size:12px}.learn-history-stat span:first-child{color:#6b7280}.learn-history-stat span:last-child{font-weight:700;color:#111827;font-variant-numeric:tabular-nums}.learn-timer-display{font-variant-numeric:tabular-nums}.learn-timer-footer{display:flex;align-items:center;justify-content:space-between;font-size:13px}.learn-timer-footer span:first-child{color:#6b7280}.learn-timer-footer span:last-child{font-weight:600;color:#111827}.learn-details-list{display:flex;flex-direction:column;gap:0}.learn-detail-row{display:flex;align-items:center;justify-content:space-between;height:28px;font-size:13px}.learn-detail-row span:first-child{color:#6b7280}.learn-detail-row span:last-child{font-weight:600;color:#111827}.learn-hours-card{display:flex;align-items:center;gap:12px}.learn-hours-icon{width:36px;height:36px;border-radius:10px;background:#f1effd;display:flex;align-items:center;justify-content:center;font-size:18px}.learn-hours-text{display:flex;flex-direction:column;flex:1}.learn-hours-label{font-size:13px;font-weight:500;color:#6b7280}.learn-hours-value{font-size:20px;font-weight:700;color:#111827}.learn-hours-delta{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#16a34a}.learn-goal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.learn-goal-target{font-size:13px;font-weight:600;color:#6d5ce1}.learn-goal-track{height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden}.learn-goal-fill{height:100%;background:linear-gradient(90deg,#6d5ce1,#8b7cf0);border-radius:999px}.learn-goal-percent{display:block;text-align:right;font-size:12px;font-weight:600;color:#111827;margin-top:6px}.learn-focus-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.learn-focus-score{font-size:18px;font-weight:700;color:#6d5ce1}.learn-focus-max{font-size:13px;font-weight:400;color:#9ca3af}.learn-focus-chart{height:100px}.learn-focus-svg{width:100%;height:auto}.learn-focus-caption{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#16a34a;margin-top:10px}.learn-activity-list{display:flex;flex-direction:column}.learn-activity-row{display:flex;align-items:center;justify-content:space-between;height:26px;padding:6px 0;font-size:13px}.learn-activity-row span:first-child{color:#4b5563}.learn-activity-row span:last-child{font-weight:600;color:#111827}.learn-video-element{width:100%;height:100%;object-fit:cover}.learn-notes-textarea{width:100%;min-height:150px;padding:12px;border:1px solid #E5E7EB;border-radius:10px;font-size:14px;font-family:inherit;resize:vertical;outline:none}.learn-notes-textarea:focus{border-color:#6d5ce1;box-shadow:0 0 0 3px #6d5ce126}.learn-timeline{display:flex;flex-direction:column;gap:12px}.learn-timeline-item{display:flex;align-items:center;gap:16px;padding:10px 16px;background:#f9fafb;border-radius:8px}.learn-timeline-time{font-size:13px;font-weight:600;color:#6d5ce1;min-width:60px}.learn-chat-input-row{display:flex;gap:12px;margin-top:16px}.learn-chat-input{flex:1;padding:12px 16px;height:44px;border:1px solid #E5E7EB;border-radius:10px;font-size:14px;outline:none}.learn-chat-input:focus{border-color:#6d5ce1;box-shadow:0 0 0 3px #6d5ce126}.learn-main-layout{display:flex;gap:16px;align-items:stretch;position:relative;height:400px}.learn-video-wrapper{flex:1;min-width:0;display:flex;flex-direction:row;gap:16px}.learn-video-card{width:100%;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #110a3c1f}.study-timer-panel{display:flex;flex-direction:column;gap:12px}.study-timer-container{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:16px 20px;box-shadow:0 2px 8px #1018280f}.study-timer-display{display:flex;align-items:center;gap:12px}.study-timer-value{font-size:24px;font-weight:700;font-family:Fira Code,Monaco,Consolas,monospace;color:#111827}.study-timer-badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}.study-timer-badge.badge-running{background:#dcfce7;color:#166534}.study-timer-badge.badge-paused{background:#fef9c4;color:#854d0e}.study-timer-controls{display:flex;align-items:center;gap:8px}.study-timer-last-video{padding:0 4px}.study-timer-last-title{font-size:13px;font-weight:500;color:#6b7280}.file-explorer-sidebar{width:300px;min-width:300px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;box-shadow:0 2px 8px #1018280f;display:flex;flex-direction:column;overflow:hidden}.file-explorer-toolbar{display:flex;flex-direction:column;gap:12px;padding:15px;border-bottom:1px solid #E5E7EB;background:#fff;flex-shrink:0;position:sticky;top:0;z-index:10;box-shadow:0 2px 4px #1018280a}.file-explorer-nav-row{display:flex;align-items:center;gap:10px}.file-explorer-nav-btn{width:36px;height:36px;border:1px solid #E5E7EB;background:#fff;color:#6b7280;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 1px 3px #1018280f}.file-explorer-nav-btn:hover:not(:disabled){background:#f9fafb;color:#111827;box-shadow:0 4px 12px #1018281a,0 2px 4px #1018280f;transform:translateY(-2px) scale(.98);border-color:#d1d5db}.file-explorer-nav-btn:active:not(:disabled){transform:translateY(0) scale(.96);box-shadow:0 1px 2px #1018280f}.file-explorer-nav-btn:disabled{opacity:.4;cursor:not-allowed;background:#f3f4f6;box-shadow:none;transform:none}.file-explorer-breadcrumb-row{display:flex;align-items:center;gap:4px;font-size:12px;flex-wrap:wrap;padding:4px 0}.breadcrumb-item{display:flex;align-items:center;gap:4px}.breadcrumb-sep{color:#9ca3af;flex-shrink:0}.breadcrumb-btn{border:none;background:transparent;color:#6d5ce1;cursor:pointer;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .15s ease}.breadcrumb-btn:hover{background:#eef2ff;text-decoration:underline}.breadcrumb-btn.current{color:#111827;font-weight:700;pointer-events:none}.file-explorer-content{flex:1;overflow-y:auto;padding:8px 0;min-height:0}.file-explorer-item{display:flex;align-items:center;gap:12px;padding:10px 14px;margin:2px 8px;cursor:pointer;transition:all .15s ease;border-radius:8px;border:1px solid transparent}.file-explorer-item:hover{background:#f9fafb;border-color:#e5e7eb;box-shadow:0 2px 4px #1018280a}.file-explorer-item.selected{background:#eef2ff;border-color:#c7d2fe;box-shadow:0 2px 8px #6d5ce11a}.file-explorer-item:active{transform:translateY(0);box-shadow:0 1px 2px #1018280a}.file-explorer-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-explorer-name{font-size:13px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.file-explorer-item.selected .file-explorer-name{color:#6d5ce1;font-weight:600}.file-explorer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#9ca3af;font-size:13px;text-align:center;gap:8px}.file-icon.folder{color:#f59e0b}.file-icon.video{color:#6d5ce1}.learn-right-summary{width:200px;flex-shrink:0;background:#fff;border:1px solid #EDEDF2;border-radius:16px;padding:16px;box-shadow:0 4px 12px #1018280f;display:flex;flex-direction:column;gap:12px}.learn-stat-item{display:flex;flex-direction:column;gap:2px}.learn-stat-label{font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase}.learn-stat-value{font-size:18px;font-weight:700;color:#111827}.learn-stat-status{font-size:13px;font-weight:600}.learn-stat-status.active{color:#16a34a}.learn-stat-status.inactive{color:#9ca3af}.learn-stop-btn{display:flex;align-items:center;gap:6px;justify-content:center;padding:10px;background:#dc2626;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;margin-top:8px}.learn-video-element{width:100%;height:100%;object-fit:cover;background:#0b0a18}.learn-video-overlay-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0006}.learn-btn-primary{display:flex;align-items:center;gap:8px;padding:12px 20px;height:44px;background:#6d5ce1;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 1px 2px #6d5ce13d;transition:all .15s ease}.learn-btn-primary:hover{background:#5b4bd1}.learn-permission-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.learn-permission-content{background:#fff;border-radius:20px;padding:40px;text-align:center;max-width:400px;box-shadow:0 8px 24px #10182826}.learn-permission-content svg{color:#6d5ce1;margin-bottom:16px}.learn-permission-content h2{font-size:20px;font-weight:700;color:#111827;margin:0 0 12px}.learn-permission-content p{font-size:14px;color:#6b7280;margin:0 0 24px}.learn-permission-actions{display:flex;gap:12px;justify-content:center}.learn-session-controls{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#f9fafb;border-top:1px solid #EDEDF2}.learn-session-timer{display:flex;flex-direction:column;align-items:flex-end}.learn-session-label{font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase}.learn-session-value{font-size:18px;font-weight:700;color:#111827}.learn-stop-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#dc2626;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.learn-stop-btn:hover{background:#b91c1c}.learn-history-card{margin-top:24px}.learn-history-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.learn-history-row{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#f9fafb;border-radius:8px}.learn-history-number{font-size:12px;font-weight:600;color:#6d5ce1;min-width:28px}.learn-history-title{flex:1;font-size:13px;font-weight:500;color:#111827}.learn-history-duration{font-size:13px;font-weight:600;color:#111827}.learn-history-date{font-size:12px;color:#9ca3af}.learn-history-total{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#eef2ff;border-radius:8px;font-size:14px;font-weight:600;color:#6d5ce1}.learn-history-completion{font-size:12px;font-weight:600;color:#16a34a;min-width:40px;text-align:right}.learn-history-stats{display:flex;gap:12px;margin-top:16px}.learn-history-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;background:#f9fafb;border-radius:8px}.learn-history-stat span:first-child{font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase}.learn-history-stat span:last-child{font-size:16px;font-weight:700;color:#111827}.vlc-player{position:relative;width:100%;height:100%;background:#0b0a18;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.vlc-player.empty{min-height:380px;display:flex;align-items:center;justify-content:center}.vlc-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#6b7280;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5}.vlc-empty-state svg{margin-bottom:16px;opacity:.5}.vlc-empty-state h3{font-size:18px;font-weight:600;margin:0 0 8px}.vlc-empty-state p{font-size:14px;margin:0 0 20px}.vlc-choose-folder-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#6d5ce1;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.vlc-choose-folder-btn:hover{background:#5b4bd1}.vlc-empty-hint{display:block;margin-top:16px;font-size:12px;color:#9ca3af}.vlc-video{width:100%;height:100%;object-fit:contain;cursor:pointer}.vlc-player.hide-controls .vlc-top-overlay,.vlc-player.hide-controls .vlc-bottom-overlay{opacity:0;pointer-events:none}.vlc-player.hide-cursor{cursor:none}.vlc-player.fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;border-radius:0;background:#000}.vlc-player.fullscreen .vlc-video{height:100vh;width:100vw}.vlc-top-overlay{position:absolute;top:0;left:0;right:0;padding:16px 20px;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent);display:flex;align-items:center;justify-content:space-between;opacity:1;transition:opacity .3s ease;z-index:10}.vlc-top-left{display:flex;align-items:center;gap:12px}.vlc-video-title{font-size:14px;font-weight:600;color:#fff}.vlc-top-right{display:flex;align-items:center;gap:8px}.vlc-icon-btn{width:32px;height:32px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.vlc-icon-btn:hover{background:#fff3}.vlc-icon-btn.vlc-close:hover{background:#dc2626}.vlc-icon-btn.active{background:#6d5ce1}.vlc-menu-container{position:relative}.subtitle-menu{right:44px}.vlc-bottom-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px 20px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);opacity:1;transition:opacity .3s ease;z-index:10}.vlc-seek-container{position:relative;height:20px;margin-bottom:8px;cursor:pointer;display:flex;align-items:center}.vlc-seek-track{width:100%;height:4px;background:#fff3;border-radius:999px;position:relative;overflow:hidden}.vlc-seek-buffered{position:absolute;top:0;left:0;height:100%;background:#ffffff4d;border-radius:999px}.vlc-seek-progress{position:absolute;top:0;left:0;height:100%;background:#6d5ce1;border-radius:999px}.vlc-seek-tooltip{position:absolute;top:-30px;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;pointer-events:none}.vlc-controls{display:flex;align-items:center;justify-content:space-between}.vlc-controls-left,.vlc-controls-right{display:flex;align-items:center;gap:8px}.vlc-play-btn{width:40px;height:40px}.vlc-time{font-size:13px;color:#fff;font-variant-numeric:tabular-nums}.vlc-time-sep{color:#ffffff80;margin:0 4px}.vlc-speed-badge-container{position:relative;display:flex;align-items:center}.vlc-speed-badge{font-size:12px;font-weight:600;color:#fff;background:#ffffff26;padding:4px 8px;border-radius:4px;border:none;cursor:pointer;font-family:inherit;transition:background .15s ease}.vlc-speed-badge:hover{background:#ffffff40}.vlc-speed-separator{height:1px;background:#ffffff26;margin:4px 0}.vlc-custom-speed{display:flex;align-items:center;gap:6px;padding:6px 8px}.vlc-speed-adjust{width:28px;height:28px;border-radius:4px;border:none;background:#ffffff1a;color:#fff;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.vlc-speed-adjust:hover{background:#fff3}.vlc-speed-input{width:60px;height:28px;border-radius:4px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;font-size:13px;text-align:center;outline:none;font-family:inherit}.vlc-speed-input:focus{border-color:#6d5ce1;background:#ffffff1f}.vlc-speed-input::placeholder{color:#fff6}.vlc-speed-input::-webkit-outer-spin-button,.vlc-speed-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.vlc-speed-input[type=number]{-moz-appearance:textfield}.vlc-volume-container{display:flex;align-items:center;gap:6px}.vlc-volume-slider-wrapper{display:flex;align-items:center;gap:8px}.vlc-volume-track{position:relative;width:80px;height:4px;background:#fff3;border-radius:999px;cursor:pointer}.vlc-volume-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#6d5ce1,#9b8aff);border-radius:999px;pointer-events:none;transition:width .05s ease}.vlc-volume-slider{position:absolute;top:50%;left:0;transform:translateY(-50%);width:80px;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;outline:none;cursor:pointer;margin:0}.vlc-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 4px #0006}.vlc-volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:0 0 4px #0006}.vlc-volume-slider::-moz-range-track{background:transparent;height:4px}.vlc-volume-percent{font-size:11px;font-weight:600;color:#ffffffb3;min-width:32px;text-align:right;font-variant-numeric:tabular-nums}.vlc-video-aspect{object-fit:cover!important;width:100%!important;height:100%!important}.vlc-osd{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;z-index:100;animation:fadeIn .2s ease}.vlc-speed-menu{position:absolute;top:56px;right:16px;background:#000000e6;border-radius:8px;padding:8px;z-index:50;display:flex;flex-direction:column;gap:2px}.vlc-speed-item{padding:8px 16px;border:none;background:transparent;color:#fff;font-size:13px;cursor:pointer;border-radius:4px;text-align:left}.vlc-speed-item:hover{background:#ffffff1a}.vlc-speed-item.active{background:#6d5ce1}.vlc-info-panel{position:absolute;top:50%;right:20px;transform:translateY(-50%);width:300px;background:#000000e6;border-radius:12px;z-index:50;max-height:80vh;overflow-y:auto}.vlc-info-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}.vlc-info-header h3{font-size:14px;font-weight:600;color:#fff;margin:0}.vlc-info-header button{background:none;border:none;color:#fff;cursor:pointer}.vlc-info-content{padding:16px}.vlc-info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px}.vlc-info-row span:first-child{color:#9ca3af}.vlc-info-row span:last-child{color:#fff}.vlc-context-menu{position:fixed;background:#000000e6;border-radius:8px;padding:8px;z-index:100000;min-width:180px;display:flex;flex-direction:column;gap:2px}.vlc-context-menu button{display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;background:transparent;color:#fff;font-size:13px;cursor:pointer;border-radius:4px;text-align:left}.vlc-context-menu button:hover{background:#ffffff1a}.vlc-menu-sep{height:1px;background:#ffffff1a;margin:4px 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.start-study-form{display:flex;flex-direction:column;gap:12px}.start-study-prefill{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:12px;color:var(--color-text-muted)}.start-study-prefill svg{color:var(--color-primary);flex-shrink:0}.start-study-prefill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.start-study-field{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.start-study-label{font-size:12px;font-weight:600;color:var(--color-text-secondary)}.start-study-field select,.start-study-field input[type=text],.start-study-field input[type=number]{width:100%;padding:9px 12px;background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;color:var(--color-text-primary);outline:none;transition:border-color var(--transition-fast)}.start-study-field select:focus,.start-study-field input:focus{border-color:var(--color-primary)}.start-study-field input[type=range]{width:100%;accent-color:var(--color-primary)}.start-study-row{display:flex;gap:12px}.start-study-new{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--bg-tertiary);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.start-study-error{padding:10px 12px;background:#ef444410;border:1px solid #EF444430;border-radius:var(--radius-md);color:var(--color-danger);font-size:13px}.start-study-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.start-study-confirm{padding:10px 12px;background:#f59e0b10;border:1px solid #F59E0B30;border-radius:var(--radius-md);font-size:13px;color:var(--color-text-secondary)}.start-study-confirm p{margin:4px 0;line-height:1.4}.start-study-confirm-time{font-size:12px;color:var(--color-text-primary)}.start-study-confirm-time strong{font-variant-numeric:tabular-nums}.start-study-confirm-note{font-size:12px;color:var(--color-warning);font-weight:600}.newsession-popup .modal-header{padding:7px 24px}.newsession-popup .modal-body{padding:14px 24px}.study-pip-modal-header{display:flex;align-items:center;gap:8px;padding:7px 24px;border-bottom:1px solid var(--color-border)}.study-pip-modal-logo{font-size:15px}.study-pip-modal-title{flex:1;font-size:13px;font-weight:700;color:var(--color-text-primary)}.study-pip-modal-close:hover{background:var(--bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border)}.study-pip-body{padding:14px 24px}.study-pip-form{display:flex;flex-direction:column;gap:12px}.study-pip-field{display:flex;flex-direction:column;gap:4px}.study-pip-field input{width:100%;padding:8px 10px;font-size:13px;background:var(--bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.study-pip-row{display:flex;gap:12px}.study-pip-start{width:100%;padding:10px 0;border-radius:var(--radius-md);border:none;background:var(--color-primary);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:filter .15s ease,transform .15s ease}.study-pip-running{display:flex;flex-direction:column;gap:12px}.study-pip-course{font-size:14px;font-weight:700;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.study-pip-lesson{font-size:12px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.study-pip-badge{font-size:10px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border);display:inline-flex;align-items:center;gap:3px}.study-pip-status{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap}.study-pip-status.active{background:#22c55e1f;color:var(--color-success)}.study-pip-status.paused{background:#f59e0b1f;color:var(--color-warning)}.study-pip-status.done{background:#22c55e1f;color:var(--color-success)}.study-pip-status.idle{background:var(--bg-tertiary);color:var(--color-text-muted)}.study-pip-control{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--bg-tertiary);color:var(--color-text-primary);font-size:13px;font-weight:700;padding:8px 0;cursor:pointer;height:38px;transition:transform .15s ease,filter .15s ease,background .15s ease}.study-pip-legend{display:flex;gap:16px;font-size:10.5px;color:var(--color-text-muted);justify-content:center;flex-wrap:wrap}.study-pip-floating{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 0;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--bg-tertiary);color:var(--color-primary);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.session-complete-body{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.session-complete-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#22c55e1f;color:#16a34a;border-radius:50%;margin-bottom:6px}.session-complete-time{font-size:34px;font-weight:800;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.session-complete-sub{font-size:13px;color:var(--color-text-muted)}.session-complete-meta{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 4px}.session-complete-meta div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:var(--bg-tertiary);border-radius:var(--radius-md);text-align:left}.session-complete-meta span{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.session-complete-meta strong{font-size:13px;color:var(--color-text-primary);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-complete-progress{width:100%;margin-top:12px;padding-top:14px;border-top:1px solid var(--color-border)}.session-complete-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px}.session-complete-label strong{color:var(--color-primary)}.session-complete-progress input[type=range]{width:100%;accent-color:var(--color-primary)}.session-complete-progress-hint{display:flex;flex-direction:column;gap:4px;margin-top:8px;font-size:11px;color:var(--color-text-muted)}.session-complete-done{display:flex;align-items:center;justify-content:center;gap:4px;color:var(--color-success);font-weight:600}.session-complete-actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap;justify-content:center}.session-complete-saving{font-size:12px;color:var(--color-text-muted);margin-top:8px}.study-timer-panel{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.study-timer-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.study-timer-head-right{display:flex;align-items:center;gap:8px}.study-timer-dismiss{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.study-timer-dismiss:hover{background:var(--bg-tertiary);color:var(--color-text-primary)}.study-timer-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--color-text-primary)}.study-timer-title svg{color:var(--color-primary)}.study-timer-status{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.5px}.study-timer-status.is-active{color:#16a34a}.study-timer-status.is-paused{color:#d97706}.study-timer-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 1.6s ease-in-out infinite}.study-timer-status.is-paused .study-timer-dot{animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.study-timer-empty{text-align:center;padding:18px 8px;color:var(--color-text-muted);font-size:13px;display:flex;flex-direction:column;gap:6px;align-items:center}.study-timer-empty-sub{font-size:12px}.study-timer-empty .btn{margin-top:8px}.study-timer-empty .btn:first-of-type{margin-top:10px}.study-timer-empty .btn+.btn{margin-top:0}.study-timer-meta{display:flex;flex-direction:column;gap:8px}.study-session-name{font-size:14px;font-weight:600;color:var(--color-text-primary)}.study-badges{display:flex;flex-wrap:wrap;gap:6px}.study-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:4px 9px;border-radius:999px;background:#5b3fd614;color:#6d5ce1;border:1px solid rgba(91,63,214,.18);max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.study-pill.pill-educator{background:#ec489914;color:#db2777;border-color:#ec48992e}.study-pill.pill-course{background:#8b5cf614;color:#7c3aed;border-color:#8b5cf62e}.study-pill.pill-lesson{background:#10b98114;color:#059669;border-color:#10b9812e}.study-timer-time{font-size:42px;font-weight:800;color:var(--color-text-primary);font-variant-numeric:tabular-nums;text-align:center;letter-spacing:1px}.study-timer-controls{display:flex;gap:8px;justify-content:center}.study-timer-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--color-border);background:var(--bg-tertiary);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.study-timer-btn:hover{transform:translateY(-1px);border-color:var(--color-primary)}.study-timer-btn.primary{background:var(--color-primary);border-color:transparent;color:#fff}.study-timer-btn.primary:hover{background:var(--color-primary-hover)}.study-timer-btn.warn{color:#d97706}.study-timer-btn.warn:hover{background:#f59e0b1a;border-color:#d97706}.study-timer-btn.danger{color:var(--color-danger)}.study-timer-btn.danger:hover{background:#ef44441a;border-color:var(--color-danger)}.study-progress-edit{margin-top:4px}.study-progress-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--color-text-muted);margin-bottom:6px}.study-progress-label strong{color:var(--color-primary)}.study-progress-edit input[type=range]{width:100%;accent-color:var(--color-primary)}.study-timer-foot{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--color-border)}.study-timer-stats{display:flex;justify-content:space-between;font-size:12px;color:var(--color-text-muted)}.study-timer-stats span{display:flex;align-items:center;gap:4px}.study-timer-stats strong{color:var(--color-text-primary)}.study-timer-stats svg{color:#d97706}.study-pip-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:var(--bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:12px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.study-pip-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.study-pip-btn:disabled{opacity:.5;cursor:not-allowed}.study-pip-modal-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.study-pip-modal-logo{font-size:14px}.study-pip-modal-title{flex:1;font-weight:700;color:var(--color-text-primary)}.study-pip-modal-close{width:24px;height:24px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.study-pip-modal-close:hover{background:var(--color-bg-hover, var(--bg-tertiary));color:var(--color-text-primary)}.study-pip-body{padding:4px 4px 2px}.study-pip-form{display:flex;flex-direction:column;gap:10px}.study-pip-field{display:flex;flex-direction:column;gap:3px}.study-pip-field label{font-size:11px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.4px}.study-pip-field input{width:100%;padding:7px 9px;font-size:12.5px;background:var(--bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:9px}.study-pip-field input:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.study-pip-row{display:flex;gap:10px}.study-pip-row .study-pip-field{flex:1}.study-pip-error{color:var(--color-danger);font-size:12px;background:#ef444410;border:1px solid #EF444430;border-radius:var(--radius-md);padding:6px 8px}.study-pip-start{width:100%;padding:10px 0;border-radius:10px;border:none;background:var(--color-primary);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:filter .15s ease,transform .15s ease}.study-pip-start:hover{filter:brightness(1.1);transform:translateY(-1px)}.study-pip-start:active{transform:scale(.98)}.study-pip-start:disabled{opacity:.5;cursor:not-allowed}.study-pip-running{display:flex;flex-direction:column;gap:10px}.study-pip-meta{overflow:hidden}.study-pip-course{font-size:13px;font-weight:700;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.study-pip-lesson{font-size:11.5px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.study-pip-badges{display:flex;flex-wrap:nowrap;gap:5px;overflow:hidden}.study-pip-badge{font-size:10px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border);display:inline-flex;align-items:center;gap:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.study-pip-badge.edu{color:var(--color-accent, #7a63f7)}.study-pip-timer{display:flex;align-items:center;justify-content:center;gap:8px}.study-pip-glyph{font-size:16px;line-height:1}.study-pip-glyph.active{color:var(--color-success);animation:pulse 1.4s ease-in-out infinite}.study-pip-glyph.paused{color:var(--color-warning)}.study-pip-glyph.idle{color:var(--color-text-muted)}.study-pip-time{font-variant-numeric:tabular-nums;font-weight:800;font-size:28px;letter-spacing:.5px}.study-pip-status{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}.study-pip-status.active{color:var(--color-success)}.study-pip-status.paused{color:var(--color-warning)}.study-pip-status.done{color:var(--color-success)}.study-pip-status.idle{color:var(--color-text-muted)}.study-pip-controls{display:flex;gap:6px;flex-wrap:nowrap}.study-pip-control{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;border-radius:10px;border:1px solid var(--color-border);background:var(--bg-tertiary);color:var(--color-text-primary);font-size:13px;font-weight:700;padding:8px 0;cursor:pointer;transition:transform .15s ease,filter .15s ease,background .15s ease;height:38px}.study-pip-control:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.study-pip-control:hover{filter:brightness(1.12);transform:translateY(-1px)}.study-pip-control:active{transform:scale(.97)}.study-pip-control.primary{background:var(--color-primary);border-color:transparent;color:#fff}.study-pip-control.warn{background:#f59e0b24;border-color:#f59e0b59;color:var(--color-warning)}.study-pip-control.danger{background:#ef444424;border-color:#ef444459;color:var(--color-danger)}.study-pip-control:disabled{opacity:.4;cursor:not-allowed;transform:none;filter:none}.study-pip-legend{display:flex;gap:12px;font-size:10.5px;color:var(--color-text-muted);justify-content:center;flex-wrap:wrap}.study-pip-stats{font-size:12px;color:var(--color-text-secondary);text-align:center}.study-pip-stats strong{color:var(--color-text-primary);font-variant-numeric:tabular-nums}.study-pip-floating{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 0;border-radius:10px;border:1px solid var(--color-border);background:var(--bg-tertiary);color:var(--color-accent);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.study-pip-floating:hover{background:var(--color-primary);color:#fff}.study-timer-panel--compact{padding:12px}.study-timer-panel--compact .study-timer-time{font-size:32px}.study-timer-panel--compact .study-badges{gap:4px}.study-timer-panel--compact .study-timer-btn{width:38px;height:38px}.active-session-recovery{padding:12px 16px;background:linear-gradient(135deg,#5b3fd614,#06b6d414);border:1px solid rgba(91,63,214,.25);border-radius:var(--radius-md)}.active-session-recovery-inner{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.active-session-recovery-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.active-session-recovery-dot{width:10px;height:10px;border-radius:50%;background:#16a34a;box-shadow:0 0 10px #16a34a99;animation:pulse 1.4s ease-in-out infinite;flex-shrink:0}.active-session-recovery-info strong{font-size:13px;color:var(--color-text-primary);display:block}.active-session-recovery-meta{font-size:12px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-session-recovery-time{font-size:18px;font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.active-session-recovery-actions{display:flex;gap:6px}.learn-study-widget{display:flex;flex-direction:column;gap:10px;margin-top:24px}.learn-study-widget .learn-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%}.confirm-dialog-body{width:100%}.confirm-dialog-body p{font-size:13px;color:var(--color-text-secondary);line-height:1.5;margin:0}.confirm-dialog-current-time{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;color:var(--color-text-secondary)}.confirm-dialog-current-time strong{font-size:16px;font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.confirm-dialog-header{display:flex;align-items:center;gap:10px;width:100%}.confirm-dialog-header h3{font-size:15px;font-weight:600;color:var(--color-text-primary);margin:0;flex:1}.confirm-dialog-header .modal-close-btn{flex-shrink:0}.confirm-dialog-actions{display:flex;gap:8px;margin-top:16px}.right-panel-reopen-study{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 12px;background:var(--bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-md);font-size:13px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.right-panel-reopen-study:hover{border-color:var(--color-primary);color:var(--color-primary)}.exam-page{width:100%;display:flex;flex-direction:column;gap:20px;font-family:var(--font-family)}.exam-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.exam-header-title{display:flex;gap:14px;align-items:flex-start}.exam-header-icon{width:48px;height:48px;border-radius:14px;background:#eef0fe;color:#6d5ef0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.exam-page-title{font-size:24px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.exam-page-subtitle{font-size:14px;color:var(--color-text-secondary);margin-top:4px}.exam-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;width:100%}.exam-search{position:relative;display:flex;align-items:center;flex:1 1 auto;min-width:0;width:auto}.exam-header-actions .exam-select-wrap,.exam-header-actions .btn{flex-shrink:0}.exam-search-icon{position:absolute;left:10px;color:var(--color-text-muted)}.exam-search-input{height:40px;width:100%;padding:0 30px 0 34px;border:1px solid var(--color-border);border-radius:10px;background:var(--bg-secondary);color:var(--color-text-primary);font-size:14px;font-family:inherit}.exam-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #5b3fd61f}.exam-search-clear{position:absolute;right:6px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;display:flex}.exam-select-wrap{display:flex;align-items:center;gap:6px;height:40px;padding:0 10px;border:1px solid var(--color-border);border-radius:10px;background:var(--bg-secondary);color:var(--color-text-secondary)}.exam-select{border:none;background:transparent;font-size:13px;font-weight:600;color:var(--color-text-primary);font-family:inherit;cursor:pointer}.exam-select:focus{outline:none}.exam-filter-chips{display:flex;gap:8px;flex-wrap:wrap}.exam-chip{padding:7px 14px;border-radius:999px;border:1px solid var(--color-border);background:var(--bg-secondary);font-size:13px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.exam-chip:hover,.exam-chip-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.exam-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.exam-stat-card{background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px 18px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-sm)}.exam-stat-label{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.exam-stat-value{font-size:32px;font-weight:800;color:var(--color-text-primary);letter-spacing:-.02em}.exam-next{background:linear-gradient(135deg,#5b3fd6,#8b5cf6);color:#fff;border-radius:var(--radius-xl);padding:28px;text-align:center;box-shadow:var(--shadow-lg)}.exam-next-badge{display:inline-block;background:#fff3;padding:4px 14px;border-radius:999px;font-size:13px;font-weight:700}.exam-next-name{font-size:22px;font-weight:700;margin-top:10px}.exam-next-count{font-size:72px;font-weight:800;line-height:1;margin-top:8px}.exam-next-unit{font-size:14px;font-weight:700;letter-spacing:.15em;opacity:.9}.exam-next-meta{display:flex;gap:16px;justify-content:center;margin-top:12px;font-size:14px;font-weight:600;flex-wrap:wrap}.exam-section{display:flex;flex-direction:column;gap:14px}.exam-section-title{font-size:17px;font-weight:700;color:var(--color-text-primary)}.exam-muted{font-size:14px;color:var(--color-text-muted)}.exam-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.exam-card{background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:18px;display:flex;flex-direction:column;gap:14px;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.exam-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.exam-card-done{opacity:.85;background:var(--bg-tertiary)}.exam-skeleton{min-height:220px;background:var(--bg-tertiary);animation:skeletonPulse 1.5s ease-in-out infinite;cursor:default}.exam-card-top{display:flex;align-items:center;gap:10px}.exam-circle{width:26px;height:26px;border-radius:50%;border:2px solid var(--color-border);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;flex-shrink:0;transition:all var(--transition-fast)}.exam-circle:hover{border-color:var(--color-success)}.exam-circle-done{background:var(--color-success);border-color:var(--color-success)}.exam-card-name{flex:1;font-size:15px;font-weight:700;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exam-menu-wrap{position:relative}.exam-icon-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:var(--bg-secondary);border-radius:8px;color:var(--color-text-secondary);cursor:pointer}.exam-icon-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.exam-menu{position:absolute;right:0;top:34px;min-width:170px;background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;z-index:30;display:flex;flex-direction:column}.exam-menu button{display:flex;align-items:center;gap:8px;padding:9px 10px;border:none;background:transparent;font-size:13px;font-weight:600;color:var(--color-text-primary);border-radius:8px;cursor:pointer;text-align:left;font-family:inherit}.exam-menu button:hover{background:var(--bg-tertiary)}.exam-menu-danger{color:var(--color-danger)!important}.exam-count{display:flex;flex-direction:column;align-items:center;padding:8px 0}.exam-count-num{font-size:52px;font-weight:800;color:var(--color-primary);line-height:1}.exam-count-unit{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--color-text-secondary);margin-top:6px}.exam-count-done .exam-count-unit{font-size:15px;color:var(--color-success)}.exam-card-meta{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:500;color:var(--color-text-secondary)}.exam-tag{display:inline-block;align-self:flex-start;background:var(--bg-tertiary);border:1px solid var(--color-border-light);padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.exam-tag-cat{color:var(--color-primary)}.exam-card-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border-light);padding-top:12px}.exam-status{padding:3px 12px;border-radius:999px;font-size:12px;font-weight:700}.exam-status-upcoming{background:#e6f1fe;color:#2563eb}.exam-status-tomorrow{background:#fef3c7;color:#b45309}.exam-status-today{background:#fee2e2;color:#dc2626}.exam-status-completed{background:#dcfce7;color:#16a34a}.exam-status-passed{background:#f3f4f6;color:#6b7280}.exam-foot-actions{display:flex;gap:8px}.exam-link-btn{display:inline-flex;align-items:center;gap:4px;border:none;background:transparent;color:var(--color-primary);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.exam-link-btn:hover{text-decoration:underline}.exam-cal-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.exam-cal-nav{display:flex;align-items:center;gap:10px}.exam-cal-label{font-size:14px;font-weight:700;color:var(--color-text-primary);min-width:150px;text-align:center}.exam-calendar{background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:18px;display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.exam-cal-weekday{text-align:center;font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;padding-bottom:6px}.exam-cal-cell{position:relative;aspect-ratio:1;border:1px solid var(--color-border-light);background:var(--bg-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--color-text-primary);cursor:pointer;font-family:inherit}.exam-cal-cell:hover{border-color:var(--color-primary)}.exam-cal-empty{background:transparent;border:none;cursor:default}.exam-cal-today{border:2px solid var(--color-primary)}.exam-cal-has{background:#5b3fd614;border-color:#5b3fd659}.exam-cal-dot{position:absolute;bottom:4px;right:4px;min-width:18px;height:18px;border-radius:999px;background:var(--color-primary);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}.exam-form{display:flex;flex-direction:column;gap:12px}.exam-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.exam-form-error{color:var(--color-danger);font-size:13px;font-weight:600}.exam-dup-warn{background:#fef3c7;border:1px solid #F59E0B;border-radius:10px;padding:12px;font-size:13px;color:#92400e}.exam-dup-actions{display:flex;gap:8px;margin-top:8px}.exam-reminders{border:1px solid var(--color-border);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px}.exam-reminders-head{font-size:14px;font-weight:600}.exam-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-primary);cursor:pointer}.exam-reminder-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.exam-details{display:flex;flex-direction:column;gap:16px}.exam-details-count{text-align:center;background:var(--bg-tertiary);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:4px}.exam-details-list{display:flex;flex-direction:column;gap:0}.exam-details-list>div{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--color-border-light);font-size:14px}.exam-details-list dt{width:110px;flex-shrink:0;font-weight:600;color:var(--color-text-muted)}.exam-details-list dd{flex:1;color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.exam-ext-link{color:var(--color-primary);font-weight:600;display:inline-flex;align-items:center;gap:4px}.exam-passed-note{color:var(--color-warning);font-weight:600;display:inline-flex;align-items:center;gap:6px}.exam-details-foot{display:flex;justify-content:flex-end}@media(max-width:1100px){.exam-grid,.exam-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.exam-header{flex-direction:column;align-items:stretch}.exam-header-actions{width:100%;flex-wrap:wrap}.exam-search-input{width:100%}.exam-search{flex:1}.exam-grid{grid-template-columns:1fr}.exam-stats{grid-template-columns:repeat(2,1fr)}.exam-form-row{grid-template-columns:1fr}.exam-next-count{font-size:56px}.exam-calendar{padding:10px;gap:4px}}.exam-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.exam-main{display:flex;flex-direction:column;gap:20px;min-width:0}.exam-side{display:flex;flex-direction:column;gap:16px;min-width:0}.exam-top{display:flex;gap:14px;align-items:center}.exam-stat-icon{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.exam-stat-caption{font-size:12px;font-weight:500;color:var(--color-text-muted)}.exam-stat-card{gap:5px}.exam-toolbar{display:flex;gap:10px;align-items:center}.exam-toolbar .exam-search{flex:1 1 auto;min-width:0;width:auto}.exam-toolbar .exam-select-wrap,.exam-toolbar .btn{flex-shrink:0}.exam-chip-count{opacity:.75;font-weight:700}.exam-chip-active .exam-chip-count{opacity:1}.exam-featured{position:relative;overflow:hidden;background:linear-gradient(135deg,#4a2fc8,#7c3aed 55%,#a855f7);border-radius:20px;padding:24px 26px;color:#fff;box-shadow:var(--shadow-lg)}.exam-featured-deco{position:absolute;right:-34px;top:-34px;opacity:.14;pointer-events:none;color:#fff}.exam-featured-badge{display:inline-flex;align-items:center;gap:6px;background:#fff3;border:1px solid rgba(255,255,255,.3);padding:4px 14px;border-radius:999px;font-size:13px;font-weight:700}.exam-featured-body{display:flex;align-items:center;gap:20px;margin-top:14px}.exam-featured-info{flex:1;min-width:0}.exam-featured-name{font-size:26px;font-weight:800;letter-spacing:-.01em}.exam-featured-pills{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.exam-pill{background:#ffffff38;border:1px solid rgba(255,255,255,.3);padding:3px 12px;border-radius:999px;font-size:12px;font-weight:700}.exam-featured-meta{display:flex;gap:16px;margin-top:12px;font-size:14px;font-weight:600;flex-wrap:wrap}.exam-featured-sub{display:flex;gap:12px;margin-top:6px;font-size:12.5px;opacity:.85;font-weight:500;flex-wrap:wrap}.exam-featured-right{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0}.exam-featured-count{background:#ffffff29;border:1px solid rgba(255,255,255,.35);border-radius:16px;padding:16px 30px;text-align:center;min-width:150px}.exam-featured-num{display:block;font-size:60px;font-weight:800;line-height:1}.exam-featured-unit{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;margin-top:6px;opacity:.92}.exam-featured-quote{font-size:12.5px;font-style:italic;opacity:.85;text-align:center;max-width:220px;margin:0}.exam-featured-arrow{width:44px;height:44px;border-radius:50%;background:#fff;color:#5b3fd6;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform var(--transition-fast)}.exam-featured-arrow:hover{transform:scale(1.08)}.exam-slider-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.exam-section-title-green{display:inline-flex;align-items:center;gap:8px;color:var(--color-text-primary)}.exam-section-title-green svg{color:var(--color-success)}.exam-slider-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.exam-slider{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;cursor:grab}.exam-slider::-webkit-scrollbar{display:none}.exam-slider-dragging{scroll-behavior:auto;scroll-snap-type:none;cursor:grabbing}.exam-slider>.exam-card{flex:0 0 255px;max-width:255px;scroll-snap-align:start;-webkit-user-select:none;user-select:none}.exam-card-completed{background:#f0fdf4;border-color:#bbf7d0}[data-theme=dark] .exam-card-completed{background:#22c55e14;border-color:#22c55e4d}.exam-card-cat{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.exam-banner{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#4a2fc8,#8b5cf6);border-radius:16px;padding:20px 22px;color:#fff;box-shadow:var(--shadow-md)}.exam-banner-icon{width:46px;height:46px;border-radius:14px;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.exam-banner-text h3{font-size:17px;font-weight:800;margin:0}.exam-banner-text p{font-size:13px;opacity:.85;margin:4px 0 0}.exam-banner-btn{margin-left:auto;display:inline-flex;align-items:center;gap:8px;background:#fff;color:#5b3fd6;border:none;border-radius:10px;padding:11px 18px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;flex-shrink:0;transition:transform var(--transition-fast)}.exam-banner-btn:hover{transform:scale(1.03)}.exam-side-card{background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:14px;padding:16px;box-shadow:var(--shadow-sm)}.exam-side-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:700;color:var(--color-text-primary);margin-bottom:12px}.exam-quick-list{display:flex;flex-direction:column;gap:8px}.exam-quick-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--color-border-light);border-radius:10px;background:var(--bg-primary)}.exam-quick-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.exam-quick-text{display:flex;flex-direction:column;gap:1px;min-width:0}.exam-quick-label{font-size:13px;font-weight:700;color:var(--color-text-primary)}.exam-quick-sub{font-size:12px;color:var(--color-text-muted)}.exam-quick-value{margin-left:auto;font-size:22px;font-weight:800;color:var(--color-text-primary)}.exam-soon-list{display:flex;flex-direction:column}.exam-soon-item{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid var(--color-border-light);background:transparent;border-left:none;border-right:none;border-top:none;cursor:pointer;text-align:left;font-family:inherit;width:100%}.exam-soon-item:last-child{border-bottom:none;padding-bottom:0}.exam-soon-item:first-child{padding-top:0}.exam-soon-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.exam-soon-text{display:flex;flex-direction:column;gap:1px;min-width:0}.exam-soon-name{font-size:13.5px;font-weight:700;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exam-soon-days{font-size:12px;font-weight:600;color:var(--color-primary)}.exam-soon-date{font-size:12px;color:var(--color-text-muted)}.exam-tip{background:#f1efff;border-color:#ddd6fe;padding:15px;border-radius:10px}[data-theme=dark] .exam-tip{background:#8b5cf61f;border-color:#8b5cf659}.exam-tip .exam-side-title{color:#6d5ef0;margin-bottom:8px}[data-theme=dark] .exam-tip .exam-side-title{color:#a78bfa}.exam-tip-text{font-size:13.5px;line-height:1.6;color:var(--color-text-primary);margin:0}.exam-activity-list{display:flex;flex-direction:column;gap:12px}.exam-activity-item{display:flex;gap:10px;align-items:flex-start}.exam-activity-icon{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.exam-activity-text{display:flex;flex-direction:column;gap:2px;min-width:0}.exam-activity-name{font-size:13px;font-weight:600;color:var(--color-text-primary);line-height:1.45}.exam-activity-time{font-size:11.5px;color:var(--color-text-muted)}@media(max-width:1100px){.exam-layout{grid-template-columns:1fr}.exam-featured-body{flex-wrap:wrap}.exam-featured-right{width:100%}.exam-featured-quote{max-width:none}}@media(max-width:768px){.exam-toolbar{flex-wrap:wrap}.exam-toolbar .exam-search{flex:1 1 100%}.exam-slider>.exam-card{flex-basis:82%;max-width:82%}.exam-featured-name{font-size:21px}.exam-featured-num{font-size:48px}.exam-featured-arrow{display:none}.exam-banner{flex-wrap:wrap}.exam-banner-btn{margin-left:0;width:100%;justify-content:center}}.exams-rail{display:flex;flex-direction:column;gap:16px}.exams-right-panel .right-panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.exam-side-title-icon{display:inline-flex;align-items:center;gap:7px}.exams-rail .exam-tip-title{color:#6d5ef0;justify-content:flex-start}[data-theme=dark] .exams-rail .exam-tip-title{color:#a78bfa}.exams-rail .exam-soon-item:hover .exam-soon-name{color:var(--color-primary)}.exam-stat-head{display:flex;align-items:center;gap:10px}.exam-stat-value,.exam-stat-caption{margin-left:48px}.exam-card-datetime{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;font-weight:500;color:var(--color-text-secondary)}.exam-foot-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.exam-slider>.exam-card{flex-basis:330px;max-width:330px}.exam-slider>.exam-card{padding:14px;gap:10px}.exam-slider .exam-count{padding:2px 0}.exam-slider .exam-count-num{font-size:38px}.exam-slider .exam-count-unit{margin-top:4px}.exam-link-danger,.exam-icon-btn.exam-icon-danger{color:var(--color-danger)}.exam-icon-btn.exam-icon-danger:hover{border-color:var(--color-danger);color:var(--color-danger)}.exam-foot-actions .exam-icon-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.exam-foot-actions .exam-icon-btn.exam-icon-danger:hover{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.exam-stats .exam-stat-card{padding:12px 14px;gap:3px}.exam-stats .exam-stat-head{gap:8px}.exam-stats .exam-stat-icon{width:30px;height:30px;border-radius:9px}.exam-stats .exam-stat-icon svg{width:17px;height:17px}.exam-stats .exam-stat-value{font-size:24px;margin-left:38px}.exam-stats .exam-stat-caption{margin-left:38px}.exam-schedule-toggle{display:flex;gap:6px;background:var(--bg-tertiary);border-radius:10px;padding:4px;margin-bottom:12px}.exam-schedule-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;background:transparent;border-radius:8px;padding:8px 6px;font-size:12.5px;font-weight:700;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;transition:all var(--transition-fast);white-space:nowrap}.exam-schedule-btn.active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.exam-sched-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.exam-sched-month{font-size:13.5px;font-weight:700;color:var(--color-text-primary)}.exam-mini-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.exam-mini-weekday{text-align:center;font-size:10px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;padding:3px 0}.exam-mini-cell{position:relative;aspect-ratio:1;border:1px solid transparent;background:transparent;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:12px;font-weight:600;color:var(--color-text-primary);cursor:pointer;font-family:inherit;padding:1px}.exam-mini-cell:hover:not(.exam-mini-empty){border-color:var(--color-primary)}.exam-mini-empty{cursor:default}.exam-mini-has{background:#5b3fd614}.exam-mini-today{border:2px solid var(--color-primary);border-radius:50%;color:var(--color-primary);font-weight:800}.exam-mini-selected:not(.exam-mini-today){border:2px solid var(--color-primary)}.exam-mini-num{line-height:1.1}.exam-mini-dots{display:flex;align-items:center;gap:2px;min-height:6px}.exam-mini-dot{width:5px;height:5px;border-radius:50%;background:var(--color-primary)}.exam-mini-dot-done{background:var(--color-success)}.exam-mini-count{font-size:8.5px;font-weight:800;color:var(--color-text-secondary);line-height:1}.exam-sched-legend{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:11.5px;color:var(--color-text-secondary);font-weight:500}.exam-legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:baseline}.exam-legend-exam{background:var(--color-primary)}.exam-legend-today{background:transparent;border:2px solid var(--color-primary);width:6px;height:6px}.exam-legend-done{background:var(--color-success)}.exam-sched-daylist{margin-top:10px;border-top:1px solid var(--color-border-light);padding-top:10px;display:flex;flex-direction:column;gap:6px}.exam-sched-daytitle{font-size:12.5px;font-weight:700;color:var(--color-text-primary)}.exam-sched-dayitem{display:flex;align-items:center;gap:8px;border:1px solid var(--color-border-light);background:var(--bg-primary);border-radius:9px;padding:8px 10px;cursor:pointer;font-family:inherit;text-align:left;width:100%}.exam-sched-dayitem:hover{border-color:var(--color-primary)}.exam-sched-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary);flex-shrink:0}.exam-sched-dot.done{background:var(--color-success)}.exam-sched-dayname{flex:1;font-size:12.5px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exam-sched-daytime{font-size:11.5px;color:var(--color-text-muted);flex-shrink:0}.exam-schedule-list{display:flex;flex-direction:column;gap:4px;max-height:340px;overflow-y:auto}.exam-month-row{display:flex;align-items:center;gap:8px;width:100%;border:none;background:transparent;padding:9px 4px;cursor:pointer;font-family:inherit;border-bottom:1px solid var(--color-border-light)}.exam-month-row:hover .exam-month-label{color:var(--color-primary)}.exam-month-chevron{color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.exam-month-chevron.open{transform:rotate(180deg)}.exam-month-label{font-size:13px;font-weight:700;color:var(--color-text-primary)}.exam-month-count{margin-left:auto;font-size:11.5px;font-weight:600;color:var(--color-text-muted);flex-shrink:0}.exam-month-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-normal)}.exam-month-body.open{grid-template-rows:1fr}.exam-month-items{overflow:hidden;display:flex;flex-direction:column;gap:8px}.exam-month-body.open .exam-month-items{padding:8px 0 10px}.exam-list-item{display:flex;flex-direction:column;gap:5px;align-items:flex-start;text-align:left;border:1px solid var(--color-border-light);background:var(--bg-primary);border-radius:10px;padding:10px 12px;cursor:pointer;font-family:inherit;width:100%}.exam-list-item:hover{border-color:var(--color-primary)}.exam-list-item-done{background:#f0fdf4;border-color:#bbf7d0}[data-theme=dark] .exam-list-item-done{background:#22c55e14;border-color:#22c55e4d}.exam-list-date{font-size:12px;font-weight:700;color:var(--color-text-primary)}.exam-list-name{font-size:13.5px;font-weight:700;color:var(--color-text-primary)}.exam-list-sub{font-size:12px;color:var(--color-text-secondary)}.exam-list-days{font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--color-primary);margin-top:2px}.exam-list-status{font-size:11.5px;font-weight:700;color:var(--color-primary)}.exam-list-status-tomorrow{color:#b45309}.exam-list-status-today{color:#dc2626}.exam-list-status-done{color:var(--color-success)}.statistics-rail>.monthly-streak-card{padding:16px}.statistics-rail>.monthly-streak-card .chart-card-header{flex-direction:column;align-items:stretch}.statistics-rail>.monthly-streak-card .chart-card-header-actions{width:100%}.statistics-rail>.monthly-streak-card .monthly-view-tabs{width:100%;margin-left:0}.statistics-rail>.monthly-streak-card .monthly-nav-label{min-width:0;flex:1;font-size:13px}.statistics-rail>.monthly-streak-card .monthly-streak-summary{grid-template-columns:repeat(2,1fr)}.statistics-rail>.monthly-streak-card .monthly-streak-stat-value{font-size:16px}.statistics-rail>.monthly-streak-card .monthly-calendar-grid{row-gap:8px}.statistics-rail>.monthly-streak-card .monthly-calendar-cell{width:30px;height:30px}.statistics-rail>.monthly-streak-card .monthly-calendar-date{font-size:11px}.statistics-rail>.monthly-streak-card .monthly-calendar-hours{display:none}.statistics-rail>.monthly-streak-card .monthly-week-row{flex-direction:column}.statistics-rail>.monthly-streak-card .monthly-week-total{min-width:0;width:100%;flex-direction:row;justify-content:space-between}.monthly-expand-btn{margin-left:auto;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:var(--bg-secondary);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;flex-shrink:0}.monthly-expand-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.streak-dialog{max-width:70%}.streak-dialog .monthly-calendar-cell,.streak-dialog .monthly-week-cell{width:45px;height:45px}@media(max-width:768px){.streak-dialog{max-width:95%}}.stats-grid-bottom{grid-template-columns:repeat(4,1fr)}.stat-card-exam{cursor:pointer}.stat-card-exam .stat-card-desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(max-width:1200px){.stats-grid-bottom{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.stats-grid-bottom{grid-template-columns:repeat(2,1fr)}}.roll-counter{display:inline-flex;align-items:center}.roll-digit{display:inline-block;height:1em;overflow:hidden;line-height:1;vertical-align:middle}.roll-strip{display:flex;flex-direction:column;transition:transform .9s cubic-bezier(.25,.9,.25,1);will-change:transform}.roll-strip>span{height:1em;line-height:1;font-variant-numeric:tabular-nums}.roll-space{display:inline-block;width:.28em}.stat-card-value-inline{display:flex;align-items:center;gap:6px}.stat-card-value-sub{font-size:12px;font-weight:600;color:var(--color-text-muted)}.exam-count-inline{flex-direction:row;align-items:center;justify-content:center;gap:8px}.exam-count-inline .exam-count-unit{margin-top:0}.exam-schedule-dialog{max-width:70%}.exam-schedule-dialog .exam-mini-grid{max-width:none}.exam-schedule-dialog .exam-schedule-list{max-height:60vh}@media(max-width:768px){.exam-schedule-dialog{max-width:95%}}.exam-all-dialog{max-width:70%}.exam-all-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:12px}.exam-all-toolbar .exam-search{flex:1 1 auto;min-width:0}.exam-view-toggle{margin-bottom:0;width:210px;flex-shrink:0}.exam-all-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:12px}.exam-all-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.exam-listrow{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--color-border-light);border-radius:10px;background:var(--bg-primary);cursor:pointer}.exam-listrow:hover{border-color:var(--color-primary)}.exam-listrow-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.exam-listrow-name{font-size:14px;font-weight:700;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exam-listrow-sub{font-size:12px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exam-listrow-count{font-size:14px;font-weight:800;color:var(--color-primary);white-space:nowrap;flex-shrink:0}@media(max-width:768px){.exam-all-dialog{max-width:100%}.exam-all-toolbar{flex-wrap:wrap}.exam-view-toggle{width:100%}}@media(min-width:901px){.exam-all-toolbar{flex-wrap:nowrap}}.exam-all-toolbar .exam-select-wrap{flex-shrink:0}@media(max-width:1100px){.exam-all-dialog{max-width:100%}.exam-schedule-dialog,.streak-dialog{max-width:85%}}@media(max-width:900px){.exam-all-toolbar{flex-wrap:wrap}.exam-all-toolbar .exam-search{flex:1 1 100%}.exam-view-toggle{width:100%}}@media(max-width:768px){.exam-featured{padding:16px}.exam-featured-right{width:100%;flex-direction:row;align-items:center;gap:10px}.exam-featured-count{min-width:0;flex:1;padding:10px 8px;display:flex;align-items:center;justify-content:center;gap:6px}.exam-featured-num{font-size:36px}.exam-featured-unit{font-size:11px;letter-spacing:.06em;opacity:.7}.exam-featured-quote{flex:1;text-align:left;max-width:none;font-size:12px}.exam-featured-name{font-size:19px}.exam-featured-body{margin-top:10px;gap:12px}.exam-sched-month{font-size:12.5px}}@media(max-width:480px){.streak-dialog .monthly-calendar-cell,.streak-dialog .monthly-week-cell{width:38px;height:38px}.exam-schedule-dialog .exam-mini-grid{max-width:none}.exam-listrow{flex-wrap:wrap;gap:8px 10px;padding:10px}.exam-listrow-main{flex:1 1 calc(100% - 140px);min-width:0}.exam-listrow>.exam-status{margin-left:auto}.exam-listrow-count{margin-left:36px}.exam-listrow>.exam-foot-actions{margin-left:auto}.exam-details-list>div{flex-direction:column;gap:4px}.exam-details-list dt{width:100%}.exam-stats{gap:10px}.exam-stat-card{padding:10px 12px}.exam-top{gap:10px}.exam-page-title{font-size:20px}.exam-filter-chips{gap:6px}.exam-chip{padding:6px 11px;font-size:12px}.exam-slider-head{flex-wrap:wrap}.exam-banner{padding:16px}}.header-exam-count{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--color-primary);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-secondary)}.exam-icon-btn.exam-icon-todo:hover,.exam-icon-btn.exam-icon-done,.exam-icon-btn.exam-icon-done:hover{background:var(--color-success);border-color:var(--color-success);color:#fff}.exam-card-popup .exam-card-foot{display:flex}.exam-card-popup .exam-foot-actions-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%}.exam-card-popup .exam-foot-actions-grid .exam-icon-btn{width:100%}.modal-overlay{padding:16px}@media(max-width:768px){.app-body{flex-direction:column;overflow-y:auto;overflow-x:hidden}.main-content{overflow:visible}.right-panel{width:100%;flex-shrink:0;border-left:none;border-top:1px solid var(--color-border);overflow:visible}}@media(max-width:640px){.header-btn-label{display:none}}.table-card{overflow-x:auto}.sessions-table{min-width:620px}@media(max-width:1024px){.goals-stat-cards,.goals-categories-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.goals-header{flex-direction:column;align-items:stretch;height:auto;gap:12px}.goals-tabs{overflow-x:auto}.goals-goal-row{flex-wrap:wrap;gap:12px}.goals-goal-progress{flex:1 1 100%}.goals-goal-meta{width:100%;justify-content:space-between}.goals-categories-grid{grid-template-columns:1fr}}@media(max-width:480px){.modal-overlay{padding:10px}.dialog-body{padding:16px}.dialog-header{padding:14px 16px}.dialog-footer{padding:12px 16px;flex-wrap:wrap}.exam-toolbar .exam-select-wrap{flex:1 1 45%}.exam-toolbar .exam-select{width:100%}.trash-item{flex-wrap:wrap;gap:8px}.theme-options{flex-wrap:wrap}.settings-card{padding:16px}}.dialog-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.exam-desc-box{display:block;width:100%;background:var(--bg-tertiary);border:1px solid var(--color-border-light);border-radius:10px;padding:10px 12px;font-size:13.5px;line-height:1.6;color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;max-height:160px;overflow-y:auto}.dropdown-menu{max-width:calc(100vw - 32px)}@media(max-width:640px){.learn-header{flex-direction:column;align-items:stretch;gap:12px}.learn-header-actions,.learn-permission-actions{flex-wrap:wrap;gap:8px}.content-header{flex-wrap:wrap;gap:10px}.chart-card-header,.table-card-header{flex-wrap:wrap;height:auto;gap:8px;row-gap:10px}.chart-legend{flex-wrap:wrap;gap:10px}.time-stats-grid,.bookmarks-list{grid-template-columns:1fr}.notification-dropdown{width:min(320px,calc(100vw - 32px))}.chart-card{padding:14px}.table-card{padding:12px 12px 4px}.sessions-table th,.sessions-table td{padding:8px}}html,body{overflow-x:hidden;overflow-x:clip}.sidebar-backdrop{display:none}@media(max-width:1024px){.sidebar-backdrop{display:block;position:fixed;left:0;right:0;bottom:0;top:var(--header-height);background:#0006;z-index:40}}.bookmark-card-thumbnail{height:auto;aspect-ratio:16 / 9}.exam-card-name,.exam-soon-text{min-width:0}@media(max-width:768px){.learn-main-layout{flex-direction:column;height:auto}.file-explorer-sidebar{width:100%;min-width:0;max-height:320px}}@media(max-width:480px){.bookmark-card{min-width:0}.bookmarks-list .bookmark-card-thumbnail{width:120px;height:90px}}.tabs,.filter-tabs,.goals-tabs,.exam-slider,.table-card,.hourly-chart-scroll,.exam-schedule-list,.exam-all-grid,.exam-calendar{min-width:0}.stats-grid>*,.bookmarks-grid>*,.collections-grid>*,.goals-stat-cards>*,.goals-categories-grid>*,.exam-stats>*,.study-stats-grid>*,.stat-cards-grid>*,.tab-content-row>*,.study-content-grid>*{min-width:0}@media(max-width:600px){.header-hide-sm{display:none}}.tabs,.filter-tabs,.goals-tabs{max-width:100%}@media(max-width:480px){.header-main-section,.header-sidebar-section{padding:0 8px}.header-right{gap:2px}}.header-center{min-width:0;flex:1 1 auto}.search-bar,.search-input{min-width:0}.bookmark-card-url{overflow-wrap:anywhere}@media(max-width:1024px){.header-logo>div{display:none}}.header-main-section,.header-search-row,.header-right{min-width:0}.header-search-row{flex:1 1 auto}@media(min-width:769px){.header-username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;display:inline-block;vertical-align:middle}}.exam-combo-add{display:flex;gap:8px;align-items:center}.exam-combo-add .input-wrapper{flex:1;min-width:0}.exam-combo-add .btn{flex-shrink:0}@media(max-width:1100px){.exam-toolbar{flex-wrap:wrap}.exam-toolbar .exam-search{flex:1 1 100%}}.header-sidebar-section{order:1}.header-main-section{order:2}@media(max-width:1024px){.header-hamburger{order:1}.header-sidebar-section{order:2}.header-main-section{order:3}}@media(max-width:768px){.header-premium{display:none}}.exam-listrow .exam-tag{align-self:center}@media(max-width:480px){.exam-all-grid{gap:10px}.exam-all-grid .exam-card{padding:12px;gap:8px}.exam-all-grid .exam-count{padding:0}.exam-all-grid .exam-count-num{font-size:30px}.exam-all-grid .exam-card-datetime{font-size:12px}.exam-card-popup .exam-foot-actions-grid{gap:6px}}.exam-badges-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.exam-info-pill{display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);border:1px solid var(--color-border-light);border-radius:12px;padding:10px 12px;min-width:0}.exam-info-count{display:inline-flex;align-items:center;gap:5px;font-weight:800;color:var(--color-primary);white-space:nowrap;flex-shrink:0}.exam-info-count .exam-count-num{font-size:22px}.exam-info-count .exam-count-unit{margin-top:0}.exam-info-sep{width:1px;align-self:stretch;background:var(--color-border);flex-shrink:0}.exam-info-date{flex:1;min-width:0;font-size:13px;font-weight:500;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exam-info-time{font-size:13px;font-weight:500;color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0}.exam-edit-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--color-border);background:var(--bg-secondary);border-radius:10px;padding:2px 10px 2px 2px;font-size:13px;font-weight:600;color:var(--color-text-primary);cursor:pointer;font-family:inherit}.exam-edit-pill-icon{width:24px;height:24px;border-radius:7px;background:#5b3fd61f;color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.exam-edit-pill:hover{border-color:var(--color-primary)}.exam-top-icon{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#5b3fd6,#8b5cf6);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.exam-info-pill{display:flex;align-items:stretch;gap:8px;background:#5b3fd612;border:1px solid rgba(91,63,214,.18);border-radius:12px;padding:10px 12px;min-width:0}.exam-info-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;flex:1 1 0;min-width:0;text-align:center}.exam-info-col-main{flex:1 1 0}.exam-info-pill .exam-count-num{font-size:22px}.exam-info-pill .exam-count-unit{margin-top:0;font-size:11px}.exam-info-date{font-size:13.5px;font-weight:700;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.exam-info-time{font-size:13.5px;font-weight:700;color:var(--color-text-primary);white-space:nowrap}.exam-info-sub{font-size:11px;font-weight:500;color:var(--color-text-muted);white-space:nowrap}.exam-info-pill{padding:7px 10px;gap:6px;border-radius:10px}.exam-info-pill .exam-count-num{font-size:19px}.exam-info-pill .exam-count-unit{font-size:10px}.exam-info-date,.exam-info-time{font-size:12.5px}.exam-info-sub{font-size:10px}.exam-info-col{gap:1px}.exam-card-head{display:flex;gap:10px;align-items:stretch}.exam-top-icon{align-self:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#5b3fd6,#8b5cf6);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.exam-head-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;justify-content:center}.exam-head-row{display:flex;align-items:center;gap:10px}.exam-badges-row{margin-left:0}.exam-info-pill{border:none}@media(max-width:480px){.exam-slider{gap:12px}}.exam-filter-btn{display:none;position:relative;flex-shrink:0}.exam-filter-btn-dot{position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:50%;background:var(--color-primary)}.exam-filter-btn.has-active{border-color:var(--color-primary);color:var(--color-primary)}.exam-filter-sections{display:flex;flex-direction:column}.exam-filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-border-light)}.exam-filter-row:last-child{border-bottom:none}.exam-filter-label{font-size:14px;font-weight:600;color:var(--color-text-primary);text-align:left}@media(max-width:640px){.exam-all-dialog .exam-all-toolbar .exam-select-wrap{display:none}.exam-filter-btn{display:inline-flex}}.exam-filter-body{display:flex;min-height:220px}.exam-filter-labels{width:118px;flex-shrink:0;display:flex;flex-direction:column}.exam-filter-label-btn{text-align:left;padding:12px 10px;font-size:13.5px;font-weight:600;color:var(--color-text-secondary);background:transparent;border:none;border-left:3px solid transparent;cursor:pointer;font-family:inherit}.exam-filter-label-btn.active{color:var(--color-primary);background:#5b3fd612;border-left-color:var(--color-primary)}.exam-filter-sep{width:1px;background:var(--color-border);margin:0 12px 0 0;align-self:stretch;flex-shrink:0}.exam-filter-values{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.exam-filter-foot{display:flex;width:100%}.exam-filter-foot-btn{flex:1;background:transparent;border:none;padding:12px 8px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;text-align:center}.exam-filter-cancel{color:var(--color-text-secondary);border-right:1px solid var(--color-border)}.exam-filter-apply{color:var(--color-primary)}@media(max-width:640px){.exam-all-dialog .dialog-body{display:flex;flex-direction:column;gap:12px}.exam-all-dialog .exam-view-toggle-row{order:1}.exam-all-dialog .exam-filter-chips{order:2}.exam-all-dialog .exam-all-toolbar{order:3;margin-bottom:0}.exam-all-dialog .exam-all-grid,.exam-all-dialog .exam-all-list{order:4;margin-top:0}.exam-all-dialog .dialog-body>p{order:4;margin-top:0}.exam-all-dialog .exam-all-toolbar .exam-search{flex:1 1 0;min-width:0}}.exam-all-hero{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#4a2fc8,#8b5cf6);border-radius:14px;padding:16px 18px;color:#fff}.exam-all-hero-text{flex:1;min-width:0}.exam-all-hero-text h3{font-size:17px;font-weight:800;margin:0}.exam-all-hero-text p{font-size:12.5px;opacity:.85;margin:4px 0 0}.exam-all-hero-icon{width:46px;height:46px;border-radius:13px;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.exam-view-toggle-row{display:flex}.exam-view-toggle-row .exam-view-toggle{width:260px;margin-bottom:0}@media(max-width:640px){.exam-view-toggle-row .exam-view-toggle{width:100%}}.exam-card .exam-foot-actions-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%}.exam-card .exam-foot-actions-grid .exam-icon-btn{width:100%}.exam-all-subrow{display:flex;align-items:center;gap:12px}.exam-all-subrow .exam-filter-chips{order:1;flex:1;min-width:0}.exam-all-subrow .exam-view-toggle-row{order:2;flex-shrink:0}@media(min-width:481px){.exam-foot-mobile{display:none}}@media(max-width:480px){.exam-foot-desktop{display:none}}@media(min-width:641px){.exam-all-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.exam-all-list{gap:16px}}@media(max-width:640px){.exam-all-subrow{display:contents}}@media(min-width:641px){.exam-all-hero{margin-bottom:20px}.exam-all-subrow{margin-bottom:16px}.exam-all-dialog .exam-all-toolbar{margin-bottom:20px}}.exam-title-short{display:none}@media(max-width:640px){.exam-title-full{display:none}.exam-title-short{display:inline}}.exam-card-completed{background:#eafbef}.exam-completed-mark{display:flex;align-items:center;justify-content:center;gap:8px;background:#dcfce7;border:1px solid #BBF7D0;color:#16a34a;border-radius:12px;padding:12px;font-size:15px;font-weight:800;letter-spacing:.08em}[data-theme=dark] .exam-card-completed{background:#22c55e1a}[data-theme=dark] .exam-completed-mark{background:#22c55e29}.exam-completed-text{font-size:15px;font-weight:800;letter-spacing:.04em;color:var(--color-success)}.exam-featured-datetime{display:none}@media(max-width:768px){.exam-featured-meta,.exam-featured-sub{display:none}.exam-featured-datetime{display:flex;align-items:stretch;gap:10px;margin-top:10px}.exam-featured-dtcol{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.exam-featured-dtline{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:#fff}.exam-featured-dtline svg{flex-shrink:0}.exam-featured-dtsub{font-size:12px;font-weight:500;opacity:.8;padding-left:20px}.exam-featured-dtsep{width:1px;background:#ffffff59;flex-shrink:0}}@media(max-width:640px){.exam-toolbar .exam-select-wrap{display:none}}@media(max-width:640px){.exam-toolbar{flex-wrap:nowrap}.exam-toolbar .exam-search{flex:1 1 0;min-width:0}}.exam-details-duo{display:flex;flex-direction:row;gap:12px;padding:10px 0;border-bottom:1px solid var(--color-border-light)}.exam-details-duo-item{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.exam-details-duo-item+.exam-details-duo-item{border-left:1px solid var(--color-border);padding-left:12px}.exam-details-duo-item dt{width:auto;font-size:11px;font-weight:600;color:var(--color-text-muted)}.exam-details-duo-item dd{flex:1;min-width:0;margin:0;font-size:13.5px;color:var(--color-text-primary)}@media(max-width:480px){.exam-slider>.exam-card{min-height:224px}}@media(max-width:480px){.exam-details-list>div.exam-details-duo{flex-direction:row;gap:12px;padding:10px 0}.exam-details-list div.exam-details-duo-item dt{width:auto}}