.drop-zone{border:2px dashed var(--md-sys-color-outline-variant);border-radius:16px;padding:40px;text-align:center;transition:all 200ms;cursor:pointer}.drop-zone:hover,.drop-zone.dragover{border-color:var(--md-sys-color-primary);background:rgba(103,80,164,0.05)}.terminal-box{background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);border-radius:12px;padding:16px;font-family:'JetBrains Mono','Fira Code',monospace;font-size:12px;line-height:1.6;max-height:240px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.terminal-cursor::after{content:'▌';animation:blink 1s step-end infinite;color:var(--md-sys-color-inverse-primary)}@keyframes blink{50%{opacity:0}}.question-image{max-width:100%;max-height:400px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant)}.score-circle{width:160px;height:160px;position:relative}.score-circle svg{transform:rotate(-90deg)}.score-circle circle{fill:none;stroke-width:8}.score-circle .bg{stroke:var(--md-sys-color-surface-container-highest)}.score-circle .fg{stroke:var(--md-sys-color-primary);stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(0.4,0,0.2,1)}.score-circle .score-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.katex-display{overflow-x:auto;overflow-y:hidden}.md-viewer-surface .ProseMirror>:first-child{margin-top:0}.md-viewer-surface .ProseMirror>:last-child{margin-bottom:0}.markdown-content h1,.markdown-content h2,.markdown-content h3,.md-viewer-surface .ProseMirror h1,.md-viewer-surface .ProseMirror h2,.md-viewer-surface .ProseMirror h3{margin-top:16px;margin-bottom:8px}.markdown-content p,.md-viewer-surface .ProseMirror p{margin:8px 0}.markdown-content table,.md-viewer-surface .ProseMirror table{border-collapse:collapse;width:100%;margin:8px 0}.markdown-content th,.markdown-content td,.md-viewer-surface .ProseMirror th,.md-viewer-surface .ProseMirror td{border:1px solid var(--md-sys-color-outline-variant);padding:8px 12px;text-align:left}.markdown-content th,.md-viewer-surface .ProseMirror th{background:var(--md-sys-color-surface-container)}.markdown-content code,.md-viewer-surface .ProseMirror code{background:var(--md-sys-color-surface-container-highest);padding:2px 6px;border-radius:4px;font-size:13px}.markdown-content pre code{display:block;padding:12px;border-radius:8px;overflow-x:auto}.fill-blank-input{border:none;border-bottom:2px solid var(--md-sys-color-primary);background:transparent;color:var(--md-sys-color-on-surface);padding:4px 8px;font-size:16px;min-width:120px;outline:none;transition:border-color 200ms}.fill-blank-input:focus{border-bottom-color:var(--md-sys-color-tertiary)}.fill-blank-display{display:inline-block;min-width:72px;border-bottom:2px solid var(--md-sys-color-on-surface);margin:0 3px;vertical-align:bottom}.cloze-blank-chip{display:inline-flex;align-items:center;justify-content:center;padding:1px 9px;border-radius:12px;border:1.5px dashed var(--md-sys-color-primary);color:var(--md-sys-color-primary);font-size:0.85em;font-weight:600;margin:0 3px;vertical-align:middle;background:var(--md-sys-color-primary-container);white-space:nowrap;opacity:0.85}.top-app-bar{height:72px;padding:0 24px;display:flex;align-items:center;gap:16px;background-color:var(--md-sys-color-surface);position:fixed;top:0;left:80px;right:0;width:auto;z-index:1200;box-shadow:none;border-bottom:none;overflow:visible;transition:box-shadow 0.22s cubic-bezier(0.2,0,0,1),background-color 0.22s cubic-bezier(0.2,0,0,1)}.top-app-bar.scrolled{box-shadow:0 2px 8px rgba(0,0,0,0.12);border-bottom:none}@keyframes slide-in-bottom{from{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-anim{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.spin{animation:spin-anim 1.2s linear infinite}.left-sidebar{position:fixed;left:0;top:0;width:80px;height:100vh;background-color:var(--md-sys-color-surface-container);border-right:none;padding:0;padding-top:calc(var(--shell-content-offset,72px) + 8px);padding-bottom:8px;z-index:1201;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.left-sidebar::-webkit-scrollbar{width:0}.sidebar-nav{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:0 8px;box-sizing:border-box}.sidebar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:56px;text-decoration:none;color:var(--md-sys-color-on-surface-variant);gap:4px;position:relative;-webkit-tap-highlight-color:transparent;cursor:pointer}.sidebar-indicator{width:56px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;isolation:isolate;background:transparent;transition:background 0s}.sidebar-item:hover:not(.active) .sidebar-indicator{background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.sidebar-indicator::before{content:'';position:absolute;inset:0;border-radius:16px;background:var(--md-sys-color-secondary-container);transform:scaleX(0);transform-origin:center;transition:transform 0.46s cubic-bezier(0.16,0.84,0.22,1);z-index:0;pointer-events:none}.sidebar-item:not(.active) .sidebar-indicator::before{transition:none}.sidebar-item.active .sidebar-indicator::before{transform:scaleX(1)}.sidebar-item.active{color:var(--md-sys-color-on-secondary-container)}.sidebar-icon{font-size:24px;display:flex;align-items:center;justify-content:center;font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;line-height:1;position:relative;z-index:1;transition:font-variation-settings 0.2s ease,transform 0.3s cubic-bezier(0.34,1.56,0.64,1)}.sidebar-item.active .sidebar-icon{font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24}.sidebar-item:active .sidebar-icon{font-variation-settings:'FILL' 0,'wght' 200,'GRAD' -25,'opsz' 24;transform:scale(0.88);transition:transform 0.06s ease,font-variation-settings 0.06s ease}.sidebar-item:active .sidebar-label{font-weight:400;transition:font-weight 0.06s ease}.sidebar-label{font-size:12px;font-weight:500;letter-spacing:0.5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:72px;transition:font-weight 0.3s cubic-bezier(0.34,1.56,0.64,1)}.sidebar-label{font-size:12px;font-weight:500;letter-spacing:0.5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:72px}.sidebar-divider{width:48px;height:1px;background:var(--md-sys-color-outline-variant);margin:6px 0;flex-shrink:0}.sidebar-utility-btns{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;padding:10px 0 16px;margin-top:auto;width:100%;flex-shrink:0}.sidebar-util-btn{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--md-sys-color-outline-variant);background:transparent;color:color-mix(in srgb,var(--md-sys-color-on-surface-variant) 82%,transparent);cursor:pointer;text-decoration:none;position:relative;overflow:hidden;flex-shrink:0;box-sizing:border-box;transition:background-color 0.16s ease,color 0.16s ease,border-color 0.16s ease,transform 0.08s ease;-webkit-tap-highlight-color:transparent}.sidebar-util-btn .material-icons-outlined{font-size:20px;line-height:1}.sidebar-util-btn:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 6%,transparent);color:var(--md-sys-color-on-surface-variant);border-color:var(--md-sys-color-outline)}.sidebar-util-btn:active{transform:scale(0.97)}.main-content{position:fixed;top:var(--shell-content-offset,72px);left:80px;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;transition:none}.content-wrapper{width:100%;min-height:100%}body{display:block}.task-panel{position:fixed;right:24px;bottom:24px;width:360px;z-index:200;border-radius:22px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);box-shadow:0 8px 28px rgba(0,0,0,0.18),0 2px 8px rgba(0,0,0,0.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden;transition:box-shadow 0.25s cubic-bezier(0.2,0,0,1);animation:task-panel-slide-in 0.35s cubic-bezier(0.05,0.7,0.1,1) both}.task-panel-no-animation{animation:none}@keyframes task-panel-slide-in{from{opacity:0;transform:translateY(20px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}.task-panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 10px 12px 16px;cursor:pointer;user-select:none;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);border-radius:22px 22px 0 0;transition:background 0.15s}.task-panel.collapsed .task-panel-header{border-bottom:none;border-radius:22px}.task-panel-header:hover{background:var(--md-sys-color-surface-container)}.task-panel-header-left{display:flex;align-items:center;gap:9px;flex:1;min-width:0;color:var(--md-sys-color-on-surface);font-size:14px;font-weight:600}.task-panel-header-left .material-icons-outlined{font-size:20px;color:var(--md-sys-color-primary);flex-shrink:0}.task-panel-header-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.task-panel-header-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.task-panel-header-actions-link,.task-panel-toggle,.task-panel-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:10px;background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:background 0.15s,color 0.15s}.task-panel-header-actions-link .material-icons-outlined,.task-panel-toggle .material-icons-outlined,.task-panel-close .material-icons-outlined{font-size:18px}.task-panel-header-actions-link:hover,.task-panel-toggle:hover{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface)}.task-panel-close:hover{background:color-mix(in srgb,var(--md-sys-color-error) 14%,transparent);color:var(--md-sys-color-error)}.task-panel-toggle .material-icons-outlined{transition:transform 0.25s cubic-bezier(0.2,0,0,1)}.task-panel.collapsed .task-panel-toggle .material-icons-outlined{transform:rotate(-180deg)}.task-panel-body{max-height:320px;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin;scrollbar-color:var(--md-sys-color-outline-variant) transparent}.task-panel-body::-webkit-scrollbar{width:4px}.task-panel-body::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline-variant);border-radius:2px}.task-panel.collapsed .task-panel-body{display:none}.task-panel-item{display:flex;align-items:center;gap:10px;padding:10px 10px 8px;border-radius:14px;border:1px solid transparent;background:var(--md-sys-color-surface-container);cursor:pointer;transition:background 0.15s,border-color 0.15s;position:relative;overflow:hidden}.task-panel-item:hover{background:var(--md-sys-color-surface-container-high);border-color:var(--md-sys-color-outline-variant)}.task-panel-item-icon{width:36px;height:36px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);transition:background 0.2s}.task-panel-item-icon .material-icons-outlined{font-size:20px}.task-panel-item-icon.completed{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-tertiary)}.task-panel-item-icon.failed{background:var(--md-sys-color-error-container);color:var(--md-sys-color-error)}.task-panel-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.task-panel-item-name{font-size:13px;font-weight:600;color:var(--md-sys-color-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-panel-item-status{font-size:12px;color:var(--md-sys-color-on-surface-variant);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-panel-item-progress{height:3px;border-radius:2px;background:var(--md-sys-color-surface-container-highest);overflow:hidden;margin-top:4px;width:100%}.task-panel-item-progress-fill{height:100%;border-radius:2px;background:var(--md-sys-color-primary);transition:width 0.5s cubic-bezier(0.2,0,0,1)}.task-panel-item-progress-fill.indeterminate{width:35%!important;animation:task-panel-prog-ind 1.8s ease-in-out infinite}.task-panel-item-progress-fill.determinate{transition:width 0.5s cubic-bezier(0.2,0,0,1)}.task-panel-item-progress-fill.completed{width:100%!important;background:var(--md-sys-color-tertiary)}.task-panel-item-progress-fill.failed{width:100%!important;background:var(--md-sys-color-error);opacity:0.6}@keyframes task-panel-prog-ind{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}.task-panel-item-action{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:9px;border:none;background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;text-decoration:none;transition:background 0.15s,color 0.15s}.task-panel-item-action:hover{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-primary)}.task-panel-item-action .material-icons-outlined{font-size:18px}.task-panel .spin,.task-panel .material-icons-outlined.spin{animation:task-panel-spin 1.2s linear infinite}@keyframes task-panel-spin{to{transform:rotate(360deg)}}.task-detail-overlay{position:fixed;inset:0;z-index:400;background:rgba(0,0,0,0.45);display:flex;align-items:center;justify-content:center;padding:20px;animation:task-detail-fade 0.18s ease}@keyframes task-detail-fade{from{opacity:0}to{opacity:1}}.task-detail-dialog{width:100%;max-width:480px;max-height:88vh;overflow-y:auto;background:var(--md-sys-color-surface-container-low);border-radius:24px;padding:24px;box-shadow:0 12px 40px rgba(0,0,0,0.22);animation:task-detail-up 0.22s cubic-bezier(0.2,0,0,1);display:flex;flex-direction:column;gap:16px}@keyframes task-detail-up{from{opacity:0;transform:translateY(16px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}.task-detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.task-detail-title{font-size:17px;font-weight:700;color:var(--md-sys-color-on-surface)}.task-detail-close{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:none;border-radius:10px;background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:background 0.15s}.task-detail-close:hover{background:var(--md-sys-color-surface-container-highest)}.task-detail-close .material-icons-outlined{font-size:20px}.task-detail-section{display:flex;flex-direction:column;gap:4px}.task-detail-label{font-size:11px;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant)}.task-detail-value{font-size:14px;color:var(--md-sys-color-on-surface);line-height:1.5}.task-detail-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.task-detail-stat-card{padding:12px 10px;border-radius:12px;background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);text-align:center}.task-detail-stat-value{font-size:22px;font-weight:700;color:var(--md-sys-color-primary);line-height:1}.task-detail-stat-label{font-size:11px;color:var(--md-sys-color-on-surface-variant);margin-top:4px}.task-detail-error{padding:10px 12px;border-radius:10px;background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);font-size:13px;line-height:1.55;word-break:break-word}.task-detail-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;padding-top:4px;border-top:1px solid var(--md-sys-color-outline-variant)}@media (max-width:768px){.left-sidebar{display:none!important}.main-content{left:0!important}.task-panel{width:calc(100vw - 24px);right:12px;left:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 76px);border-radius:18px}.task-panel-body{max-height:220px}.task-detail-dialog{border-radius:20px;padding:18px;max-height:90vh}}.brand-section{display:flex;align-items:center;gap:12px;flex-shrink:0;text-decoration:none;color:inherit;transition:all 0.3s ease}.brand-section:hover{opacity:0.8}.brand-icon{font-size:32px;color:var(--md-sys-color-primary);font-weight:700}.brand-text{display:flex;flex-direction:column;gap:0}.brand-title{font-size:20px;font-weight:700;color:var(--md-sys-color-on-surface);margin:0;line-height:1.2;letter-spacing:0.5px}.brand-subtitle{font-size:12px;color:var(--md-sys-color-on-surface-variant);margin:0;line-height:1.2;font-weight:400}.nav-links{display:flex;align-items:center;gap:8px;justify-content:center}.nav-links .md-btn{font-size:14px;font-weight:500}.nav-links .md-btn-text{color:var(--md-sys-color-on-surface)}.nav-links .md-btn-text:hover{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.user-menu{display:flex;align-items:center;gap:12px;flex-shrink:0}.user-menu .md-btn{font-size:14px}.user-menu .md-btn-icon{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s ease;color:var(--md-sys-color-on-surface)}.user-menu .md-btn-icon:hover{background:var(--md-sys-color-surface-container-high)}.user-menu .md-btn-icon:active{background:var(--md-sys-color-surface-container)}.user-menu .user-menu-trigger{width:44px;height:44px;padding:0;overflow:hidden}.user-menu-trigger-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--md-sys-color-surface-container-highest);border:1px solid var(--md-sys-color-outline-variant);pointer-events:none}.user-menu-trigger-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.user-menu-trigger-avatar-fallback{width:100%;height:100%;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-size:13px;font-weight:700;line-height:1;text-transform:uppercase}.create-menu-wrapper{position:relative;margin-right:8px;z-index:1}.create-btn{height:40px;padding:0 20px 0 16px;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;cursor:pointer;transition:all 0.2s ease;box-shadow:0 1px 2px rgba(0,0,0,0.1);font-size:14px;font-weight:500;letter-spacing:0.01em;font-family:inherit}.create-btn:hover{box-shadow:0 4px 8px rgba(0,0,0,0.15);background:var(--md-sys-color-primary);filter:brightness(1.05)}.create-btn .material-icons-outlined{font-size:20px}.create-btn-label{white-space:nowrap}.create-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;transform-origin:top right;min-width:240px;background:var(--md-sys-color-surface-container);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,0.12),0 8px 32px rgba(0,0,0,0.08);overflow:hidden;z-index:1300;padding:8px 0;animation:md-menu-fade-in 0.2s cubic-bezier(0.2,0,0,1)}.create-menu-section-label{font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant);padding:6px 16px 4px;pointer-events:none;user-select:none}.create-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;text-decoration:none;color:var(--md-sys-color-on-surface);background:transparent;border:none;width:100%;transition:background 0.2s ease;font-size:14px;position:relative;overflow:hidden}.create-menu-item:hover{background:var(--md-sys-color-surface-container-highest)}.create-menu-item .material-icons-outlined{font-size:20px;color:var(--md-sys-color-on-surface-variant)}@keyframes md-menu-fade-in{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.user-menu-wrapper{display:inline-flex;align-items:center;gap:6px;position:relative;z-index:1}.user-menu .user-menu-theme-toggle{width:40px;height:40px;padding:0;border-radius:20px;background:transparent}.user-menu .user-menu-theme-toggle .material-icons-outlined{font-size:20px}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:var(--md-sys-color-surface-container);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,0.12),0 8px 32px rgba(0,0,0,0.08);overflow:hidden;z-index:1300}.user-menu-header{padding:20px;display:flex;align-items:center;gap:12px;background:var(--md-sys-color-surface-container-high)}.user-avatar{width:48px;height:48px;border-radius:50%;background:var(--md-sys-color-surface-container-highest);border:1px solid var(--md-sys-color-outline-variant);display:flex;align-items:center;justify-content:center;overflow:hidden}.user-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.user-avatar-fallback{width:100%;height:100%;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-size:16px;font-weight:700;line-height:1;text-transform:uppercase}.user-menu-info{flex:1;min-width:0}.user-menu-name{font-size:16px;font-weight:500;color:var(--md-sys-color-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-email{font-size:13px;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.user-menu-profile-link{text-decoration:none;display:block}.user-menu-profile-link:hover{color:var(--md-sys-color-primary);text-decoration:underline}.user-menu-divider{height:1px;background:var(--md-sys-color-outline-variant);margin:8px 0}.user-menu-item{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;text-decoration:none;color:var(--md-sys-color-on-surface);background:transparent;border:none;width:100%;transition:background 0.2s ease;font-size:14px}.user-menu-item:hover{background:var(--md-sys-color-surface-container-highest)}.user-menu-item .material-icons-outlined{font-size:20px;color:var(--md-sys-color-on-surface-variant)}.user-info{display:flex;align-items:center;gap:12px;padding:0 12px}.user-name{font-size:13px;font-weight:500;color:var(--md-sys-color-on-surface-variant);white-space:nowrap}@media (max-width:640px){.user-name{display:none}}.task-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--md-sys-color-error);color:var(--md-sys-color-on-error);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.nav-tasks-btn{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s ease;color:var(--md-sys-color-on-surface);text-decoration:none}.nav-tasks-btn:hover{background:var(--md-sys-color-surface-container-high)}@media (max-width:768px){.top-app-bar{height:var(--shell-topbar-height,64px);box-sizing:border-box;padding:env(safe-area-inset-top,0px) 12px 0;gap:10px;align-items:center;left:0;right:0;width:100%;background:var(--md-sys-color-surface-container);border-bottom:none;box-shadow:none;backdrop-filter:none}.top-app-bar.scrolled{background:var(--md-sys-color-surface-container);box-shadow:none}.brand-section{flex:1;min-width:0;gap:10px}.brand-icon{font-size:24px;flex-shrink:0}.brand-section .material-icons-outlined.brand-icon{width:36px;height:36px;border-radius:10px;background:var(--md-sys-color-surface-container-highest);display:inline-flex;align-items:center;justify-content:center}.brand-section img.brand-icon{display:block;width:36px!important;height:36px!important;border-radius:10px!important;object-fit:contain;background:var(--md-sys-color-surface-container-highest)}.brand-title{font-size:17px;font-weight:600;line-height:1.2;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-subtitle{display:none}.user-menu{gap:8px;margin-left:6px}.user-menu .user-menu-trigger{width:40px;height:40px;border-radius:20px}.user-menu .user-menu-trigger-avatar{width:30px;height:30px}.user-menu .user-menu-theme-toggle{width:40px;height:40px;border-radius:20px}.user-menu .md-btn-icon{width:40px;height:40px;padding:0;border-radius:20px;background:var(--md-sys-color-surface-container-high)}.user-menu .md-btn{height:40px;border-radius:20px;padding:0 14px}.nav-links{display:none}.content-wrapper{min-height:100%;padding:0}.nav-links-mobile{display:flex}}.quiz-list-card{transition:box-shadow 200ms,border-color 200ms}@media (hover:hover){@media (hover:hover){.quiz-list-card:hover{box-shadow:0 1px 3px 1px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.3);border-color:var(--md-sys-color-primary)}}}.hidden{display:none!important}@media (min-width:640px){.sm\:inline{display:inline!important}}.quiz-question-card{display:none;animation:quiz-fade-in 0.3s cubic-bezier(0.4,0,0.2,1)}.quiz-question-card.active{display:block}@keyframes quiz-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quiz-option-card{position:relative;display:flex;align-items:center;padding:14px 16px;border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;background:transparent;cursor:pointer;transition:background 0.2s,border-color 0.2s;user-select:none;overflow:hidden}@media (hover:hover){@media (hover:hover){@media (hover:hover){.quiz-option-card:hover{background:var(--md-sys-color-surface-container-low)}}}}.quiz-option-card.selected{background:var(--md-sys-color-secondary-container);border-color:var(--md-sys-color-secondary)}.quiz-option-card.correct{background:var(--md-sys-color-success-container);border-color:var(--md-sys-color-success)}.quiz-option-card.incorrect{background:var(--md-sys-color-error-container);border-color:var(--md-sys-color-error)}.quiz-radio,.quiz-checkbox{width:22px;height:22px;margin-right:14px;flex-shrink:0;accent-color:var(--md-sys-color-secondary);cursor:pointer}.quiz-option-card.selected .quiz-radio,.quiz-option-card.selected .quiz-checkbox{accent-color:var(--md-sys-color-secondary)}.quiz-option-text{font-size:15px;line-height:1.5;flex:1}.quiz-option-text p{margin:0}.quiz-text-input{width:100%;border:1px solid var(--md-sys-color-outline);border-radius:12px;padding:12px 16px;font-size:15px;background:transparent;color:var(--md-sys-color-on-surface);outline:none;transition:border-color 0.2s,box-shadow 0.2s;font-family:inherit;resize:vertical}.quiz-text-input:focus{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px var(--md-sys-color-primary-container)}.quiz-passage{border-left:3px solid var(--md-sys-color-primary);padding-left:16px;padding-top:8px;padding-bottom:8px}.quiz-feedback-correct{background:var(--md-sys-color-success-container);color:var(--md-sys-color-success)}.quiz-feedback-incorrect{background:var(--md-sys-color-error-container);color:var(--md-sys-color-error)}.quiz-sidebar{position:sticky;top:80px;background:var(--md-sys-color-surface);border-radius:16px;padding:20px;border:1px solid var(--md-sys-color-outline-variant);box-shadow:0 1px 3px 1px rgba(0,0,0,0.07),0 1px 2px rgba(0,0,0,0.14)}.quiz-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.quiz-back-to-detail-btn{white-space:nowrap;flex-shrink:0}.quiz-sidebar-wrap{min-width:0}.quiz-action-row{position:relative}.quiz-action-btn{min-width:0}.quiz-action-btn .material-icons-outlined{flex-shrink:0}.quiz-action-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quiz-mobile-nav-inline-btn{display:none}.quiz-mobile-nav-inline-arrow{font-size:22px;margin-left:2px}.quiz-mobile-dock{display:none}.quiz-mobile-dock-title-wrap{min-width:0}.quiz-mobile-dock-title{line-height:1.2}.quiz-mobile-dock-subtitle{line-height:1.2;margin-top:2px}.quiz-mobile-jump-row{display:flex;gap:8px;margin-bottom:8px}.quiz-mobile-jump-input{flex:1;height:40px;border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;padding:0 12px;font-size:14px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}.quiz-mobile-jump-input:focus{outline:none;border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px var(--md-sys-color-primary-container)}.quiz-mobile-dock-meta{text-align:center;margin-top:8px}.quiz-nav-section-list{display:flex;flex-direction:column;gap:12px}.quiz-nav-section + .quiz-nav-section{border-top:1px solid var(--md-sys-color-outline-variant);padding-top:12px}.quiz-nav-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;min-width:0}.quiz-nav-section-title{color:var(--md-sys-color-on-surface);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-nav-section-count{flex-shrink:0}.quiz-nav-section-list-mobile .quiz-nav-section + .quiz-nav-section{padding-top:10px}.quiz-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.quiz-grid-btn{width:100%;aspect-ratio:1;border:2px solid var(--md-sys-color-outline);background:transparent;color:var(--md-sys-color-on-surface);border-radius:8px;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s;padding:0}.quiz-grid-btn:hover{background:var(--md-sys-color-surface-container-high)}.quiz-grid-btn.current{border-color:var(--md-sys-color-primary);font-weight:700}.quiz-grid-btn.answered{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-color:transparent}.quiz-grid-btn.answered.current{border-color:var(--md-sys-color-primary)}.quiz-grid-btn.correct{background:var(--md-sys-color-success-container);border-color:var(--md-sys-color-success);color:var(--md-sys-color-success)}.quiz-grid-btn.incorrect{background:var(--md-sys-color-error-container);border-color:var(--md-sys-color-error);color:var(--md-sys-color-error)}.quiz-grid-btn.no-answer{background:var(--md-sys-color-tertiary-container);border-color:var(--md-sys-color-tertiary);color:var(--md-sys-color-on-tertiary-container)}.bottom-nav{display:none;view-transition-name:bottom-navigation}.mobile-create-fab,.mobile-create-fab-menu,.fab-scrim{display:none}.mobile-create-fab{view-transition-name:mobile-fab}.mobile-create-fab-menu{view-transition-name:mobile-fab-menu}.fab-scrim{view-transition-name:mobile-fab-scrim}body.nav-hidden .top-app-bar,html.nav-hidden .top-app-bar,body.nav-hidden .left-sidebar,html.nav-hidden .left-sidebar,body.nav-hidden .site-footer,html.nav-hidden .site-footer{display:none!important}body.nav-hidden .main-content,html.nav-hidden .main-content{top:0!important;left:0!important;right:0!important;bottom:0!important}html.has-announcement body.nav-hidden .main-content{top:var(--shell-announcement-height,48px)!important}@media (max-width:768px){body.nav-hidden-mobile .top-app-bar,html.nav-hidden-mobile .top-app-bar,body.nav-hidden-mobile .site-footer,html.nav-hidden-mobile .site-footer{display:none!important}body.nav-hidden-mobile .main-content,html.nav-hidden-mobile .main-content{top:env(safe-area-inset-top,0px)!important;left:0!important;right:0!important;bottom:0!important}html.has-announcement body.nav-hidden-mobile .main-content{top:calc(env(safe-area-inset-top,0px) + var(--shell-announcement-height,44px))!important}}@media (max-width:768px){html.nav-hidden .top-app-bar,body.nav-hidden .top-app-bar{display:none!important}html.nav-hidden .main-content,body.nav-hidden .main-content{top:env(safe-area-inset-top,0px)!important}html.has-announcement body.nav-hidden .main-content{top:calc(env(safe-area-inset-top,0px) + var(--shell-announcement-height,44px))!important}:root{--mobile-bottom-nav-height:80px;--mobile-bottom-nav-occupied-height:calc(var(--mobile-bottom-nav-height,80px) + env(safe-area-inset-bottom,0px));--quiz-mobile-action-bar-height:56px}.create-menu-wrapper{display:none!important}.main-content{left:0!important;right:0!important;top:var(--shell-content-offset,64px)!important;bottom:var(--mobile-bottom-nav-occupied-height,calc(var(--mobile-bottom-nav-height,80px) + env(safe-area-inset-bottom,0px)))!important}.fab-scrim{display:block;position:fixed;inset:0;bottom:var(--mobile-bottom-nav-occupied-height,calc(var(--mobile-bottom-nav-height,80px) + env(safe-area-inset-bottom,0px)));background:rgba(0,0,0,.32);z-index:996;opacity:0;pointer-events:none;transition:opacity .25s cubic-bezier(.2,0,0,1)}.fab-scrim.open{opacity:1;pointer-events:auto}.mobile-create-fab{display:flex;align-items:center;justify-content:center;position:fixed;right:16px;bottom:calc(var(--mobile-bottom-nav-occupied-height,calc(var(--mobile-bottom-nav-height,80px) + env(safe-area-inset-bottom,0px))) + 16px);width:56px;height:56px;border-radius:16px;border:none;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);cursor:pointer;z-index:999;box-shadow:0 1px 3px 0 rgba(0,0,0,.3),0 4px 8px 3px rgba(0,0,0,.15);transition:box-shadow .25s cubic-bezier(.2,0,0,1),background .2s;overflow:hidden;isolation:isolate;-webkit-tap-highlight-color:transparent}.fab-scrim-ink{position:absolute;inset:0;border-radius:inherit;background:var(--md-sys-color-on-primary);opacity:0;pointer-events:none;transition:opacity .2s}.mobile-create-fab:hover .fab-scrim-ink{opacity:.08}.mobile-create-fab:active .fab-scrim-ink{opacity:.12}.mobile-create-fab:hover{box-shadow:0 2px 3px 0 rgba(0,0,0,.3),0 6px 10px 4px rgba(0,0,0,.15)}.fab-add-icon{font-size:24px;position:relative;z-index:1;transition:transform .3s cubic-bezier(.2,0,0,1)}.mobile-create-fab[aria-expanded="true"] .fab-add-icon{transform:rotate(45deg)}.mobile-create-fab[aria-expanded="true"]{box-shadow:0 1px 2px 0 rgba(0,0,0,.3),0 2px 6px 2px rgba(0,0,0,.15)}.mobile-create-fab-menu{display:flex;flex-direction:column;gap:12px;align-items:flex-end;position:fixed;right:16px;bottom:calc(var(--mobile-bottom-nav-occupied-height,calc(var(--mobile-bottom-nav-height,80px) + env(safe-area-inset-bottom,0px))) + 84px);z-index:998}.fab-menu-row{display:flex;align-items:center;gap:12px;cursor:pointer;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .2s cubic-bezier(.2,0,0,1),transform .2s cubic-bezier(.2,0,0,1)}.mobile-create-fab-menu.open .fab-menu-row:nth-child(1){opacity:1;transform:none;pointer-events:auto;transition-delay:.06s}.mobile-create-fab-menu.open .fab-menu-row:nth-child(2){opacity:1;transform:none;pointer-events:auto;transition-delay:0s}.mobile-create-fab-menu .fab-menu-row:nth-child(1){transition-delay:.04s}.mobile-create-fab-menu .fab-menu-row:nth-child(2){transition-delay:0s}.fab-menu-label{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);padding:6px 16px;border-radius:20px;font-size:14px;font-weight:500;font-family:inherit;white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.1);pointer-events:none;user-select:none}.fab-mini{width:40px;height:40px;flex-shrink:0;border-radius:12px;border:none;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.3),0 2px 6px 2px rgba(0,0,0,.15);position:relative;overflow:hidden;isolation:isolate;-webkit-tap-highlight-color:transparent;transition:box-shadow .2s cubic-bezier(.2,0,0,1)}.fab-mini:hover{box-shadow:0 1px 3px rgba(0,0,0,.3),0 4px 8px 3px rgba(0,0,0,.15)}.fab-mini .material-icons-outlined{font-size:20px;position:relative;z-index:1}body.is-quiz-play .mobile-create-fab,body.is-quiz-play .mobile-create-fab-menu,body.is-quiz-play .fab-scrim,body.nav-hidden .mobile-create-fab,body.nav-hidden .mobile-create-fab-menu,body.nav-hidden .fab-scrim,body.nav-hidden-mobile .mobile-create-fab,body.nav-hidden-mobile .mobile-create-fab-menu,body.nav-hidden-mobile .fab-scrim,body.is-offline .mobile-create-fab,body.is-offline .mobile-create-fab-menu,body.is-offline .fab-scrim{display:none!important}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;width:100%;height:var(--mobile-bottom-nav-occupied-height,calc(var(--mobile-bottom-nav-height,80px) + env(safe-area-inset-bottom,0px)));background:var(--md-sys-color-surface-container);z-index:1100;border-top:none;justify-content:space-around;align-items:flex-start;padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0px);isolation:isolate;backface-visibility:hidden;transform:translateZ(0);will-change:transform}.bottom-nav.bottom-nav-force-hidden{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:var(--mobile-bottom-nav-height);color:var(--md-sys-color-on-surface-variant);text-decoration:none;position:relative;-webkit-tap-highlight-color:transparent}.bottom-nav-indicator{width:64px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:4px;position:relative;overflow:hidden;isolation:isolate;background:transparent;transition:background 0s}.bottom-nav-item:hover:not(.active) .bottom-nav-indicator{background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.bottom-nav-indicator::before{content:'';position:absolute;inset:0;border-radius:16px;background:var(--md-sys-color-secondary-container);transform:scaleX(0);transform-origin:center;transition:transform 0.28s cubic-bezier(0.2,0,0,1);z-index:0}.bottom-nav-item:not(.active) .bottom-nav-indicator::before{transition:none}.bottom-nav-item.active .bottom-nav-indicator::before{transform:scaleX(1)}.bottom-nav-item.active .bottom-nav-indicator{color:var(--md-sys-color-on-secondary-container)}.bottom-nav-item.active .bottom-nav-icon{font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24}.bottom-nav-icon{font-size:24px;padding-top:4px;position:relative;z-index:1;font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;transition:font-variation-settings 0.2s ease,transform 0.3s cubic-bezier(0.34,1.56,0.64,1)}.bottom-nav-item:active .bottom-nav-icon{font-variation-settings:'FILL' 0,'wght' 200,'GRAD' -25,'opsz' 24;transform:scale(0.88);transition:transform 0.06s ease,font-variation-settings 0.06s ease}.bottom-nav-item:active .bottom-nav-label{font-weight:400;transition:font-weight 0.06s ease}.bottom-nav-label{font-size:12px;font-weight:500;letter-spacing:0.5px;transition:font-weight 0.3s cubic-bezier(0.34,1.56,0.64,1)}html.is-quiz-play .bottom-nav,body.is-quiz-play .bottom-nav,html.nav-hidden .bottom-nav,body.nav-hidden .bottom-nav{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:translateY(120%)!important}html.is-quiz-play .main-content,body.is-quiz-play .main-content{bottom:env(safe-area-inset-bottom,0px)!important;overflow:hidden!important}html.nav-hidden .main-content,body.nav-hidden .main-content{bottom:env(safe-area-inset-bottom,0px)!important}body.is-quiz-play .content-wrapper,html.is-quiz-play .content-wrapper{height:100%;min-height:0}body.is-quiz-play .content-wrapper>#app,html.is-quiz-play .content-wrapper>#app{height:100%;min-height:0}.quiz-play-layout{height:100%;min-height:0;overflow:hidden;padding-bottom:0}.quiz-main-column{display:flex;flex-direction:column;min-height:0}.quiz-mobile-scroll-region{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--quiz-mobile-action-bar-height,56px) + env(safe-area-inset-bottom,0px) + 48px)}.quiz-header-row{gap:8px}.quiz-back-to-detail-btn{height:36px!important;padding:0 12px!important;border-radius:18px!important;font-size:12px!important}.quiz-sidebar{display:none}.quiz-sidebar-wrap{display:none}.quiz-mobile-dock{display:block;position:fixed;left:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom));z-index:1110;padding:0 10px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--md-sys-color-surface),color-mix(in srgb,var(--md-sys-color-surface) 84%,transparent));transform:translateY(calc(100% + 12px));opacity:0;transition:transform 0.24s ease,opacity 0.2s ease;pointer-events:none}.quiz-mobile-dock.open{transform:translateY(0);opacity:1;pointer-events:auto}.quiz-mobile-nav-inline-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-width:0;flex:1;height:52px!important;border-radius:0!important;border-left:1px solid var(--md-sys-color-outline-variant);border-right:1px solid var(--md-sys-color-outline-variant);font-weight:600}.quiz-action-row{position:fixed;left:0;right:0;bottom:0;z-index:1200;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) minmax(0,1fr);gap:0!important;margin:0!important;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline) 72%,transparent);background:var(--md-sys-color-primary);box-shadow:0 -1px 8px rgba(0,0,0,0.1);padding-bottom:env(safe-area-inset-bottom)}.quiz-action-row>.md-btn{height:56px!important;border-radius:0!important;margin:0!important;justify-content:center;min-width:0;gap:6px!important;padding:0 8px!important;font-size:13px!important}.quiz-action-row>.md-btn .material-icons-outlined{font-size:20px;line-height:1}.quiz-action-row>.md-btn .quiz-action-label{font-size:13px;line-height:1;max-width:100%}.quiz-action-row>.md-btn.md-btn-text,.quiz-action-row>.md-btn.md-btn-filled,.quiz-action-row>.md-btn.md-btn-tonal{background:var(--md-sys-color-primary)!important;color:var(--md-sys-color-on-primary)!important}.quiz-action-row>#btn-prev[style*="visibility:hidden"]{visibility:visible!important;opacity:.4}.quiz-action-row>#btn-instant-prev[style*="visibility:hidden"]{visibility:visible!important;opacity:.4}.quiz-mobile-nav-panel{max-height:min(56vh,430px);overflow:auto;border:1px solid var(--md-sys-color-outline-variant);border-radius:20px;background:var(--md-sys-color-surface-container-low);padding:10px;box-shadow:0 -6px 24px rgba(0,0,0,0.14)}.quiz-mobile-nav-panel.open{max-height:min(56vh,430px)}.quiz-grid.quiz-grid-mobile .quiz-grid-btn{aspect-ratio:auto;min-height:38px;border-radius:10px;font-size:14px}}@media (max-width:420px){.quiz-action-row{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr)!important}.quiz-action-btn-nav .quiz-action-label,.quiz-action-btn-nav .quiz-nav-arrow{display:none}.quiz-action-row>.md-btn{padding:0 6px!important}}@media (max-width:768px){.dash-quiz-row{padding:14px 16px!important;border-radius:16px!important;margin-bottom:8px}.quiz-option-card{padding:16px!important;border-radius:16px!important;margin-bottom:8px}.quiz-radio,.quiz-checkbox{width:24px!important;height:24px!important;margin-right:16px!important}.quiz-question-text{font-size:18px!important;line-height:1.6!important;margin-bottom:24px!important}.quiz-option-text{font-size:16px!important}}@media (max-width:768px){.dash-quiz-row{padding:14px 16px!important;border-radius:16px!important;margin-bottom:8px}.quiz-option-card{padding:16px!important;border-radius:16px!important;margin-bottom:8px}.quiz-radio,.quiz-checkbox{width:24px!important;height:24px!important;margin-right:16px!important}.quiz-question-text{font-size:18px!important;line-height:1.6!important;margin-bottom:24px!important}.quiz-option-text{font-size:16px!important}}body.is-offline{padding-bottom:0!important}body.is-offline .main-content{left:80px!important}body.is-offline .bottom-nav{display:none!important}body.is-offline #bottom-nav-offline{display:flex!important}@media (max-width:768px){body.is-offline .main-content{left:0!important}}.content-wrapper,.admin-content{position:relative}body.page-nav-pending .content-wrapper>*,body.page-nav-pending .admin-content>*{opacity:0!important;pointer-events:none!important;transition:opacity 0.12s ease}body.page-nav-pending .bottom-nav{z-index:1150!important}body.page-nav-pending .task-panel,body.page-nav-pending .task-detail-overlay{opacity:0!important;pointer-events:none!important}body.page-nav-pending .mobile-create-fab{opacity:1!important;pointer-events:none!important}body.page-nav-pending .mobile-create-fab-menu,body.page-nav-pending .fab-scrim{opacity:0!important;pointer-events:none!important}.turbo-progress-bar{height:3px;background:var(--md-sys-color-primary,#6750A4);position:fixed;top:0;left:0;z-index:99999;transition:width 0.3s ease,opacity 0.2s ease;border-radius:0 2px 2px 0}