@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-dark:#cdc8bc;--bg-surface:#c4bfb3;--bg-card:#cdc8bcd9;--bg-card-hover:#c4bfb3f2;--bg-sidebar:#bab5a9;--bg-header:#bab5a9eb;--bg-search:#0000000d;--bg-element:#0000000d;--bg-element-hover:#00000017;--bg-button:#0000000d;--bg-button-hover:#0000001a;--text-primary:#111;--text-secondary:#4a4640;--text-muted:#7a756e;--text-inverse:#f5f3ef;--accent-blue:#3d3830;--accent-blue-glow:#3d38301f;--accent-purple:#5a544c;--accent-purple-glow:#5a544c1f;--accent-cyan:#3d3830;--accent-green:#4a4640;--accent-orange:#3d3830;--accent-pink:#5a544c;--gs1-color:#3d3830;--gs1-glow:#3d38301a;--gs2-color:#4a4640;--gs2-glow:#4a46401a;--gs3-color:#5a544c;--gs3-glow:#5a544c1a;--gs4-color:#6b6560;--gs4-glow:#6b65601a;--essay-color:#3d3830;--essay-glow:#3d38301a;--border-color:#0000001f;--border-hover:#00000038;--border-subtle:#00000012;--title-gradient:linear-gradient(to right, #111, #3d3830, #111);--title-color:#111;--logo-gradient:linear-gradient(135deg, #111, #4a4640);--glass-blur:blur(16px);--scrollbar-thumb:#0000002e;--scrollbar-thumb-hover:#0000004d;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 8px 24px #00000024;--shadow-lg:0 20px 60px #0000002e;--shadow-glow-blue:0 0 12px #3d383026;--shadow-glow-purple:0 0 12px #5a544c26;--transition-fast:.15s ease;--transition-smooth:.25s cubic-bezier(.4, 0, .2, 1);--transition-spring:.35s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}img,video,canvas,svg{max-width:100%;height:auto}button,input,select,textarea{min-height:44px;font-family:inherit}html{scroll-behavior:smooth}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}body{background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle,#00000014 1px,#0000 1px);background-size:28px 28px;background-attachment:fixed;min-height:100vh;font-family:Inter,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}button{font-family:inherit;transition:transform .15s cubic-bezier(.4,0,.2,1),background .2s,color .2s,border-color .2s,box-shadow .2s}button:active{transform:scale(.96)}.app-container{z-index:1;min-height:100vh;display:flex;position:relative}.sidebar{background:var(--bg-sidebar);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--border-subtle);z-index:100;width:270px;height:100vh;transition:width .28s cubic-bezier(.4, 0, .2, 1), transform var(--transition-smooth);flex-direction:column;flex-shrink:0;align-self:flex-start;display:flex;position:sticky;top:0;overflow:hidden}.sidebar.collapsed{width:64px}.sidebar.collapsed .sidebar-top{justify-content:center;padding:1.5rem 0;display:flex}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-section-label,.sidebar.collapsed .subject-item-label,.sidebar.collapsed .sidebar-auth-info,.sidebar.collapsed .sidebar-bottom-text{display:none}.sidebar.collapsed .logo{justify-content:center;margin-bottom:0}.sidebar.collapsed .sidebar-nav{padding:.5rem;overflow-x:hidden}.sidebar.collapsed .subject-item{border-radius:var(--radius-md);justify-content:center;gap:0;padding:.65rem}.sidebar.collapsed .subject-icon{opacity:1}.sidebar.collapsed .subject-item:hover:after{content:attr(data-label);background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);white-space:nowrap;box-shadow:var(--shadow-md);pointer-events:none;z-index:200;padding:.35rem .75rem;font-size:.82rem;font-weight:500;position:absolute;top:50%;left:72px;transform:translateY(-50%)}.sidebar.collapsed .sidebar-auth{justify-content:center;padding:.5rem}.sidebar.collapsed .sidebar-bottom{padding:.75rem .5rem}.sidebar-collapse-btn{background:var(--bg-card);border:1px solid var(--border-color);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;z-index:110;box-shadow:var(--shadow-sm);transition:all var(--transition-smooth);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:absolute;bottom:5rem;right:-14px}.sidebar-collapse-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-hover)}.sidebar-top{flex-shrink:0;padding:1.75rem 1.5rem 1rem}.sidebar-nav{scrollbar-width:none;flex:1;padding:.5rem 1rem;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-bottom{border-top:1px solid var(--border-color);flex-shrink:0;padding:1rem 1rem 1.5rem}.logo{align-items:center;gap:.65rem;margin-bottom:.5rem;display:flex}.logo-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex;box-shadow:0 0 16px #3b82f666}.logo-text{background:var(--logo-gradient,linear-gradient(135deg, #e2e8f0, #94a3b8));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;line-height:1.2}.sidebar-divider{background:var(--border-color);height:1px;margin:.75rem 0}.nav-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.25rem;padding:.25rem .5rem;font-size:.7rem;font-weight:600}.subject-list{flex-direction:column;gap:.2rem;list-style:none;display:flex}.subject-item{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-smooth);color:var(--text-secondary);white-space:nowrap;border:1px solid #0000;align-items:center;gap:.75rem;padding:.6rem .85rem;font-size:.9rem;font-weight:500;display:flex;position:relative}.subject-item:hover{color:#111;border-color:var(--border-color);background:#00000012}.subject-item.active{color:#111;background:#0000001a;border-color:#0000002e}.subject-item.active:before{content:"";background:linear-gradient(#3d3830,#5a544c);border-radius:0 2px 2px 0;width:3px;height:70%;position:absolute;top:15%;left:0}.subject-item .subject-icon{opacity:.7;transition:opacity var(--transition-fast)}.subject-item.active .subject-icon,.subject-item:hover .subject-icon{opacity:1}.sidebar-auth{border-radius:var(--radius-md);background:var(--bg-button);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-smooth);align-items:center;gap:.75rem;padding:.75rem;display:flex}.sidebar-auth:hover{background:var(--bg-button-hover);border-color:var(--border-hover)}.sidebar-auth-avatar{color:#f5f3ef;background:linear-gradient(135deg,#4a4640,#3d3830);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8rem;font-weight:700;display:flex}.sidebar-auth-info{flex:1;min-width:0}.sidebar-auth-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.sidebar-auth-action{color:var(--text-secondary);font-size:.72rem}.sidebar-signin-btn{border-radius:var(--radius-md);color:#111;cursor:pointer;width:100%;transition:all var(--transition-smooth);background:#00000014;border:1px solid #00000026;justify-content:center;align-items:center;gap:.5rem;padding:.65rem;font-size:.85rem;font-weight:600;display:flex}.sidebar-signin-btn:hover{background:#00000021;box-shadow:0 0 8px #00000014}.hamburger-btn{z-index:200;border-radius:var(--radius-md);background:var(--bg-sidebar);border:1px solid var(--border-color);cursor:pointer;width:44px;height:44px;color:var(--text-primary);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-md);transition:all var(--transition-smooth);justify-content:center;align-items:center;display:none;position:fixed;top:1rem;left:1rem}.hamburger-btn:hover{border-color:var(--border-hover);background:#ffffff14}.sidebar-overlay{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:none;position:fixed;inset:0}.main-content{flex-direction:column;flex:1;min-width:0;display:flex}.header{z-index:10;background:var(--bg-header);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);align-items:center;gap:0;height:52px;padding:0 2rem;display:flex;position:sticky;top:0}.subject-tabs{align-self:stretch;align-items:center;gap:1rem;display:flex}.subject-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:.5rem .25rem;font-size:.95rem;font-weight:500;transition:all .2s;position:relative}.subject-tab:hover{color:#111}.subject-tab.active{color:#111;font-weight:600}.subject-tab.active:after{content:"";background:#3d3830;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.header-title-group{flex-shrink:0}.header-title-group h1{white-space:nowrap;background:var(--title-gradient,linear-gradient(to right, #f8fafc, #94a3b8, #e2e8f0, #f8fafc));color:var(--title-color,#fff);text-fill-color:transparent;-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;animation:5s linear infinite shimmerText}@keyframes shimmerText{to{background-position:200%}}.header-badge{color:#4a4640;background:#00000014;border:1px solid #00000024;border-radius:99px;align-items:center;gap:.35rem;margin-top:.25rem;padding:.2rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.search-wrapper{flex-shrink:0}.search-icon-btn{background:var(--bg-element);border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-smooth);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-icon-btn:hover{background:var(--bg-element-hover);color:var(--text-primary);border-color:var(--border-hover)}.search-container{align-items:center;gap:.5rem;display:flex;position:relative}.search-container.expanded .search-input-wrap{opacity:1;pointer-events:all;width:300px}.search-input-wrap{opacity:0;pointer-events:none;width:0;transition:width .3s cubic-bezier(.4,0,.2,1),opacity .2s;position:relative;overflow:hidden}.search-icon{color:var(--text-secondary);pointer-events:none;transition:color var(--transition-fast);position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.search-input{border:1px solid var(--border-subtle);background:var(--bg-search);width:100%;color:var(--text-primary);transition:all var(--transition-smooth);white-space:nowrap;border-radius:99px;outline:none;padding:.55rem 2.5rem;font-family:Inter,sans-serif;font-size:.875rem}.search-input::placeholder{color:var(--text-secondary)}.search-input:focus{background:#0000000f;border-color:#00000040;box-shadow:0 0 0 3px #0000000f}.search-container:focus-within .search-icon{color:#3d3830}.search-clear{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;align-items:center;padding:.2rem;display:flex;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.search-clear:hover{color:#111;background:#00000026}.header-action-btn{background:var(--bg-button);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.4rem;padding:.4rem .6rem;font-size:.85rem;font-weight:500;display:flex}.header-action-btn:hover{background:var(--bg-button-hover);color:var(--text-primary);border-color:var(--border-hover)}.header-action-btn.active{color:#111;background:#00000014;border-color:#0000002e}.header-user-avatar{color:#f5f3ef;cursor:pointer;background:linear-gradient(135deg,#4a4640,#3d3830);border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex}.header-user-avatar:hover{box-shadow:var(--shadow-sm);transform:scale(1.05)}.header-signin-btn{color:#111;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#00000014;border:1px solid #00000026;padding:.4rem .85rem;font-size:.85rem;font-weight:600}.header-signin-btn:hover{background:#0000001f;border-color:#00000040}.page-body{flex:1;width:100%;max-width:1300px;margin:0 auto;padding:2rem 2.5rem;animation:.4s ease-out forwards fadeInUp}.theme-layout{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);gap:1.5rem;height:calc(100vh - 8rem);max-height:800px;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000000d}.theme-sidebar-panel{background:var(--bg-surface);border-right:1px solid var(--border-subtle);z-index:10;flex-direction:column;flex-shrink:0;width:280px;display:flex}.theme-sidebar-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);padding:1.25rem 1rem}.theme-sidebar-header h3{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.8rem;font-size:.95rem;font-weight:600}.theme-search-box{align-items:center;display:flex;position:relative}.theme-search-box svg{color:var(--text-muted);position:absolute;left:.8rem}.theme-search-box input{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-body);width:100%;color:var(--text-primary);outline:none;padding:.5rem .5rem .5rem 2rem;font-size:.85rem;transition:all .2s}.theme-search-box input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #0ea5e91a}.theme-sidebar-list{flex-direction:column;flex:1;gap:2px;padding:.5rem;display:flex;overflow-y:auto}.theme-sidebar-list::-webkit-scrollbar{width:4px}.theme-sidebar-list::-webkit-scrollbar-track{background:0 0}.theme-sidebar-list::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.theme-list-item{border-radius:var(--radius-md);cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;flex-direction:column;align-items:flex-start;width:100%;padding:.75rem 1rem;transition:all .2s;display:flex}.theme-list-item:hover{background:#0ea5e90d}.theme-list-item.active{background:var(--accent-blue)}.theme-item-name{color:var(--text-primary);word-break:break-word;margin-bottom:.25rem;font-size:.875rem;font-weight:600;line-height:1.4}.theme-list-item.active .theme-item-name{color:#fff}.theme-item-count{color:var(--text-muted);font-size:.75rem;font-weight:500}.theme-list-item.active .theme-item-count{color:#fffc}.theme-list-empty{text-align:center;color:var(--text-muted);padding:2rem 1rem;font-size:.85rem}.theme-content-panel{background:var(--bg-body);flex:1;padding:1.5rem;position:relative;overflow-y:auto}.theme-content-panel::-webkit-scrollbar{width:6px}.theme-content-panel::-webkit-scrollbar-track{background:0 0}.theme-content-panel::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:6px}.editors-note{border-radius:var(--radius-lg);transition:all var(--transition-smooth);background:linear-gradient(135deg,#0ea5e912,#06b6d40a);border:1px solid #0ea5e933;margin-bottom:1.75rem;overflow:hidden}.editors-note-header{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.25rem;display:flex}.editors-note-title{color:var(--accent-blue);align-items:center;gap:.6rem;font-size:.9rem;font-weight:600;display:flex}.editors-note-toggle{color:var(--accent-blue);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);opacity:.7;background:0 0;border:none;align-items:center;padding:.25rem;display:flex}.editors-note-toggle:hover{opacity:1}.editors-note-body{padding:0 1.25rem 1rem;overflow:hidden}.editors-note-body p{color:var(--text-secondary);font-size:.875rem;line-height:1.65}.topics-container{flex-direction:column;gap:1rem;display:flex}.topic-section{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:border-color var(--transition-smooth), box-shadow var(--transition-smooth);overflow:hidden}.topic-section:hover{border-color:var(--border-hover)}.topic-header{cursor:pointer;background:var(--bg-element);transition:background var(--transition-smooth);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.topic-header:hover{background:var(--bg-element-hover)}.topic-header h2{color:var(--text-primary);font-size:1.1rem;font-weight:600}.topic-header-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.topic-badge{color:var(--accent-blue);background:#3b82f61f;border:1px solid #3b82f633;border-radius:99px;padding:.25rem .65rem;font-size:.78rem;font-weight:600}.topic-chevron{color:var(--text-secondary);transition:transform var(--transition-smooth), color var(--transition-smooth)}.topic-section.open .topic-chevron{color:var(--accent-blue);transform:rotate(180deg)}.micro-topics-container{padding:0 1.5rem 1.5rem}.micro-topic-group{margin-top:1rem}.micro-topic-header{border-bottom:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);transition:color var(--transition-fast);-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem 0;font-size:.85rem;font-weight:600;display:flex}.micro-topic-header:hover{color:var(--text-primary)}.micro-topic-count{background:#ffffff12;border-radius:99px;margin-left:auto;padding:.15rem .5rem;font-size:.72rem}.questions-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.question-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-smooth);flex-direction:column;gap:.75rem;padding:1.35rem;display:flex;position:relative;overflow:hidden}.question-card:before{content:"";background:var(--card-accent,linear-gradient(90deg, var(--accent-blue), var(--accent-purple)));opacity:.7;height:3px;transition:opacity var(--transition-smooth);position:absolute;top:0;left:0;right:0}.question-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);box-shadow:0 16px 40px #0000001a, 0 0 15px var(--card-accent-glow,#ffffff0d);transform:translateY(-4px)}.question-card:hover:before{opacity:1}.card-actions-corner{align-items:center;gap:.35rem;display:flex;position:absolute;top:.85rem;right:.85rem}.card-icon-btn{background:var(--bg-button);cursor:pointer;border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast);border:1px solid #0000;align-items:center;padding:.35rem;display:flex}.card-icon-btn:hover{background:var(--bg-button-hover);border-color:var(--border-color);color:var(--text-primary)}.card-icon-btn.bookmarked{color:var(--accent-blue);background:#3b82f61a}.q-meta{flex-wrap:wrap;align-items:center;gap:.4rem;padding-right:4.5rem;font-size:.78rem;display:flex}.q-topper-name{color:var(--text-primary);font-size:.82rem;font-weight:700}.q-dot{color:var(--text-muted)}.q-coaching{color:var(--text-secondary)}.q-year-chip{border:1px solid var(--border-color);color:var(--text-secondary);background:#ffffff0f;border-radius:99px;align-items:center;margin-left:auto;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-flex}.q-text{color:var(--text-primary);-webkit-line-clamp:4;-webkit-box-orient:vertical;flex:1;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}.card-primary-actions{gap:.5rem;margin-top:.25rem;display:flex}.card-secondary-actions{flex-wrap:wrap;gap:.5rem;display:flex}.view-btn{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-smooth);border:none;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 12px #3b82f633}.view-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.view-btn-locked{background:var(--bg-button);color:var(--text-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-smooth);flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600;display:inline-flex}.view-btn-locked:hover{color:#93c5fd;background:#3b82f61a;border-color:#3b82f64d}.ai-action-btn{background:var(--bg-button);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-smooth);flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .75rem;font-family:inherit;font-size:.82rem;font-weight:500;display:inline-flex}.ai-action-btn:hover,.ai-action-btn.active{background:var(--bg-button-hover);border-color:var(--border-hover);color:var(--text-primary)}.social-action-btn{background:var(--bg-button);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-smooth);flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .75rem;font-family:inherit;font-size:.82rem;font-weight:500;display:inline-flex}.social-action-btn:hover,.social-action-btn.active{background:var(--bg-button-hover);border-color:var(--border-hover);color:var(--text-primary)}.ai-summary-box{border-radius:var(--radius-md);background:#06b6d40d;border:1px solid #06b6d433;margin-top:.5rem;padding:1rem;animation:.25s fadeInUp}.ai-summary-label{color:#06b6d4;letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:.35rem;margin-bottom:.5rem;font-size:.78rem;font-weight:700;display:flex}.ai-summary-text{color:#94a3b8;white-space:pre-wrap;font-size:.875rem;line-height:1.65}.loading-state{flex-direction:column;align-items:center;gap:.75rem;padding:3rem 0;display:flex}.loading-spinner{border:3px solid #3b82f626;border-top-color:var(--accent-blue);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}.loading-text{color:var(--text-secondary);font-size:.9rem;animation:1.5s ease-in-out infinite pulse}.skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;margin-top:1rem;display:grid}.skeleton-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#0f172a99;flex-direction:column;gap:.75rem;padding:1.35rem;display:flex}.skeleton-line{background:linear-gradient(90deg,#ffffff0a 0%,#ffffff14 50%,#ffffff0a 100%) 0 0/200% 100%;border-radius:99px;height:.75rem;animation:1.4s infinite shimmer}.skeleton-line.w-40{width:40%}.skeleton-line.w-60{width:60%}.skeleton-line.w-80{width:80%}.skeleton-line.w-full{width:100%}.skeleton-line.h-4{height:1rem}.empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:.75rem;padding:5rem 2rem;display:flex}.empty-state-icon{border:1px solid var(--border-color);width:64px;height:64px;color:var(--text-muted);background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.empty-state h3{color:var(--text-primary);font-size:1.1rem;font-weight:600}.empty-state p{max-width:300px;font-size:.9rem;line-height:1.6}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:2.5rem;animation:.3s cubic-bezier(.16,1,.3,1) modalEnter;position:relative}.modal-glow{border-radius:inherit;z-index:-1;border-radius:var(--radius-xl);background:linear-gradient(135deg,#3b82f633,#8b5cf633);position:absolute;inset:-1px}@keyframes modalEnter{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-close{background:var(--bg-button);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);align-items:center;padding:.35rem;display:flex;position:absolute;top:1.25rem;right:1.25rem}.modal-close:hover{color:var(--text-primary);background:var(--bg-button-hover);border-color:var(--border-hover)}.modal-title{color:var(--text-primary);margin-bottom:.35rem;font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:700}.modal-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:.9rem;line-height:1.5}.auth-btn{border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition-smooth);border:1px solid #0000;justify-content:center;align-items:center;gap:.75rem;padding:.875rem;font-family:inherit;font-size:.95rem;font-weight:600;display:flex}.google-btn{color:#1e293b;box-shadow:var(--shadow-sm);background:#fff}.google-btn:hover{box-shadow:var(--shadow-md);background:#f8fafc;transform:translateY(-1px)}.auth-divider{text-align:center;color:var(--text-secondary);align-items:center;gap:.75rem;margin:1.25rem 0;font-size:.8rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--border-color);flex:1}.phone-form{flex-direction:column;gap:.75rem;display:flex}.auth-input{border-radius:var(--radius-md);border:1px solid var(--border-color);color:#fff;width:100%;transition:all var(--transition-smooth);background:#0000004d;outline:none;padding:.875rem 1rem .875rem 2.75rem;font-family:inherit;font-size:.95rem}.auth-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61f}.auth-submit-btn{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent-blue), #7c3aed);color:#fff;cursor:pointer;width:100%;transition:all var(--transition-smooth);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;font-family:inherit;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 4px 16px #3b82f640}.auth-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #3b82f666}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-back-btn{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:.5rem;font-family:inherit;font-size:.875rem}.auth-back-btn:hover{color:var(--text-primary)}.modal-error{color:#fca5a5;border-radius:var(--radius-md);background:#ef444414;border:1px solid #ef444433;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:1s linear infinite spin}.hamburger-btn{background:var(--bg-button);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;z-index:100;padding:.5rem;display:none;position:fixed;top:1.25rem;left:1rem}.hamburger-btn:hover{background:var(--bg-button-hover)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){html,body{width:100%!important;max-width:100vw!important;margin:0!important;padding:0!important;overflow-x:hidden!important}.app-container{min-height:100vh;width:100%!important;max-width:100vw!important;margin:0!important;padding:0!important;display:block!important;overflow-x:hidden!important}.hamburger-btn{z-index:1100!important;display:flex!important;position:fixed!important;top:.85rem!important;left:.85rem!important}.sidebar{z-index:1000!important;flex-shrink:0!important;width:280px!important;height:100vh!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;transform:translate(-100%)!important}.sidebar.open{box-shadow:var(--shadow-lg)!important;transform:translate(0)!important}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-section-label,.sidebar.collapsed .subject-item-label,.sidebar.collapsed .sidebar-auth-info,.sidebar.collapsed .sidebar-bottom-text{display:block!important}.sidebar.collapsed .logo{justify-content:flex-start!important}.sidebar.collapsed .sidebar-nav{padding:.5rem 1rem!important}.sidebar.collapsed .subject-item{border-radius:var(--radius-md)!important;justify-content:flex-start!important;gap:.75rem!important;padding:.75rem 1rem!important}.sidebar.collapsed .subject-item:hover:after,.sidebar-collapse-btn{display:none!important}.sidebar-overlay.open{z-index:900!important;display:block!important}.main-content{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100vw!important;margin:0!important;padding-top:0!important}.header{box-sizing:border-box!important;z-index:100!important;flex-wrap:wrap!important;gap:.5rem!important;width:100%!important;max-width:100vw!important;height:auto!important;min-height:52px!important;padding:.65rem .85rem .65rem 3.5rem!important;position:sticky!important;top:0!important}.header-title-group{flex-shrink:1!important;max-width:calc(100vw - 9.5rem)!important}.header-title-group h1{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:1.05rem!important;overflow:hidden!important}.subject-tabs{border-bottom:1px solid var(--border-subtle)!important;flex:100%!important;gap:.75rem!important;width:100%!important;height:auto!important;margin-top:.2rem!important;padding:.35rem 0!important}.subject-tab{padding:.3rem .4rem!important;font-size:.85rem!important}.search-wrapper{order:3;width:100%!important;max-width:100%!important}.page-body{box-sizing:border-box!important;width:100%!important;max-width:100vw!important;margin:0!important;padding:1rem .75rem 75px!important}.theme-layout{width:100%!important;height:auto!important;max-height:none!important;box-shadow:none!important;background:0 0!important;border:none!important;flex-direction:column!important;gap:1rem!important;display:flex!important}.theme-sidebar-panel{background:var(--bg-surface)!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius-lg)!important;z-index:1!important;width:100%!important;max-height:none!important;box-shadow:var(--shadow-sm)!important;padding:.75rem!important}.theme-sidebar-header{background:0 0!important;border-bottom:none!important;padding:0 0 .5rem!important}.theme-sidebar-header h3{text-transform:uppercase!important;letter-spacing:.5px!important;margin-bottom:.35rem!important;font-size:.75rem!important}.theme-sidebar-list{white-space:nowrap!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;flex-direction:row!important;gap:.5rem!important;padding:.25rem 0!important;display:flex!important;overflow:auto hidden!important}.theme-sidebar-list::-webkit-scrollbar{display:none!important}.theme-list-item{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;white-space:nowrap!important;border-radius:99px!important;flex-direction:row!important;flex-shrink:0!important;align-items:center!important;gap:.4rem!important;width:auto!important;max-width:280px!important;padding:.5rem .85rem!important;display:inline-flex!important}.theme-list-item.active{color:#fff!important;background:#3b82f6!important;border-color:#3b82f6!important}.theme-list-item.active .theme-item-name,.theme-list-item.active .theme-item-count{color:#fff!important}.theme-item-name{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:200px!important;margin-bottom:0!important;font-size:.82rem!important;font-weight:600!important;overflow:hidden!important}.theme-item-count{opacity:.85!important;white-space:nowrap!important;flex-shrink:0!important;margin-left:.25rem!important;font-size:.72rem!important}.theme-content-panel{box-sizing:border-box!important;background:0 0!important;width:100%!important;padding:0!important;overflow:visible!important}.questions-grid,.skeleton-grid{grid-template-columns:1fr!important;width:100%!important}.card-primary-actions{flex-direction:column!important}.form-grid{grid-template-columns:1fr!important}.subject-tabs.detail-tabs{gap:.5rem!important;padding-bottom:.5rem!important;overflow-x:auto!important}.admin-portal-container{box-sizing:border-box!important;width:100%!important;padding:1rem!important}.question-card:hover{transform:none!important}.mobile-bottom-nav{display:flex!important}}.form-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.subject-tabs.detail-tabs{justify-content:center;gap:3rem;margin-bottom:1.5rem}.admin-portal-container{background:#1e293b;border-radius:12px;margin-top:2rem;padding:2rem}.mobile-bottom-nav{background:var(--bg-sidebar);border-top:1px solid var(--border-color);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:500;padding:.3rem .4rem;padding-bottom:max(.35rem, env(safe-area-inset-bottom));justify-content:space-around;align-items:center;height:60px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #00000014}.mobile-nav-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:44px;min-height:44px;padding:.3rem .4rem;font-family:inherit;font-size:.65rem;font-weight:600;display:flex}.mobile-nav-item.active{color:#3b82f6;font-weight:700}.mobile-nav-item.active svg{color:#3b82f6}.mobile-nav-item span{white-space:nowrap;font-size:.65rem}@media (width<=480px){.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:88vh;padding:1.75rem 1.25rem 2rem;overflow-y:auto}.topic-header{padding:1rem}.topic-header h2{font-size:.95rem}.topic-badge{padding:.2rem .5rem;font-size:.72rem}.micro-topics-container{padding:0 .75rem 1rem}.question-card{padding:1rem}}.dashboard-container{max-width:1200px;margin:0 auto;padding:2rem;animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dash-status-bar{color:#fffbeb;background:linear-gradient(90deg,#3d2606,#421e05);border:1px solid #f59e0b;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.75rem 1rem .75rem 1.25rem;font-size:.88rem;font-weight:600;display:flex;box-shadow:0 4px 12px #00000026}.dash-status-inner{flex:1;align-items:center;gap:.6rem;line-height:1.5;display:flex}.dash-status-icon{color:#fbbf24;flex-shrink:0}.dash-status-link{color:#fbbf24;text-underline-offset:3px;font-weight:700;text-decoration:underline}.dash-status-link:hover{color:#fef08a}.dash-status-close{color:#fbbf24;cursor:pointer;opacity:.85;background:0 0;border:none;border-radius:.25rem;align-items:center;padding:.25rem;transition:opacity .2s;display:flex}.dash-status-close:hover{opacity:1}.daily-pulse-hero{background:#1e293b;border:1px solid #ffffff1f;border-radius:1.25rem;grid-template-columns:1.4fr 1fr;gap:1.5rem;margin-bottom:1rem;padding:2rem;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000026}.daily-pulse-hero:before{content:"";pointer-events:none;background:radial-gradient(at 0 0,#8b5cf61f,#0000 60%),radial-gradient(at 100% 100%,#3b82f614,#0000 60%);position:absolute;inset:0}.pulse-left{z-index:1;flex-direction:column;gap:.75rem;display:flex;position:relative}.pulse-label{letter-spacing:.12em;color:#c084fc;text-transform:uppercase;font-size:.75rem;font-weight:800}.pulse-greeting{color:#fff;letter-spacing:-.03em;margin:0;font-size:2rem;font-weight:800;line-height:1.2}.pulse-count{color:#c084fc;font-weight:800}.pulse-subtext{color:#e2e8f0;max-width:480px;margin:0;font-size:.95rem;font-weight:500;line-height:1.6}.pulse-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.pulse-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:2rem;align-items:center;gap:.3rem;padding:.6rem 1.4rem;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #f9731659}.pulse-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #f9731673}.pulse-btn-secondary{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:2rem;padding:.6rem 1.4rem;font-size:.9rem;font-weight:600;transition:all .2s}.pulse-btn-secondary:hover{background:#fff3;border-color:#ffffff4d}.pulse-footnote{color:#cbd5e1;margin:0;font-size:.8rem;font-weight:500}.pulse-right{z-index:1;grid-template-columns:1fr 1fr;gap:.75rem;display:grid;position:relative}.pulse-stat-card{background:#0f172a;border:1px solid #ffffff1f;border-radius:.75rem;flex-direction:column;gap:.25rem;padding:1rem 1.1rem;display:flex;box-shadow:0 4px 12px #0003}.pulse-stat-label{letter-spacing:.1em;color:#cbd5e1;text-transform:uppercase;font-size:.7rem;font-weight:800}.pulse-stat-value{color:#fff;font-size:2rem;font-weight:800;line-height:1.1}.pulse-stat-action{color:#c084fc;cursor:pointer;align-items:center;gap:2px;font-size:.82rem;font-weight:600;transition:color .2s;display:inline-flex}.pulse-stat-action:hover{color:#d8b4fe}.reading-activity-bar{color:#e2e8f0;background:#1e293b;border:1px solid #ffffff1f;border-radius:.75rem;align-items:center;gap:.6rem;margin-bottom:2rem;padding:.85rem 1.25rem;font-size:.88rem;font-weight:600;display:flex;box-shadow:0 4px 12px #0000001a}.reading-activity-bar strong{color:#fff;font-weight:700}.dash-header{grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2.5rem;display:grid}.user-level-card{background:linear-gradient(135deg,#1e293bb3,#0f172ae6);border:1px solid #ffffff0d;border-radius:1rem;flex-direction:column;justify-content:center;padding:1.5rem 2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0000004d}.user-level-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#8b5cf626,#0000 60%);position:absolute;inset:0}.level-badge{color:#a78bfa;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.level-info{flex-direction:column;display:flex}.level-text{color:#f8fafc;letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.xp-text{color:#94a3b8;font-size:.85rem;font-weight:500}.xp-bar-bg{background:#ffffff0d;border-radius:4px;height:8px;position:relative;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg,#8b5cf6,#c084fc);border-radius:4px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #8b5cf680}.streak-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b66;border:1px solid #ffffff0d;border-radius:1rem;justify-content:center;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.flame-active{filter:drop-shadow(0 0 10px #f9731699);animation:2s infinite alternate flicker}@keyframes flicker{0%{transform:scale(1)rotate(-2deg)}50%{filter:drop-shadow(0 0 15px #f97316cc);transform:scale(1.05)rotate(2deg)}to{transform:scale(1)rotate(-1deg)}}.streak-info{flex-direction:column;display:flex}.streak-count{color:#f8fafc;font-size:1.8rem;font-weight:800;line-height:1.1}.streak-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.section-title{color:#f1f5f9;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600;display:flex}.progress-rings-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.ring-card{cursor:pointer;background:#1e293b4d;border:1px solid #ffffff08;border-radius:1rem;justify-content:center;align-items:center;padding:2rem 1rem;transition:all .2s;display:flex}.ring-card:hover{background:#1e293b99;border-color:#ffffff1a;transform:translateY(-2px)}.progress-ring-container{justify-content:center;align-items:center;display:flex;position:relative}.progress-svg{transform:rotate(-90deg)}.progress-ring-content{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.progress-value{color:#f8fafc;font-size:1.5rem;font-weight:700}.progress-label{color:#94a3b8;font-size:.8rem;font-weight:500}.dash-bottom-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.insights-panel{background:#1e293b4d;border:1px solid #ffffff0d;border-radius:1rem;padding:1.5rem}.panel-desc{color:#64748b;margin-top:-1rem;margin-bottom:1.25rem;font-size:.85rem}.insight-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.insight-item{cursor:pointer;background:#0f172a66;border:1px solid #0000;border-radius:.75rem;justify-content:space-between;align-items:center;padding:1rem;transition:all .2s;display:flex}.insight-item:hover{background:#0f172acc;border-color:#ffffff1a}.insight-item:hover .insight-arrow{color:#3b82f6;transform:translate(4px)}.insight-topic{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;max-width:70%;font-size:.95rem;font-weight:500;overflow:hidden}.insight-subj{color:#94a3b8;background:#ffffff0d;border-radius:1rem;padding:.2rem .5rem;font-size:.75rem}.insight-arrow{color:#475569;transition:all .2s}.insight-empty{text-align:center;color:#64748b;background:#0f172a33;border:1px dashed #ffffff0d;border-radius:.75rem;padding:2rem 1rem;font-size:.9rem;font-style:italic}@media (width<=768px){.dashboard-container{padding:1rem .5rem}.dash-header,.dash-bottom-grid{grid-template-columns:1fr}.daily-pulse-hero{grid-template-columns:1fr;padding:1.25rem 1rem}.pulse-greeting{font-size:1.4rem}.pulse-right{grid-template-columns:1fr 1fr}.dash-status-bar{padding:.6rem .75rem;font-size:.78rem}.reading-activity-bar{flex-wrap:wrap;gap:.4rem;font-size:.75rem}}.pyq-browser-container{flex-direction:column;gap:1.5rem;animation:.3s fadeIn;display:flex}.pyq-filters-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b66;border:1px solid #ffffff0d;border-radius:1rem;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.pyq-search-box{color:#94a3b8;background:#0f172a99;border:1px solid #ffffff1a;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.pyq-search-box input{color:#f8fafc;background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.timeline-label{color:#94a3b8;min-width:60px;font-size:.85rem;font-weight:600}.pyq-timeline{align-items:center;gap:1rem;display:flex}.timeline-items{gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.timeline-items::-webkit-scrollbar{height:4px}.timeline-items::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.timeline-btn{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #0000;border-radius:2rem;padding:.4rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s}.timeline-btn:hover{background:#ffffff1a}.timeline-btn.active{color:#fff;background:linear-gradient(90deg,#3b82f6,#60a5fa);box-shadow:0 0 10px #3b82f64d}.pyq-theme-cloud{align-items:flex-start;gap:1rem;display:flex}.theme-items{flex-wrap:wrap;gap:.5rem;display:flex}.theme-tag{color:#cbd5e1;cursor:pointer;background:#0f172a80;border:1px solid #ffffff0d;border-radius:.5rem;padding:.35rem .8rem;font-size:.8rem;transition:all .2s}.theme-tag:hover{background:#0f172acc;border-color:#fff3}.theme-tag.active{color:#60a5fa;background:#3b82f626;border-color:#3b82f680}.pyq-results{background:#1e293b33;border:1px solid #ffffff0d;border-radius:1rem;overflow:hidden}.pyq-results-header{color:#94a3b8;background:#0f172a66;border-bottom:1px solid #ffffff0d;padding:1rem 1.5rem;font-size:.85rem;font-weight:600}.pyq-table{flex-direction:column;display:flex}.pyq-row{border-bottom:1px solid #ffffff08;transition:all .2s}.pyq-row:last-child{border-bottom:none}.pyq-row:hover{background:#ffffff05}.pyq-row.mastered .pyq-row-header{opacity:.7}.pyq-row.expanded{background:#0f172a4d}.pyq-row-header{cursor:pointer;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;display:flex}.pyq-row-meta{flex-direction:column;gap:.3rem;min-width:60px;display:flex}.pyq-year-badge{color:#f8fafc;text-align:center;background:#ffffff1a;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.pyq-marks-badge{color:#94a3b8;text-align:center;font-size:.75rem;font-weight:500}.pyq-row-preview{color:#e2e8f0;flex:1;font-size:.95rem;line-height:1.5}.pyq-row-actions{color:#64748b;align-items:center;gap:1rem;display:flex}.pyq-mastered-icon{color:#10b981}.pyq-row-body{padding:0 1.5rem 1.5rem calc(3rem + 60px)}.pyq-full-text{color:#f8fafc;margin-bottom:1.5rem;font-size:1.05rem;line-height:1.6}.pyq-body-footer{justify-content:space-between;align-items:center;display:flex}.pyq-theme-badge{color:#60a5fa;background:#3b82f61a;border-radius:2rem;padding:.3rem .75rem;font-size:.85rem}.pyq-master-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.pyq-master-btn:hover{background:#ffffff1a}.pyq-master-btn.mastered{color:#34d399;background:#10b98126;border-color:#10b9814d}@media (width<=768px){.pyq-timeline{flex-direction:column;align-items:flex-start;width:100%}.timeline-items{-webkit-overflow-scrolling:touch;width:100%}.pyq-theme-cloud{flex-direction:column;align-items:flex-start;width:100%}.pyq-row-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding-right:3rem;position:relative}.pyq-row-meta{flex-direction:row;align-items:center}.pyq-row-actions{position:absolute;top:1.25rem;right:1.25rem}.pyq-row-body{padding-left:1.5rem}}