@font-face{font-family:"Helvetica";src:local("Helvetica"),url(/static/media/Helvetica.06113bf7.ttf) format("truetype")}:root{--blue:#0081a7;--blue-10:rgba(0,129,167,0.06274509803921569);--blue-30:rgba(0,129,167,0.18823529411764706);--blue-hover:#006d8f;--orange:#fe9c5d;--orange-30:rgba(254,156,93,0.18823529411764706);--orange-80:rgba(254,156,93,0.5019607843137255);--orange-95:rgba(254,156,93,0.5843137254901961);--orange-hover:#fd8a3d;--green:#8ea604;--green-30:rgba(142,166,4,0.18823529411764706);--green-hover:#7a9003;--red:#a71d31;--red-30:rgba(167,29,49,0.18823529411764706);--success:#4caf50;--success-light:#8bc34a;--amber:#ffc107;--black:#232323;--black-20:rgba(35,35,35,0.12549019607843137);--black-60-percent:rgba(35,35,35,0.6);--black-80-percent:rgba(35,35,35,0.8);--black-absolute:#000;--black-absolute-20:rgba(0,0,0,0.12549019607843137);--gray:#dfdfdf;--white:#fff;--white-10:hsla(0,0%,100%,0.06274509803921569);--white-30:hsla(0,0%,100%,0.18823529411764706);--font-primary:"Lato",sans-serif;--font-heading:"Helvetica","Arial",sans-serif;--font-mono:var(--font-primary);--font-serif:var(--font-primary);--font-scale:1.1;--math-font-scale:1.15;--font-size-base:calc(16px*var(--font-scale));--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.1);--shadow-lg:0 8px 24px rgba(0,0,0,0.12);--shadow-xl:0 12px 40px rgba(0,0,0,0.15);--transition-fast:0.15s ease;--transition-base:0.25s ease;--transition-slow:0.4s ease;--explain-ai-bubble-bg:#1e1e34;--explain-ai-bubble-text:#f0f4f8;--explain-ai-bubble-border:#3d3d5c;--explain-ai-bubble-muted:#a8b4c4;--unnamed-font-family-lato:Lato;--unnamed-font-style-normal:normal;--unnamed-font-weight-bold:bold;--unnamed-font-weight-normal:normal;--unnamed-font-size-36:36px;--unnamed-font-size-96:96px;--unnamed-character-spacing-0:0px;--unnamed-line-spacing-44:44px;--unnamed-line-spacing-115:115px}[data-theme=light]{--bg-page:#f0f4f8;--bg-surface:hsla(0,0%,100%,0.7803921568627451);--bg-surface-hover:#f7f9fb;--bg-surface-secondary:#f0f4f8;--bg-input:#fff;--bg-input-focus:#fff;--bg-overlay:rgba(0,0,0,0.4);--text-primary:#1a1a2e;--text-secondary:#5a6474;--text-tertiary:#8896a6;--text-on-primary:#fff;--text-link:#0081a7;--border-light:#e2e8f0;--border-medium:#cbd5e1;--border-input:#d1d9e6;--border-input-focus:#0081a7;--input-placeholder:#94a3b8;--toggle-bg:#e2e8f0;--toggle-knob:#fff;--card-shadow:0 4px 16px rgba(0,0,0,0.08)}[data-theme=dark]{--bg-page:#1a1a2e;--bg-surface:rgba(37,37,62,0.9490196078431372);--bg-surface-hover:#2d2d4a;--bg-surface-secondary:#1e1e34;--bg-input:#2d2d4a;--bg-input-focus:#33335a;--bg-overlay:rgba(0,0,0,0.6);--text-primary:#f0f4f8;--text-secondary:#a8b4c4;--text-tertiary:#6b7a8d;--text-on-primary:#fff;--text-link:#4db8d4;--border-light:#335;--border-medium:#446;--border-input:#3d3d5c;--border-input-focus:#4db8d4;--input-placeholder:#6b7a8d;--toggle-bg:#335;--toggle-knob:#f0f4f8;--card-shadow:0 4px 16px rgba(0,0,0,0.3)}h2{font-family:var(--font-primary)}.ask-modal-container h2,.parent-dashboard-container h2,.study-helper-desktop h2{font-family:var(--font-heading)}.hover-filter:hover{filter:brightness(.8)}.hover:hover{cursor:pointer}.brand-text{font-family:var(--font-primary);font-weight:700}.font-heading{font-family:var(--font-heading)}.font-mono{font-family:var(--font-mono)}.font-serif{font-family:var(--font-serif)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}html{font-family:var(--font-primary)!important;margin:0!important;overflow:auto;width:100%;background-color:var(--bg-page);transition:background-color var(--transition-base)}body{margin:0;font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100dvh;overflow:hidden;padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}*{box-sizing:border-box}.card{background:var(--bg-surface);box-shadow:var(--card-shadow);border-radius:var(--radius-lg);padding:32px;border:1px solid var(--border-light)}.button{border:3px solid var(--blue);border-radius:var(--radius-xl);background-color:initial;color:var(--text-primary);padding:18px;font-size:2rem;font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-base)}.button--orange:hover{background-color:var(--orange)!important}.button--green:hover,.button--orange:hover{color:var(--text-on-primary);cursor:pointer}.button--green:hover{background-color:var(--green)!important}.button--red:hover{background-color:var(--red)!important}.button--blue:hover,.button--red:hover{cursor:pointer;color:var(--text-on-primary)}.button--blue:hover{background-color:var(--blue)!important}.full-width{width:100%}.heading{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 80px/100px var(--unnamed-font-family-lato)}@media screen and (max-width:480px){.heading{font-size:3rem}}button:disabled{cursor:not-allowed!important;filter:brightness(.7)!important}.qn-btn{display:inline-flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;padding:12px 24px;border-radius:var(--radius-md);font-family:var(--font-primary);font-weight:700;font-size:calc(16px*var(--font-scale));border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;line-height:1.2}.qn-btn:active:not(:disabled){transform:translateY(1px)}.qn-btn-primary{background-color:var(--blue);color:var(--text-on-primary);box-shadow:0 4px 0 var(--blue-hover)}.qn-btn-primary:hover:not(:disabled){background-color:var(--blue-hover)}.qn-btn-primary:active:not(:disabled){box-shadow:0 2px 0 var(--blue-hover)}.qn-btn-secondary{background-color:initial;color:var(--blue);border:2px solid var(--border-medium)}.qn-btn-secondary:hover:not(:disabled){background-color:var(--blue-10);border-color:var(--blue)}.qn-btn-success{background-color:var(--green);color:var(--text-on-primary);box-shadow:0 4px 0 var(--green-hover)}.qn-btn-success:hover:not(:disabled){background-color:var(--green-hover)}.qn-btn-danger{background-color:var(--red);color:var(--text-on-primary)}.qn-btn-danger:hover:not(:disabled){opacity:.9}.qn-btn-lg{padding:16px 32px;font-size:calc(18px*var(--font-scale));border-radius:var(--radius-lg)}.qn-btn-sm{padding:8px 16px;font-size:calc(14px*var(--font-scale))}.qn-btn-full,.qn-input{width:100%}.qn-input{padding:14px 16px;border-radius:var(--radius-md);border:2px solid var(--border-input);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-primary);font-size:calc(16px*var(--font-scale));outline:none;transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}.qn-input::placeholder{color:var(--input-placeholder)}.qn-input:focus{border-color:var(--border-input-focus);background:var(--bg-input-focus);box-shadow:0 0 0 3px var(--blue-10)}.qn-input:disabled{opacity:.6;cursor:not-allowed}.qn-card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--card-shadow);padding:24px}.qn-theme-toggle{display:flex;align-items:center;grid-gap:8px;gap:8px;cursor:pointer;background:none;border:none;padding:6px;border-radius:var(--radius-full);color:var(--text-secondary);font-size:calc(20px*var(--font-scale));transition:color var(--transition-fast)}.qn-theme-toggle:hover{color:var(--text-primary)}.qn-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:qn-fadeIn var(--transition-fast) ease}.qn-modal{background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;padding:32px;animation:qn-slideUp var(--transition-base) ease}@keyframes qn-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes qn-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.qn-beta-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;font-family:var(--font-primary);font-weight:700;letter-spacing:.3px;line-height:1.2;border-radius:var(--radius-full);border:1px solid var(--blue);background:var(--blue-30);color:var(--blue-hover);-webkit-user-select:none;user-select:none}[data-theme=dark] .qn-beta-badge{background:rgba(0,129,167,.16);color:var(--text-link)}.qn-beta-badge--sm{padding:3px 8px;font-size:calc(10px*var(--font-scale))}.qn-beta-badge--md{padding:5px 10px;font-size:calc(12px*var(--font-scale))}.qn-beta-badge--lg{padding:7px 14px;font-size:calc(13px*var(--font-scale))}.home-container{min-height:100dvh;width:100vw;display:flex;align-items:center;justify-content:center;font-family:var(--font-primary);padding:24px;position:fixed;top:0;left:0;z-index:10;overflow:hidden;isolation:isolate}.home-theme-toggle{position:absolute;top:20px;right:24px;z-index:10}.home-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;grid-gap:16px;gap:16px}.signin-card{background:var(--bg-surface);border-radius:var(--radius-xl);padding:40px 36px 32px;width:100%;max-width:440px;box-shadow:var(--card-shadow);border:1px solid var(--border-light);color:var(--text-primary);flex-shrink:0}.home-layout .qn-beta-badge{background:var(--bg-surface);border-color:var(--border-light);color:var(--blue)}[data-theme=dark] .home-layout .qn-beta-badge{background:var(--bg-surface);border-color:var(--border-light);color:#fff}.logo-header{flex-direction:column;justify-content:center;margin-bottom:8px}.logo-header,.logo-main-line{display:flex;align-items:center}.logo-main-line{grid-gap:12px;gap:12px;margin-bottom:4px}.logo-icon{width:48px!important;height:48px!important;color:var(--blue)}[data-theme=dark] .logo-icon{filter:brightness(0) invert(1)}.logo-text{font-size:calc(36px*var(--font-scale))!important;font-weight:700!important;color:var(--blue);font-family:var(--font-primary);line-height:1}[data-theme=dark] .logo-text{color:#fff}.home-welcome-text{text-align:center;color:var(--text-secondary);font-size:calc(15px*var(--font-scale));margin:0 0 4px;font-family:var(--font-heading)}.home-access-notice{margin:16px 0 4px;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--orange);background:var(--bg-surface-secondary);color:var(--text-primary);font-family:var(--font-primary);font-size:calc(14px*var(--font-scale));line-height:1.5;text-align:center}.reset-password-form,.signin-form,.signup-form{display:flex;flex-direction:column;grid-gap:14px;gap:14px;margin:24px 0 20px}.signin-input{width:100%;padding:14px 16px;border-radius:var(--radius-md);border:2px solid var(--border-input);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-primary);font-size:calc(15px*var(--font-scale));outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.signin-input::placeholder{color:var(--input-placeholder)}.signin-input:focus{border-color:var(--border-input-focus);box-shadow:0 0 0 3px var(--blue-10);background:var(--bg-input-focus)}.signin-input:disabled{opacity:.6;cursor:not-allowed}.password-field-container{position:relative;width:100%}.password-field-container .signin-input{width:100%;padding-right:56px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:var(--bg-surface-secondary);border:1px solid var(--border-light);font-size:calc(12px*var(--font-scale));font-weight:600;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:all var(--transition-fast);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.password-toggle:hover{background:var(--border-light);color:var(--text-primary)}.password-toggle.visible{color:var(--blue);border-color:var(--blue-30);background:var(--blue-10)}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.signin-button{background:var(--blue);border:none;border-radius:var(--radius-md);color:var(--text-on-primary);padding:14px 24px;font-size:calc(16px*var(--font-scale));font-family:var(--font-primary);font-weight:700;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 0 var(--blue-hover);width:100%}.signin-button:hover:not(:disabled){background-color:var(--blue-hover)}.signin-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 var(--blue-hover)}.signin-button:disabled{opacity:.6;cursor:not-allowed}.signup-link{text-align:center;font-size:calc(15px*var(--font-scale));color:var(--text-secondary);font-family:var(--font-primary);margin-bottom:4px}.create-account{color:var(--orange);cursor:pointer;font-weight:600;transition:color var(--transition-fast)}.create-account:hover{color:var(--orange-hover)}.reset-password-container{display:flex;justify-content:center;align-items:center;margin-top:8px;grid-gap:24px;gap:24px}.reset-password-link{font-size:calc(14px*var(--font-scale));color:var(--text-tertiary);font-family:var(--font-primary);cursor:pointer;transition:color var(--transition-fast);font-weight:500}.reset-password-link:hover{color:var(--blue)}.reset-password-title{color:var(--text-primary);font-family:var(--font-heading);font-size:calc(22px*var(--font-scale));font-weight:700;margin:0 0 8px;text-align:center}.reset-password-description{color:var(--text-secondary);font-family:var(--font-primary);font-size:calc(14px*var(--font-scale));line-height:1.5;margin:0 0 8px;text-align:center}.checkbox-container{margin:2px 0}.checkbox-label{display:flex;align-items:flex-start;grid-gap:8px;gap:8px;font-size:calc(13px*var(--font-scale));color:var(--text-secondary);font-family:var(--font-primary);line-height:1.5;cursor:pointer;min-height:44px;padding:6px 0;box-sizing:border-box}.checkbox-label input[type=checkbox]{margin:2px 0 0;flex-shrink:0;width:18px;height:18px;cursor:pointer;accent-color:var(--blue)}.policy-link{color:var(--blue);text-decoration:underline;cursor:pointer;font-weight:500}.policy-link:hover{color:var(--blue-hover)}.signup-role-step{display:flex;flex-direction:column;grid-gap:14px;gap:14px;margin:24px 0 20px}.signup-back{align-self:flex-start;margin:0;padding:0;min-height:44px;border:none;background:none;color:var(--text-secondary);font-family:var(--font-primary);font-size:calc(14px*var(--font-scale));font-weight:600;cursor:pointer}.signup-back:hover:not(:disabled){color:var(--blue)}.signup-back:disabled{opacity:.6;cursor:not-allowed}.signup-age-note{margin:-8px 0 0 26px;color:var(--text-secondary);font-family:var(--font-primary);font-size:calc(13px*var(--font-scale));line-height:1.5}@media screen and (max-width:768px){.home-container{align-items:flex-start;padding:60px 16px 16px}.home-layout{flex-direction:column;align-items:center}.signin-card{padding:28px 24px 24px;max-width:100%}}@media screen and (max-width:380px){.signin-card{padding:24px 18px 20px}}.dynamic-bg{background:linear-gradient(112deg,#cce9f5,#d8eff7 9%,#4db3ce 0,#85cad8 17%,#ffd5b8 34%,#fee7d7 39%,#c5d89a 49%,#b8caa0 55%,#9acfde 60%,#c8849a 64%,#bf7a92 69%,#2d88a6 76%,#cce9f5 84%,#d8eff7);background-size:380% 380%;animation:waterFlow 55s cubic-bezier(.45,.05,.55,.95) infinite;will-change:background-position}.dynamic-bg:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg at 50% 50%,rgba(0,129,167,.11) 0deg,transparent 52deg,rgba(140,166,4,.08) 88deg,transparent 150deg,rgba(251,159,109,.11) 195deg,transparent 248deg,rgba(200,132,154,.1) 290deg,transparent 348deg,rgba(0,129,167,.11) 1turn);animation:conicDrift 55s linear infinite;will-change:transform;pointer-events:none;z-index:-1}[data-theme=dark] .dynamic-bg:before{background:linear-gradient(rgba(0,0,0,.22),rgba(0,0,0,.22)),conic-gradient(from 0deg at 50% 50%,rgba(0,129,167,.11) 0deg,transparent 52deg,rgba(140,166,4,.08) 88deg,transparent 150deg,rgba(251,159,109,.11) 195deg,transparent 248deg,rgba(200,132,154,.1) 290deg,transparent 348deg,rgba(0,129,167,.11) 1turn)}.dynamic-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(112deg,#c8e9f3,#ddf0cb 9%,#0081a7 0,#006d8f 17%,#8ea604 0,#7a9003 26%,#c5d830 38%,#fe9c5d 52%,#ffba85 62%,#a71d31 0,#8a1628 69%,#c8e9f3 84%,#ddf0cb);background-size:380% 380%;animation:waterFlow 55s cubic-bezier(.45,.05,.55,.95) infinite;opacity:0;transition:opacity 1.5s ease;pointer-events:none;z-index:-2}.dynamic-bg--celebrating:after{opacity:1}@keyframes waterFlow{0%{background-position:12% 38%}12.5%{background-position:20% 44%}25%{background-position:32% 52%}37.5%{background-position:44% 47%}50%{background-position:50% 40%}62.5%{background-position:38% 48%}75%{background-position:28% 54%}87.5%{background-position:18% 46%}to{background-position:12% 38%}}@keyframes conicDrift{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.parent-invite-panel{display:flex;flex-direction:column;align-items:center;grid-gap:12px;gap:12px;width:100%;text-align:center}.parent-invite-field{align-self:flex-start;color:var(--text-primary);font-family:var(--font-primary);font-size:max(16px,calc(16px*var(--font-scale)));font-weight:700}.parent-invite-title{margin:0;color:var(--text-primary);font-size:calc(20px*var(--font-scale));font-weight:800}.parent-invite-copy,.parent-invite-status,.parent-invite-url{margin:0;color:var(--text-secondary);font-family:var(--font-primary);font-size:max(16px,calc(16px*var(--font-scale)));line-height:1.5}.parent-invite-url{word-break:break-all;color:var(--text-primary)}.parent-invite-error{margin:0;color:var(--red);font-family:var(--font-primary);font-size:max(16px,calc(16px*var(--font-scale)));line-height:1.5}.parent-invite-qr{background:#fff;padding:12px;border-radius:12px}.parent-invite-actions{display:flex;flex-direction:column;grid-gap:10px;gap:10px;width:100%}.parent-invite-primary,.parent-invite-secondary,.parent-invite-text{width:100%;min-height:48px;border-radius:var(--radius-md);font-family:var(--font-primary);font-size:max(16px,calc(16px*var(--font-scale)));font-weight:700;cursor:pointer}.parent-invite-primary{background:var(--blue);color:var(--text-on-primary);border:none;box-shadow:0 4px 0 var(--blue-hover)}.parent-invite-secondary,.parent-invite-text{background:transparent;color:var(--text-primary);border:2px solid var(--border-medium)}.parent-invite-text{border:none;color:var(--blue);min-height:44px}.parent-invite-primary:disabled,.parent-invite-secondary:disabled,.parent-invite-text:disabled{opacity:.6;cursor:not-allowed}.mixed-content-preview>#preview{padding:0!important;will-change:auto!important}.question-detail-modal{background:var(--bg-surface);border-radius:var(--radius-lg);width:90%;max-width:600px;max-height:85vh;color:var(--text-primary);font-family:var(--font-primary);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-light);box-shadow:var(--shadow-xl)}.question-detail-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-light)}.question-detail-header h2{color:var(--text-primary);margin:0;font-size:calc(24px*var(--font-scale));font-weight:600;font-family:var(--font-heading)}.question-detail-header .close-button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.question-detail-header .close-button svg{font-size:calc(28px*var(--font-scale))}.question-detail-header .close-button:hover{color:var(--text-primary);transform:scale(1.1)}.question-detail-content{padding:20px;overflow-y:auto;flex:1 1}.question-detail-section{margin-bottom:25px;background:var(--bg-surface-secondary);border-radius:var(--radius-sm);padding:20px;overflow:hidden;border:1px solid var(--border-light)}.question-detail-section h3{color:var(--blue);font-size:calc(18px*var(--font-scale));font-weight:500;margin:0 0 15px}.answer-detail-text,.question-detail-text{background:transparent;border-radius:0;padding:0;font-size:calc(16px*var(--font-scale));line-height:1.6;color:var(--text-primary)}.parent-answer-summary{margin-bottom:25px;background:var(--bg-surface-secondary);border-radius:var(--radius-sm);overflow:hidden;position:relative;border:1px solid var(--border-light)}.summary-container{display:flex;transition:transform .3s ease;width:200%}.summary-container.videos-visible{transform:translateX(-50%)}.summary-content,.videos-panel{width:50%;padding:20px;flex-shrink:0}.parent-answer-summary h3{color:var(--blue);font-size:calc(18px*var(--font-scale));font-weight:500;margin:0 0 15px}.parent-answer-summary .summary-text{font-size:calc(15px*var(--font-scale));line-height:1.7;color:var(--text-primary);margin-bottom:10px}.swipe-hint{font-size:calc(12px*var(--font-scale));color:var(--blue);margin-top:10px;font-weight:500}.swipe-hint-summary{margin-top:10px}.swipe-hint-summary,.swipe-hint-videos{text-align:center;color:var(--blue);font-size:calc(18px*var(--font-scale));font-weight:500}.swipe-hint-videos{margin-bottom:10px}.swipe-hint-attempt{color:var(--blue);font-size:calc(18px*var(--font-scale));text-align:center;flex:1 1;font-weight:500}.attempt-navigation-hints{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:15px}.attempt-counter{text-align:center;width:100%}.video-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:15px;gap:15px}.video-thumbnail-card{cursor:pointer;border-radius:var(--radius-sm);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;background:var(--bg-surface);border:1px solid var(--border-light)}.video-thumbnail-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.video-thumbnail-placeholder{position:relative;width:100%;background:linear-gradient(135deg,var(--blue),var(--blue-hover));display:flex;align-items:center;justify-content:center}.video-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:calc(32px*var(--font-scale));color:var(--text-on-primary);text-shadow:0 2px 4px rgba(0,0,0,.3)}.video-thumbnail-title{padding:10px;font-size:calc(13px*var(--font-scale));line-height:1.4;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.attempt-container{background:var(--bg-surface-secondary);border-radius:var(--radius-sm);padding:20px;margin-top:25px;overflow:hidden;border:1px solid var(--border-light)}.attempts-wrapper{width:100%}.attempt-panel{box-sizing:border-box}.attempt-header{color:var(--blue);font-size:calc(18px*var(--font-scale));font-weight:500;margin-bottom:20px;text-align:center}.feedback-detail{background:transparent;border-radius:var(--radius-sm);padding:15px;border-left:4px solid}.feedback-detail.correct{border:3px solid var(--green)}.feedback-detail.incorrect{border:3px solid var(--red)}.feedback-status{font-size:calc(16px*var(--font-scale));font-weight:700;margin-bottom:10px;color:var(--text-primary)}.feedback-message{font-size:calc(14px*var(--font-scale));line-height:1.5;color:var(--text-secondary)}.question-detail-date{font-size:calc(12px*var(--font-scale));color:var(--text-tertiary);text-align:right;margin-top:15px;padding-top:15px;border-top:1px solid var(--border-light)}.video-recommendations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:15px;gap:15px;margin-top:15px}.video-recommendation-card{cursor:pointer;border-radius:var(--radius-sm);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;background:var(--bg-surface);border:1px solid var(--border-light)}.video-recommendation-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.video-thumbnail{position:relative;width:100%;padding-top:56.25%;background:linear-gradient(135deg,var(--blue),var(--blue-hover));display:flex;align-items:center;justify-content:center}.video-platform{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.7);color:var(--text-on-primary);padding:4px 8px;border-radius:4px;font-size:calc(10px*var(--font-scale));font-weight:700}.video-title{padding:10px;font-size:calc(13px*var(--font-scale));line-height:1.4;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media (max-width:768px){.question-detail-modal{width:95%;max-height:90vh}.question-detail-header h2{font-size:calc(20px*var(--font-scale))}.question-detail-content{padding:15px}.nav-button{width:35px;height:35px;font-size:calc(20px*var(--font-scale))}.video-recommendations-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:10px;gap:10px}.video-play-icon{font-size:calc(24px*var(--font-scale))}.video-title{font-size:calc(12px*var(--font-scale));padding:8px}}.image-crop-modal{position:fixed;inset:0;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.image-crop-container{background-color:#232323;border-radius:16px;padding:16px;width:min(96vw,920px);height:min(92vh,960px);max-height:100dvh;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.5);display:flex;flex-direction:column;outline:none;color:#fff;font-family:"Lato",sans-serif}.image-crop-header{display:flex;align-items:flex-start;justify-content:space-between;grid-gap:12px;gap:12px;margin-bottom:10px;flex-shrink:0}.image-crop-header h3{margin:0;font-size:calc(22px*var(--font-scale, 1));font-weight:700;color:#8ea604}.image-crop-hint{margin:4px 0 0;font-size:calc(13px*var(--font-scale, 1));line-height:1.35;color:hsla(0,0%,100%,.78)}.image-crop-size{margin:0;padding:4px 8px;border-radius:999px;background:hsla(0,0%,100%,.08);font-size:calc(12px*var(--font-scale, 1));font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;color:hsla(0,0%,100%,.85)}.image-crop-toolbar{display:flex;align-items:center;grid-gap:8px;gap:8px;flex-shrink:0;margin-bottom:10px}.image-crop-toolbar-spacer{flex:1 1}.image-crop-tool{width:48px;height:48px;border:none;border-radius:12px;background:hsla(0,0%,100%,.1);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.image-crop-tool:hover:not(:disabled){background:rgba(142,166,4,.35)}.image-crop-tool:focus-visible{outline:2px solid #8ea604;outline-offset:2px}.image-crop-tool:disabled{opacity:.4;cursor:not-allowed}.image-crop-stage{position:relative;flex:1 1;min-height:180px;background:#111;border-radius:12px;overflow:hidden;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}.image-crop-stage:active{cursor:grabbing}.image-crop-stage--pending{cursor:default}.image-crop-status{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;color:hsla(0,0%,100%,.82);font-size:calc(16px*var(--font-scale, 1));background:#111}.image-crop-image-layer{position:absolute;top:0;left:0;transform-origin:center center;will-change:transform,left,top,width,height;pointer-events:none}.image-crop-image-layer img{display:block;width:100%;height:100%;pointer-events:none;-webkit-user-drag:none}.image-crop-box{z-index:2;box-sizing:border-box;border:2px solid #8ea604;box-shadow:0 0 0 9999px rgba(0,0,0,.55)}.image-crop-box,.image-crop-grid{position:absolute;pointer-events:none}.image-crop-grid{inset:0;background-image:linear-gradient(90deg,hsla(0,0%,100%,.28) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.28) 1px,transparent 0);background-size:33.33333% 33.33333%;background-position:0 0}.image-crop-handle{position:absolute;width:48px;height:48px;pointer-events:auto;touch-action:none;z-index:3}.image-crop-handle:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;border:2px solid #fff;background:#8ea604;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.45);transform:translate(-50%,-50%)}.image-crop-handle--nw{top:-24px;left:-24px;cursor:nwse-resize}.image-crop-handle--ne{top:-24px;right:-24px;cursor:nesw-resize}.image-crop-handle--se{bottom:-24px;right:-24px;cursor:nwse-resize}.image-crop-handle--sw{bottom:-24px;left:-24px;cursor:nesw-resize}.image-crop-handle--n{top:-24px}.image-crop-handle--n,.image-crop-handle--s{left:50%;transform:translateX(-50%);cursor:ns-resize}.image-crop-handle--s{bottom:-24px}.image-crop-handle--e{right:-24px}.image-crop-handle--e,.image-crop-handle--w{top:50%;transform:translateY(-50%);cursor:ew-resize}.image-crop-handle--w{left:-24px}.image-crop-handle--n:after,.image-crop-handle--s:after{width:28px;height:12px;border-radius:999px}.image-crop-handle--e:after,.image-crop-handle--w:after{width:12px;height:28px;border-radius:999px}.image-crop-error{margin:8px 0 0;color:#ffb4b4;font-size:calc(14px*var(--font-scale, 1));flex-shrink:0}.image-crop-actions{display:flex;flex-direction:column;grid-gap:10px;gap:10px;flex-shrink:0;padding-top:12px}.image-crop-secondary-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.crop-cancel-button,.crop-confirm-button,.crop-skip-button{border:none;border-radius:10px;font-family:"Lato",sans-serif;font-size:calc(16px*var(--font-scale, 1));font-weight:600;cursor:pointer;min-height:52px;padding:12px 16px}.crop-confirm-button{background-color:#8ea604;color:#fff;text-shadow:0 0 10px #000}.crop-confirm-button:hover:not(:disabled){background-color:#7a9503}.crop-skip-button{background-color:#3a3a3a;color:#fff}.crop-skip-button:hover:not(:disabled){background-color:#4a4a4a}.crop-cancel-button{background-color:#666;color:#fff;text-shadow:0 0 10px #000}.crop-cancel-button:hover:not(:disabled){background-color:#777}.crop-cancel-button:disabled,.crop-confirm-button:disabled,.crop-skip-button:disabled{opacity:.55;cursor:not-allowed}.crop-cancel-button:focus-visible,.crop-confirm-button:focus-visible,.crop-skip-button:focus-visible{outline:2px solid #fff;outline-offset:2px}@media (pointer:coarse){.image-crop-handle{width:56px;height:56px}.image-crop-handle--ne,.image-crop-handle--nw{top:-28px}.image-crop-handle--se,.image-crop-handle--sw{bottom:-28px}.image-crop-handle--nw,.image-crop-handle--sw{left:-28px}.image-crop-handle--ne,.image-crop-handle--se{right:-28px}.image-crop-handle--n{top:-28px}.image-crop-handle--s{bottom:-28px}.image-crop-handle--e{right:-28px}.image-crop-handle--w{left:-28px}.image-crop-handle:after{width:20px;height:20px}.crop-cancel-button,.crop-confirm-button,.crop-skip-button,.image-crop-tool{min-height:56px}.image-crop-tool{width:52px;height:52px}}@media (max-width:768px){.image-crop-container{width:100%;height:100%;max-height:100dvh;border-radius:0;padding:12px}.image-crop-header h3{font-size:calc(20px*var(--font-scale, 1))}.crop-cancel-button,.crop-confirm-button,.crop-skip-button{font-size:calc(18px*var(--font-scale, 1))}}@media (max-height:640px){.image-crop-container{padding:10px}.image-crop-header{margin-bottom:6px}.image-crop-toolbar{margin-bottom:6px;grid-gap:6px;gap:6px}.image-crop-tool{width:44px;height:44px}.image-crop-actions{grid-gap:8px;gap:8px;padding-top:8px}.crop-cancel-button,.crop-confirm-button,.crop-skip-button{min-height:46px;padding:10px 14px}}.celebration-overlay-confetti{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:99999}.celebration-confetti-piece{position:absolute;top:-10px;animation:celebrationConfettiFall 3s ease-in forwards}@keyframes celebrationConfettiFall{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}.celebration-xp-pop{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-primary);font-weight:800;font-size:calc(48px*var(--font-scale));color:var(--blue);z-index:100000;pointer-events:none;animation:celebrationXpPop 1.5s ease-out forwards;text-shadow:0 2px 10px rgba(0,129,167,.3)}@keyframes celebrationXpPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}60%{transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-70%) scale(.8)}}.pt-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;animation:ptBackdropIn .35s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pt-backdrop--exit{animation:ptBackdropOut .4s ease-in forwards}@keyframes ptBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes ptBackdropOut{0%{opacity:1}to{opacity:0}}.pt-card{background:var(--bg-surface);border-radius:24px;box-shadow:0 32px 80px rgba(0,0,0,.4),0 8px 32px rgba(0,0,0,.2);display:flex;flex-direction:row;width:100%;max-width:860px;max-height:90vh;overflow:hidden;animation:ptCardIn .4s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--border-light)}.pt-card--exit{animation:ptCardOut .35s ease-in forwards}@keyframes ptCardIn{0%{opacity:0;transform:scale(.88) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes ptCardOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.92) translateY(16px)}}.pt-card-preview{flex:1.1 1;background:var(--bg-surface-secondary);border-right:1px solid var(--border-light);display:flex;flex-direction:column;min-height:0;overflow:hidden}.pt-preview-inner{display:flex;flex-direction:column;height:100%;min-height:0}.pt-preview-browser-bar{display:flex;align-items:center;grid-gap:6px;gap:6px;padding:10px 14px;background:var(--bg-surface);border-bottom:1px solid var(--border-light);flex-shrink:0}.pt-browser-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.pt-browser-address{font-size:calc(11px*var(--font-scale));color:var(--text-tertiary);margin-left:6px;font-family:var(--font-mono)}.pt-card-content{flex:0 0 340px;display:flex;flex-direction:column;padding:32px 28px 24px;min-height:0;overflow-y:auto}.pt-card-content::-webkit-scrollbar{width:4px}.pt-card-content::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:2px}.pt-step-indicator{display:flex;grid-gap:8px;gap:8px;margin-bottom:28px}.pt-step-dot{width:8px;height:8px;border-radius:50%;background:var(--border-medium);cursor:pointer;transition:all .25s ease;flex-shrink:0}.pt-step-dot.active{width:24px;border-radius:4px;background:var(--blue)}.pt-step-dot.done{background:var(--green)}.pt-step-emoji{font-size:calc(40px*var(--font-scale));margin-bottom:12px;line-height:1}.pt-step-title{font-family:var(--font-heading);font-size:calc(22px*var(--font-scale));font-weight:700;color:var(--text-primary);margin-bottom:6px;line-height:1.25}.pt-step-subtitle{font-size:calc(14px*var(--font-scale));font-weight:600;color:var(--blue);margin-bottom:14px;text-transform:uppercase;letter-spacing:.04em}.pt-step-description{font-size:calc(15px*var(--font-scale));line-height:1.65;color:var(--text-secondary);flex:1 1;margin-bottom:24px}.pt-card-actions{flex-direction:column;margin-top:auto}.pt-card-actions,.pt-nav-row{display:flex;grid-gap:10px;gap:10px}.pt-nav-row{align-items:center}.pt-btn-back{background:transparent;border:1px solid var(--border-medium);border-radius:10px;padding:11px 18px;font-size:calc(14px*var(--font-scale));font-family:var(--font-primary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.pt-btn-back:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.pt-btn-next{flex:1 1;background:var(--blue);color:#fff;border:none;border-radius:10px;padding:12px 20px;font-size:calc(15px*var(--font-scale));font-weight:600;font-family:var(--font-primary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.pt-btn-next:hover{background:var(--blue-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,129,167,.35)}.pt-btn-skip{background:transparent;border:none;font-size:calc(13px*var(--font-scale));color:var(--text-tertiary);cursor:pointer;font-family:var(--font-primary);padding:4px;transition:color .2s ease;text-align:center;min-height:20px}.pt-btn-skip:hover{color:var(--text-secondary)}.pt-preview-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:20px;gap:20px;padding:28px 24px;flex:1 1}.pt-preview-welcome-logo{display:flex;align-items:center;grid-gap:10px;gap:10px}.pt-preview-logo-img{width:36px;height:36px;object-fit:contain}.pt-preview-logo-text{font-size:calc(26px*var(--font-scale));color:var(--text-primary)}.pt-preview-welcome-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;width:100%}.pt-preview-stat-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:14px;padding:18px 12px;text-align:center;box-shadow:var(--card-shadow)}.pt-preview-stat-emoji{font-size:calc(28px*var(--font-scale));margin-bottom:8px}.pt-preview-stat-label{font-size:calc(13px*var(--font-scale));font-weight:600;color:var(--text-secondary)}.pt-preview-welcome-tagline{font-size:calc(13px*var(--font-scale));color:var(--text-tertiary);text-align:center;font-style:italic}.pt-preview-students{display:flex;flex-direction:column;padding:20px 18px;grid-gap:12px;gap:12px;flex:1 1}.pt-preview-section-title{font-size:calc(13px*var(--font-scale));font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:4px}.pt-preview-student-card{display:flex;align-items:center;grid-gap:12px;gap:12px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:14px;padding:14px 16px;cursor:pointer;box-shadow:var(--card-shadow);transition:transform .15s ease}.pt-preview-student-card--highlight{border-color:var(--blue);box-shadow:0 0 0 2px rgba(0,129,167,.15),var(--card-shadow)}.pt-preview-student-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--green));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:calc(15px*var(--font-scale));flex-shrink:0}.pt-preview-student-info{flex:1 1;min-width:0}.pt-preview-student-name{font-weight:600;font-size:calc(15px*var(--font-scale));color:var(--text-primary)}.pt-preview-student-email{font-size:calc(12px*var(--font-scale));color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt-preview-student-arrow{font-size:calc(20px*var(--font-scale));color:var(--text-tertiary)}.pt-preview-add-student-hint{display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:calc(13px*var(--font-scale));color:var(--text-tertiary);padding:10px 4px}.pt-preview-add-icon{font-size:calc(18px*var(--font-scale));color:var(--blue);font-weight:700}.pt-preview-view-work{display:flex;flex-direction:row;flex:1 1;min-height:0;overflow:hidden}.pt-preview-vw-sidebar{width:48%;border-right:1px solid var(--border-light);padding:16px 12px;display:flex;flex-direction:column;grid-gap:6px;gap:6px;overflow-y:auto;background:var(--bg-surface-secondary)}.pt-preview-vw-sidebar::-webkit-scrollbar{width:3px}.pt-preview-vw-sidebar::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:2px}.pt-preview-vw-item{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:10px;padding:10px;cursor:pointer;transition:all .15s ease}.pt-preview-vw-item.selected{border-color:var(--blue);background:rgba(0,129,167,.06)}.pt-preview-vw-item-text{font-size:calc(12px*var(--font-scale));color:var(--text-primary);line-height:1.4;margin-bottom:6px}.pt-preview-vw-item-meta{display:flex;align-items:center;grid-gap:6px;gap:6px}.pt-preview-vw-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.pt-preview-vw-dot.correct{background:var(--green)}.pt-preview-vw-dot.incorrect{background:var(--orange)}.pt-preview-vw-topic{font-size:calc(11px*var(--font-scale));color:var(--text-tertiary)}.pt-preview-vw-detail{flex:1 1;padding:16px 14px;display:flex;flex-direction:column;grid-gap:4px;gap:4px;overflow-y:auto;background:var(--bg-surface)}.pt-preview-vw-detail::-webkit-scrollbar{width:3px}.pt-preview-vw-detail::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:2px}.pt-preview-vw-detail-label{font-size:calc(11px*var(--font-scale));font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:2px}.pt-preview-vw-detail-text{font-size:calc(13px*var(--font-scale));color:var(--text-primary);font-weight:500;line-height:1.45;margin-bottom:6px}.pt-preview-vw-feedback{font-size:calc(12px*var(--font-scale));color:var(--text-secondary);line-height:1.5;background:var(--bg-surface-secondary);border-radius:8px;padding:8px 10px;border:1px solid var(--border-light);margin-top:4px}.pt-correct-text{color:var(--green);font-weight:600}.pt-incorrect-text{color:var(--orange);font-weight:600}.pt-preview-manage-work{display:flex;flex-direction:column;padding:16px 18px;grid-gap:10px;gap:10px;flex:1 1}.pt-preview-mw-header{display:flex;align-items:center;justify-content:space-between}.pt-preview-mw-add-btn{background:var(--blue);color:#fff;border-radius:8px;padding:5px 12px;font-size:calc(12px*var(--font-scale));font-weight:600;cursor:pointer}.pt-preview-mw-page-card{display:flex;align-items:flex-start;grid-gap:12px;gap:12px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:12px;padding:12px 14px;box-shadow:var(--card-shadow)}.pt-preview-mw-page-icon{font-size:calc(22px*var(--font-scale));flex-shrink:0}.pt-preview-mw-page-info{flex:1 1}.pt-preview-mw-page-title{font-size:calc(14px*var(--font-scale));font-weight:600;color:var(--text-primary)}.pt-preview-mw-page-desc{font-size:calc(12px*var(--font-scale));color:var(--text-secondary);margin-top:2px}.pt-preview-mw-page-count{font-size:calc(11px*var(--font-scale));color:var(--blue);margin-top:4px;font-weight:500}.pt-preview-mw-upload-hint{font-size:calc(13px*var(--font-scale));color:var(--text-tertiary);text-align:center;padding:8px;border:1px dashed var(--border-medium);border-radius:10px;margin-top:4px}.pt-preview-settings{display:flex;flex-direction:column;padding:16px 18px;grid-gap:6px;gap:6px;flex:1 1}.pt-preview-settings-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:12px;padding:12px 14px;box-shadow:var(--card-shadow)}.pt-preview-settings-item{display:flex;align-items:center;justify-content:space-between}.pt-preview-settings-label{font-size:calc(13px*var(--font-scale));font-weight:600;color:var(--text-primary)}.pt-preview-settings-hint{font-size:calc(11px*var(--font-scale));color:var(--text-tertiary);margin-top:5px;line-height:1.4}.pt-preview-toggle{width:36px;height:20px;border-radius:10px;background:var(--border-medium);position:relative;flex-shrink:0;transition:background .2s ease}.pt-preview-toggle.on{background:var(--green)}.pt-preview-toggle-knob{width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:2px;right:2px;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:right .2s ease}.pt-preview-toggle:not(.on) .pt-preview-toggle-knob{right:auto;left:2px}@media (max-width:700px){.pt-backdrop{padding:0;align-items:flex-end}.pt-card{flex-direction:column;max-width:100%;width:100%;max-height:95vh;border-radius:24px 24px 0 0;border-bottom:none}.pt-card-preview{flex:0 0 auto;height:220px;border-right:none;border-bottom:1px solid var(--border-light)}.pt-card-content{flex:0 0 auto;padding:20px 20px 28px}.pt-step-emoji{font-size:calc(32px*var(--font-scale));margin-bottom:8px}.pt-step-title{font-size:calc(19px*var(--font-scale))}.pt-step-description{font-size:calc(14px*var(--font-scale));margin-bottom:16px}.pt-preview-view-work{height:100%}.pt-preview-vw-sidebar{width:45%;padding:10px 8px;grid-gap:4px;gap:4px}.pt-preview-vw-detail{padding:10px}.pt-preview-welcome{padding:16px;grid-gap:12px;gap:12px}.pt-preview-welcome-cards{grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.pt-preview-stat-card{padding:12px 8px}.pt-preview-stat-emoji{font-size:calc(22px*var(--font-scale));margin-bottom:4px}.pt-preview-stat-label{font-size:calc(11px*var(--font-scale))}}@media (max-width:400px){.pt-card-preview{height:200px}}.pcl-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--blue);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(0,129,167,.45),0 2px 8px rgba(0,0,0,.15);z-index:10000;transition:all .25s cubic-bezier(.34,1.56,.64,1);animation:pclFabIn .5s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes pclFabIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.pcl-fab:hover{transform:scale(1.1);box-shadow:0 6px 28px rgba(0,129,167,.55),0 3px 12px rgba(0,0,0,.2)}.pcl-fab--open{transform:scale(1.05)}.pcl-fab--done{background:linear-gradient(135deg,var(--green),#4caf50);box-shadow:0 4px 20px rgba(142,166,4,.45),0 2px 8px rgba(0,0,0,.15)}.pcl-fab--done:hover{box-shadow:0 6px 28px rgba(142,166,4,.55),0 3px 12px rgba(0,0,0,.2)}.pcl-fab-icon{font-size:calc(22px*var(--font-scale));line-height:1}.pcl-fab-badge{position:absolute;top:-4px;right:-4px;background:var(--orange);color:#fff;font-size:calc(11px*var(--font-scale));font-weight:700;font-family:var(--font-primary);padding:2px 5px;border-radius:10px;border:2px solid var(--bg-surface);line-height:1.3;white-space:nowrap}.pcl-panel{position:fixed;bottom:88px;right:24px;width:320px;background:var(--bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:20px;box-shadow:0 16px 48px rgba(0,0,0,.22),0 4px 16px rgba(0,0,0,.1);z-index:10001;overflow:hidden;animation:pclPanelIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes pclPanelIn{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pcl-panel-header{padding:18px 18px 12px;border-bottom:1px solid var(--border-light);background:var(--bg-surface)}.pcl-panel-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.pcl-panel-title{font-family:var(--font-heading);font-size:calc(17px*var(--font-scale));font-weight:700;color:var(--text-primary)}.pcl-panel-close{background:transparent;border:none;font-size:calc(22px*var(--font-scale));color:var(--text-tertiary);cursor:pointer;line-height:1;padding:2px 4px;transition:color .2s ease}.pcl-panel-close:hover{color:var(--text-primary)}.pcl-panel-subtitle{font-size:calc(13px*var(--font-scale));color:var(--text-secondary);line-height:1.45;margin-bottom:12px}.pcl-progress-bar-track{width:100%;height:6px;background:var(--bg-surface-secondary);border-radius:3px;overflow:hidden;margin-bottom:6px;border:1px solid var(--border-light)}.pcl-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),var(--green));border-radius:3px;transition:width .6s cubic-bezier(.4,0,.2,1);min-width:0}.pcl-progress-bar-fill--done{background:linear-gradient(90deg,var(--green),#4caf50)}.pcl-progress-label{font-size:calc(11px*var(--font-scale));color:var(--text-tertiary);font-family:var(--font-mono)}.pcl-items{padding:10px 12px 16px;display:flex;flex-direction:column;grid-gap:8px;gap:8px}.pcl-item{display:flex;align-items:flex-start;grid-gap:12px;gap:12px;padding:12px;border-radius:12px;background:var(--bg-surface-secondary);border:1px solid var(--border-light);transition:all .25s ease}.pcl-item--done{background:rgba(142,166,4,.07);border-color:rgba(142,166,4,.3)}.pcl-item--clickable{cursor:pointer}.pcl-item--clickable:hover{background:var(--bg-surface-hover,rgba(0,0,0,.05));border-color:var(--border-medium,rgba(0,0,0,.2))}.pcl-item-check{width:28px;height:28px;border-radius:50%;border:2px solid var(--border-medium);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:calc(13px*var(--font-scale));font-weight:700;transition:all .25s ease;margin-top:1px;background:var(--bg-surface)}.pcl-item-check--done{background:var(--green);border-color:var(--green);color:#fff;animation:pclCheckPop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes pclCheckPop{0%{transform:scale(.6)}to{transform:scale(1)}}.pcl-item-emoji{font-size:calc(13px*var(--font-scale));line-height:1}.pcl-item-text{flex:1 1;min-width:0}.pcl-item-title{font-size:calc(13px*var(--font-scale));font-weight:600;color:var(--text-primary);display:flex;align-items:center;grid-gap:6px;gap:6px;line-height:1.3;margin-bottom:3px}.pcl-item--done .pcl-item-title{color:var(--text-secondary);text-decoration:line-through;-webkit-text-decoration-color:var(--text-tertiary);text-decoration-color:var(--text-tertiary)}.pcl-item-optional{font-size:calc(10px*var(--font-scale));font-weight:500;color:var(--text-tertiary);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:4px;padding:1px 5px;text-transform:uppercase;letter-spacing:.04em;text-decoration:none}.pcl-item-desc{font-size:calc(12px*var(--font-scale));color:var(--text-tertiary);line-height:1.4}.pcl-item--done .pcl-item-desc{color:var(--text-tertiary);opacity:.7}.pcl-loading{text-align:center;font-size:calc(12px*var(--font-scale));color:var(--text-tertiary);padding:6px 0 12px;font-style:italic}@media (max-width:768px){.pcl-fab{bottom:80px;right:16px;width:50px;height:50px}.pcl-fab-icon{font-size:calc(20px*var(--font-scale))}.pcl-panel{bottom:138px;right:12px;left:12px;width:auto;border-radius:18px}}.parent-name-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px;box-sizing:border-box}.parent-name-modal{background:var(--bg-surface);border-radius:20px;padding:32px 28px;max-width:420px;width:100%;max-height:90vh;overflow-y:auto;box-sizing:border-box;box-shadow:0 20px 60px rgba(0,0,0,.25);animation:parentNameModalSlideIn .3s cubic-bezier(.34,1.56,.64,1);text-align:center}@keyframes parentNameModalSlideIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.parent-name-modal-emoji{font-size:calc(40px*var(--font-scale));line-height:1;margin-bottom:8px}.parent-name-modal-title{font-size:calc(22px*var(--font-scale));font-weight:800;color:var(--text-primary);margin:0 0 8px}.parent-name-modal-subtitle{font-size:calc(14px*var(--font-scale));color:var(--text-secondary);margin:0 0 24px;line-height:1.5}.parent-name-modal-form{display:flex;flex-direction:column;grid-gap:14px;gap:14px}.parent-name-modal-fields-row{display:flex;grid-gap:12px;gap:12px;width:100%}.parent-name-modal-input{flex:1 1;min-width:0;width:100%;padding:14px 16px;border-radius:var(--radius-md);border:2px solid var(--border-input);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-primary);font-size:calc(15px*var(--font-scale));outline:none;box-sizing:border-box;min-height:48px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.parent-name-modal-input::placeholder{color:var(--input-placeholder)}.parent-name-modal-input:focus{border-color:var(--border-input-focus);box-shadow:0 0 0 3px var(--blue-10);background:var(--bg-input-focus)}.parent-name-modal-input:disabled{opacity:.6;cursor:not-allowed}.parent-name-modal-submit{background:var(--blue);border:none;border-radius:var(--radius-md);color:var(--text-on-primary);padding:14px 24px;min-height:48px;font-size:calc(16px*var(--font-scale));font-family:var(--font-primary);font-weight:700;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 0 var(--blue-hover);width:100%}.parent-name-modal-submit:hover:not(:disabled){background-color:var(--blue-hover)}.parent-name-modal-submit:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 var(--blue-hover)}.parent-name-modal-submit:disabled{opacity:.6;cursor:not-allowed}@media screen and (max-width:380px){.parent-name-modal{padding:24px 18px}.parent-name-modal-fields-row{flex-direction:column;grid-gap:14px;gap:14px}}.qn-onb-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9800;padding:16px;box-sizing:border-box}.qn-onb-modal{position:relative;background:var(--bg-surface);border-radius:20px;padding:32px 28px;max-width:440px;width:100%;max-height:90vh;overflow-y:auto;box-sizing:border-box;box-shadow:0 20px 60px rgba(0,0,0,.25);animation:qnOnbModalIn .3s cubic-bezier(.34,1.56,.64,1);text-align:center;border:1px solid var(--border-light)}@keyframes qnOnbModalIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.qn-onb-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-surface-hover);color:var(--text-secondary);font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.qn-onb-close:hover:not(:disabled){background:var(--bg-surface-secondary);color:var(--text-primary)}.qn-onb-close:disabled{opacity:.5;cursor:not-allowed}.qn-onb-emoji{font-size:calc(40px*var(--font-scale));line-height:1;margin-bottom:8px}.qn-onb-title{font-size:calc(22px*var(--font-scale));font-weight:800;color:var(--text-primary);margin:0 0 8px;font-family:var(--font-heading)}.qn-onb-subtitle{font-size:calc(14px*var(--font-scale));color:var(--text-secondary);margin:0 0 24px;line-height:1.5}.qn-onb-actions{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.qn-onb-btn{display:flex;align-items:center;grid-gap:14px;gap:14px;width:100%;border-radius:14px;padding:16px 18px;font-family:var(--font-primary);cursor:pointer;text-align:left;transition:all var(--transition-fast);box-sizing:border-box;min-height:64px}.qn-onb-btn.primary{background:var(--blue);border:none;color:var(--text-on-primary);box-shadow:0 4px 0 var(--blue-hover)}.qn-onb-btn.primary:hover:not(:disabled){background:var(--blue-hover)}.qn-onb-btn.primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 var(--blue-hover)}.qn-onb-btn.secondary{background:var(--bg-surface-secondary);border:2px solid var(--border-medium);color:var(--text-primary)}.qn-onb-btn.secondary:hover:not(:disabled){border-color:var(--border-input-focus);background:var(--bg-surface-hover)}.qn-onb-btn:disabled{opacity:.6;cursor:not-allowed}.qn-onb-btn-emoji{font-size:26px;line-height:1;flex-shrink:0}.qn-onb-btn-text{display:flex;flex-direction:column;grid-gap:2px;gap:2px;min-width:0}.qn-onb-btn-title{font-size:calc(16px*var(--font-scale));font-weight:700}.qn-onb-btn.primary .qn-onb-btn-desc{color:hsla(0,0%,100%,.85)}.qn-onb-btn-desc{font-size:calc(12.5px*var(--font-scale));color:var(--text-secondary);line-height:1.3}.qn-onb-hint{margin:20px 0 0;font-size:calc(12px*var(--font-scale));color:var(--text-tertiary)}@media screen and (max-width:380px){.qn-onb-modal{padding:26px 18px}}.explain-visual-figure{display:flex;flex-direction:column;align-items:center;grid-gap:10px;gap:10px;min-width:0;margin-top:12px}.explain-visual{--explain-visual-height:220px;display:block;width:100%;height:var(--explain-visual-height);background:var(--explain-paper-bg);border:1px solid var(--explain-paper-border);border-radius:10px}.explain-visual.compact{--explain-visual-height:180px}.explain-visual.geometry{height:auto;max-width:calc(var(--explain-visual-height)*var(--explain-visual-aspect));aspect-ratio:var(--explain-visual-aspect)}.explain-visual-grid line{stroke:var(--explain-paper-border);stroke-width:1px}.explain-visual-asymptote,.explain-visual-axis{stroke:var(--text-secondary);stroke-width:1.25px}.explain-visual-asymptote{stroke-dasharray:5 4}.explain-visual-curve{fill:none;stroke:var(--text-primary);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.explain-visual-point{fill:var(--text-primary)}.explain-visual-hole{fill:var(--explain-paper-bg);stroke:var(--text-primary);stroke-width:2px}.explain-visual-bar,.explain-visual-box,.explain-visual-polygon{fill:var(--text-primary);fill-opacity:.08;stroke:var(--text-primary);stroke-width:2px;stroke-linejoin:round}.explain-visual-bar{fill-opacity:.14;stroke-width:1.5px}.explain-visual-angle,.explain-visual-shape,.explain-visual-whisker{fill:none;stroke:var(--text-primary);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.explain-visual-angle{stroke-width:1.5px}.explain-visual-median{stroke:var(--text-primary);stroke-width:3px}.explain-visual text{font-family:var(--font-primary);font-size:calc(11px*var(--font-scale));fill:var(--text-secondary);stroke:var(--explain-paper-bg);stroke-width:3px;stroke-linejoin:round;paint-order:stroke}.explain-visual .explain-visual-axis-name{font-style:italic}.explain-visual .explain-visual-label{fill:var(--text-primary);font-weight:600}.explain-visual-table-wrap{position:relative;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.explain-visual-table{margin:0 auto;border-collapse:initial;border-spacing:0;overflow:hidden;background:var(--explain-paper-bg);border:1px solid var(--explain-paper-border);border-radius:10px;color:var(--text-primary);font-size:calc(15px*var(--font-scale))}.explain-visual-table td,.explain-visual-table th{min-width:3em;padding:6px 14px;text-align:center;vertical-align:middle;border-bottom:1px solid var(--explain-paper-border);overflow-wrap:anywhere}.explain-visual-table td+td,.explain-visual-table th+th{border-left:1px solid var(--explain-paper-border)}.explain-visual-table th{background:var(--explain-step-bg);font-weight:700}.explain-visual-table tbody tr:last-child td{border-bottom:none}.explain-visual-table .mixed-content-preview p{margin:0}.explain-visual-caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:768px){.explain-visual-table{font-size:calc(14px*var(--font-scale))}.explain-visual-table td,.explain-visual-table th{padding:5px 10px}}.explain-session{--explain-paper-bg:#fffdf8;--explain-paper-border:#e7e0d0;--explain-step-bg:#f6f3ea;--explain-step-border:#e0d9c8;--explain-current-bg:#e6f3f8;--explain-current-border:#0081a7;--explain-current-accent:#0081a7;display:flex;flex-direction:column;grid-gap:20px;gap:20px;width:100%;min-width:0;font-family:var(--font-primary);animation:tabFadeIn .3s ease-out}[data-theme=dark] .explain-session{--explain-paper-bg:#20203a;--explain-paper-border:#35355a;--explain-step-bg:#2a2a48;--explain-step-border:#3d3d63;--explain-current-bg:#15323e;--explain-current-border:#3fa3c4;--explain-current-accent:#4fb3d4}.explain-teaching-layout{display:flex;flex-direction:column;grid-gap:20px;gap:20px;min-width:0}.explain-teaching-solution,.explain-teaching-stage{min-width:0}.explain-teaching-stage{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.explain-teaching-stage:empty{display:none}@media (min-width:769px){.explain-teaching-layout.has-inline-player{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;grid-gap:24px;gap:24px}.explain-teaching-layout.has-inline-player .explain-teaching-stage{grid-area:1/1;position:-webkit-sticky;position:sticky;top:0}.explain-teaching-layout.has-inline-player .explain-teaching-solution{grid-area:1/2}}.explain-paper{background:var(--explain-paper-bg);border:1px solid var(--explain-paper-border);border-radius:20px;padding:28px 28px 24px;box-shadow:var(--shadow-lg);min-width:0;color:var(--text-primary)}.explain-paper-header{justify-content:space-between;grid-gap:12px;gap:12px;margin-bottom:20px}.explain-paper-header,.explain-paper-heading{display:flex;align-items:center;flex-wrap:wrap}.explain-paper-heading{grid-gap:10px;gap:10px;min-width:0}.explain-paper-eyebrow{font-family:var(--font-heading);font-size:calc(18px*var(--font-scale));font-weight:600;color:var(--text-primary)}.explain-topic-tag{background:var(--blue);color:var(--text-on-primary);border-radius:9999px;padding:4px 12px;font-size:calc(12px*var(--font-scale));font-weight:600;letter-spacing:.3px}.explain-start-over-btn{background:transparent;border:1px solid var(--border-medium);border-radius:8px;color:var(--text-secondary);font-family:var(--font-primary);font-size:calc(13px*var(--font-scale));padding:8px 14px;cursor:pointer;transition:all .2s ease}.explain-start-over-btn:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-input-focus)}.explain-start-over-btn:disabled{opacity:.5;cursor:not-allowed}.explain-live .explain-paper{padding:14px 20px 12px}.explain-live .explain-paper-header{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:start;grid-gap:8px;gap:8px;margin-bottom:10px}.explain-live .explain-paper-heading{flex-direction:column;align-items:center;grid-gap:6px;gap:6px;min-width:0;text-align:center}.explain-live .explain-paper-eyebrow{width:100%;text-align:center}.explain-paper-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;flex-shrink:0;border-radius:50%;border:1px solid var(--border-medium);background:var(--bg-surface-secondary);color:var(--text-secondary);font-size:22px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.explain-paper-icon-btn:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border-input-focus);color:var(--text-primary)}.explain-paper-icon-btn:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.explain-paper-icon-btn:disabled{opacity:.5;cursor:not-allowed}.explain-live .explain-problem{padding-bottom:10px}.explain-live .explain-problem .explain-math-block{display:flex;justify-content:center;max-width:100%;overflow-x:hidden}.explain-live .explain-final-answer{margin-top:12px;padding-top:10px}.explain-live .explain-steps.grouped{margin-top:8px}.explain-block-label{font-size:calc(12px*var(--font-scale));font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.explain-math-block{color:inherit;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overflow-wrap:anywhere}.explain-problem{padding-bottom:20px;border-bottom:1px dashed var(--explain-paper-border)}.explain-steps{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;grid-gap:14px;gap:14px}.explain-step{border-radius:14px;border:2px solid var(--explain-step-border);background:var(--explain-step-bg);color:var(--text-primary);padding:14px 18px 14px 22px;min-width:0;animation:explainStepReveal .3s ease-out;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}@keyframes explainStepReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.explain-step.current{background:var(--explain-current-bg);border-color:var(--explain-current-border);box-shadow:inset 5px 0 0 var(--explain-current-accent),var(--shadow-md)}.explain-step-number{font-size:calc(12px*var(--font-scale));font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:6px}.explain-step.current .explain-step-number{color:var(--text-primary)}.explain-steps.grouped{align-items:center;grid-gap:0;gap:0;margin-top:16px}.explain-steps.grouped .explain-step{width:100%;max-width:100%;display:flex;flex-wrap:wrap;justify-content:center;margin:0;padding:.12em 0;border:none;border-radius:0;background:transparent;box-shadow:none;animation:none;transition:background-color .15s ease}.explain-steps.grouped .explain-math-block{width:-webkit-max-content;width:max-content;max-width:100%;padding:.18em .4em;border-radius:2px;overflow-x:hidden;overflow-y:hidden;white-space:nowrap}.explain-steps.grouped .explain-step.current{background:transparent;border:none;box-shadow:none}.explain-steps.grouped .explain-step.current .explain-math-block{background:var(--explain-current-bg)}.explain-steps.grouped .explain-visual-figure{flex:0 0 100%;margin:.35em 0 .6em}.explain-live .explain-math-block .katex,.explain-live .explain-math-block .katex-display,.explain-live .explain-math-block .mixed-content-preview{max-width:100%}.explain-steps.grouped .explain-math-block .katex-display{overflow:hidden;margin:.12em 0}.explain-step-explanation{margin:12px 0 0;padding-top:12px;border-top:1px dashed var(--explain-step-border);color:var(--text-primary);font-size:calc(16px*var(--font-scale));line-height:1.65;font-family:var(--font-serif);overflow-wrap:anywhere}.explain-final-answer{margin-top:20px;padding-top:18px;border-top:2px solid var(--green)}.explain-final-answer .explain-block-label{color:var(--green)}.explain-session-error{padding:14px 16px;border-radius:12px;background:rgba(167,29,49,.08);border:1px solid var(--red);color:var(--text-primary);font-size:calc(15px*var(--font-scale));line-height:1.5}.explain-player-container{position:relative;display:flex;flex-direction:column;grid-gap:10px;gap:10px;min-width:0;padding:14px 16px 10px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--card-shadow)}.explain-controls-dock .explain-player-container{padding:0;background:none;border:none;border-radius:0;box-shadow:none}.explain-player-explanation{min-width:0;padding-bottom:10px;border-bottom:1px dashed var(--border-light)}.explain-player-explanation-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;pointer-events:none}.explain-player-explanation-label{font-size:calc(12px*var(--font-scale));font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px}.explain-player-explanation-text{margin:0;color:var(--text-primary);font-family:var(--font-serif);font-size:calc(16px*var(--font-scale));line-height:1.6;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-wrap:anywhere}.explain-player{display:flex;flex-wrap:wrap;grid-gap:clamp(4px,1.1vw,20px);gap:clamp(4px,1.1vw,20px);padding:8px 0 4px;min-width:0}.explain-player,.explain-player-btn{align-items:center;justify-content:center}.explain-player-btn{display:inline-flex;border:none;cursor:pointer;transition:transform .15s ease,background-color .2s ease,box-shadow .2s ease,color .2s ease,border-color .2s ease;padding:0;color:var(--text-primary);touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-shrink:0}.explain-player-btn:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.explain-player-btn.skip{width:50px;height:50px;border-radius:50%;background:var(--bg-surface-secondary);border:1px solid var(--border-medium);color:var(--text-primary)}.explain-player-btn.skip:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border-input-focus);transform:scale(1.05)}.explain-player-btn.ask{width:68px;height:68px;border-radius:50%;background:var(--blue);color:var(--text-on-primary);box-shadow:0 8px 20px rgba(0,129,167,.35)}.explain-player-btn.ask:hover:not(:disabled){background:var(--blue-hover);transform:scale(1.06)}.explain-player-btn.finish{width:50px;height:50px;border-radius:50%;background:var(--green);color:var(--text-on-primary);box-shadow:0 4px 14px rgba(142,166,4,.35)}.explain-player-btn.finish:hover:not(:disabled){background:var(--green-hover);transform:scale(1.05)}.explain-player-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.explain-player-btn.finish[aria-busy=true]:disabled{opacity:1;cursor:progress}.explain-player-spinner{width:22px;height:22px;border:3px solid hsla(0,0%,100%,.35);border-top-color:initial;border-radius:50%;animation:explain-player-spin .9s linear infinite}@keyframes explain-player-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.explain-player-spinner{animation-duration:2.4s}}.explain-player-utility{position:relative;display:flex;align-items:center}.explain-player-btn.utility{width:34px;height:34px;border-radius:50%;background:var(--bg-surface-secondary);border:1px solid var(--border-medium);color:var(--text-secondary);font-size:20px}.explain-player-btn.utility:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border-input-focus);color:var(--text-primary)}.explain-player-btn.utility.active{color:var(--border-input-focus);border-color:var(--border-input-focus)}.explain-voice-panel{position:absolute;bottom:calc(100% + 10px);left:0;z-index:20;width:-webkit-max-content;width:max-content;min-width:220px;max-width:min(280px,calc(100vw - 48px));max-height:min(70vh,360px);overflow-y:auto;display:flex;flex-direction:column;grid-gap:8px;gap:8px;padding:12px;border-radius:14px;background:var(--bg-surface-hover);border:1px solid var(--border-medium);box-shadow:0 10px 28px rgba(0,0,0,.22)}.explain-voice-panel-label{font-family:var(--font-primary);font-size:calc(11px*var(--font-scale));font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--text-secondary)}.explain-settings-fieldset{margin:0;padding:0;border:0;min-width:0;display:flex;flex-direction:column;grid-gap:8px;gap:8px}.explain-settings-options{display:flex;flex-direction:column;grid-gap:6px;gap:6px}.explain-settings-option{display:flex;align-items:center;grid-gap:8px;gap:8px;min-height:36px;margin:0;padding:6px 10px;border:1px solid var(--border-medium);border-radius:10px;background:var(--bg-surface-secondary);color:var(--text-primary);font-family:var(--font-primary);font-size:calc(13px*var(--font-scale));cursor:pointer}.explain-settings-option:has(input:checked){border-color:var(--border-input-focus)}.explain-settings-option:has(input:focus-visible){outline:3px solid var(--blue);outline-offset:2px}.explain-settings-option input{width:16px;height:16px;margin:0;flex-shrink:0;accent-color:var(--blue)}.explain-voice-panel-select{appearance:none;-webkit-appearance:none;width:100%;min-width:0;min-height:40px;padding:8px 36px 8px 12px;border:1px solid var(--border-medium);border-radius:10px;background-color:var(--bg-surface-secondary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;color:var(--text-primary);font-family:var(--font-primary);font-size:calc(13px*var(--font-scale));cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:border-color .2s ease,background-color .2s ease}.explain-voice-panel-select:focus,.explain-voice-panel-select:hover:not(:disabled){outline:none;border-color:var(--border-input-focus)}.explain-voice-panel-select:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.explain-voice-panel-select:disabled{opacity:.45;cursor:not-allowed}[data-theme=dark] .explain-voice-panel-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c8c8d4' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.explain-voice-panel-hint{margin:0;color:var(--text-secondary);font-family:var(--font-primary);font-size:calc(12px*var(--font-scale));line-height:1.45}.explain-controls{display:flex;grid-gap:12px;gap:12px;align-items:stretch}.explain-control-btn{flex:1 1;min-height:52px;border-radius:12px;border:none;font-family:var(--font-primary);font-size:calc(16px*var(--font-scale));font-weight:600;cursor:pointer;transition:all .2s ease;padding:12px 16px}.explain-control-btn.next{background:var(--blue);color:var(--text-on-primary);box-shadow:0 4px 12px rgba(0,129,167,.3)}.explain-control-btn.next:hover:not(:disabled){background:var(--blue-hover);transform:translateY(-1px)}.explain-control-btn.finish{background:var(--green);color:var(--text-on-primary);box-shadow:0 4px 12px rgba(142,166,4,.3)}.explain-control-btn.finish:hover:not(:disabled){background:var(--green-hover);transform:translateY(-1px)}.explain-control-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.explain-finish-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:2100;padding:20px}.explain-finish-modal{position:relative;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:20px;padding:12px 16px 28px;width:100%;max-width:460px;text-align:center;font-family:var(--font-primary);box-shadow:0 12px 40px rgba(0,0,0,.25);animation:explainFinishPop .28s ease-out}.explain-finish-header{display:flex;justify-content:flex-end;align-items:center;min-height:40px}.explain-finish-hide-btn{margin:0}.explain-finish-modal .study-room-bird-mascot{margin-top:4px}@keyframes explainFinishPop{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.explain-finish-title{margin:12px 0 6px;font-family:var(--font-heading);font-size:calc(24px*var(--font-scale));font-weight:600;color:var(--text-primary)}.explain-finish-subtitle{margin:0;color:var(--text-secondary);font-size:calc(15px*var(--font-scale));line-height:1.5}.explain-finish-xp{display:inline-block;margin-top:14px;padding:8px 18px;border-radius:9999px;background:rgba(142,166,4,.14);border:1px solid var(--green);color:var(--green);font-weight:700;font-size:calc(15px*var(--font-scale))}.explain-finish-actions{display:flex;flex-direction:column;grid-gap:10px;gap:10px;margin-top:22px}.explain-finish-btn{min-height:52px;border-radius:12px;font-family:var(--font-primary);font-size:calc(16px*var(--font-scale));font-weight:600;cursor:pointer;transition:all .2s ease;padding:12px 18px}.explain-finish-btn.primary{background:var(--blue);border:none;color:var(--text-on-primary);box-shadow:0 4px 12px rgba(0,129,167,.3)}.explain-finish-btn.primary:hover{background:var(--blue-hover);transform:translateY(-1px)}.explain-finish-btn.secondary{background:transparent;border:1px solid var(--green);color:var(--green)}.explain-finish-btn.secondary:hover{background:var(--green);color:var(--text-on-primary)}@media (max-width:768px){.explain-session,.explain-teaching-layout{grid-gap:16px;gap:16px}.explain-paper{padding:20px 16px;border-radius:16px}.explain-live .explain-paper{padding:12px 14px 10px}.explain-live .explain-paper-header{grid-template-columns:36px minmax(0,1fr) 36px}.explain-paper-icon-btn{width:36px;height:36px;font-size:20px}.explain-paper-eyebrow{font-size:calc(16px*var(--font-scale))}.explain-step{padding:14px 14px 14px 18px}.explain-steps.grouped .explain-step{padding:.08em 0}.explain-steps.grouped .explain-math-block{padding:.12em .3em}.explain-step-explanation{font-size:calc(15px*var(--font-scale))}.explain-player-container{padding:12px 14px 8px;border-radius:14px}.explain-player-explanation-text{font-size:calc(15px*var(--font-scale))}.explain-player{grid-gap:clamp(8px,2.5vw,16px);gap:clamp(8px,2.5vw,16px);padding:4px 2px 0}.explain-player-btn.finish,.explain-player-btn.skip{width:48px;height:48px}.explain-player-btn.ask{width:64px;height:64px}.explain-player-btn.utility{width:32px;height:32px;font-size:18px}.explain-finish-modal{padding:12px 12px 24px}}@media (max-height:560px){.explain-player-container{grid-gap:8px;gap:8px}.explain-player-explanation{display:flex;align-items:baseline;grid-gap:10px;gap:10px;padding-bottom:8px}.explain-player-explanation-label{flex-shrink:0;margin-bottom:0}.explain-player-explanation-text{flex:1 1;min-width:0}.explain-player{padding-top:2px}.explain-player-btn.finish,.explain-player-btn.skip{width:44px;height:44px}.explain-player-btn.ask{width:56px;height:56px}.explain-player-btn.utility{width:30px;height:30px;font-size:17px}}.qn-demo-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:9700;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;animation:qnDemoFadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes qnDemoFadeIn{0%{opacity:0}to{opacity:1}}.qn-demo-shell{background:var(--bg-surface-secondary);border-radius:20px;border:1px solid var(--border-light);box-shadow:0 32px 80px rgba(0,0,0,.4);width:100%;max-width:640px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.qn-demo-topbar{display:flex;align-items:center;justify-content:space-between;grid-gap:10px;gap:10px;padding:12px 14px;background:var(--bg-surface);border-bottom:1px solid var(--border-light);flex-shrink:0}.qn-demo-badge{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;background:rgba(142,166,4,.14);border:1px solid var(--green);color:var(--green);border-radius:9999px;padding:6px 14px;font-size:calc(12px*var(--font-scale));font-weight:700;letter-spacing:.2px}.qn-demo-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-surface-hover);color:var(--text-secondary);font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.qn-demo-close:hover{background:var(--bg-surface-secondary);color:var(--text-primary)}.qn-demo-body{flex:1 1;min-height:0;overflow-y:auto;padding:24px;box-sizing:border-box}.qn-demo-btn{min-height:50px;border-radius:12px;font-family:var(--font-primary);font-size:calc(15px*var(--font-scale));font-weight:700;cursor:pointer;transition:all .2s ease;padding:12px 22px;border:none}.qn-demo-btn.primary{background:var(--blue);color:var(--text-on-primary);box-shadow:0 4px 12px rgba(0,129,167,.3)}.qn-demo-btn.primary:hover{background:var(--blue-hover);transform:translateY(-1px)}.qn-demo-btn.ghost{background:transparent;border:1px solid var(--border-medium);color:var(--text-secondary)}.qn-demo-btn.ghost:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.qn-demo-intro{text-align:center;max-width:420px;margin:0 auto;padding:16px 0 4px}.qn-demo-intro-emoji{font-size:44px;line-height:1;margin-bottom:10px}.qn-demo-intro-title{font-family:var(--font-heading);font-size:calc(22px*var(--font-scale));font-weight:700;color:var(--text-primary);margin:0 0 10px}.qn-demo-intro-body{font-size:calc(15px*var(--font-scale));color:var(--text-secondary);line-height:1.55;margin:0 0 22px}.qn-demo-intro-dots{display:flex;justify-content:center;grid-gap:8px;gap:8px;margin-bottom:22px}.qn-demo-dot{width:9px;height:9px;border-radius:50%;background:var(--border-medium);transition:all .2s ease}.qn-demo-dot.active{background:var(--blue);transform:scale(1.25)}.qn-demo-dot.done{background:var(--green)}.qn-demo-intro-actions{display:flex;align-items:center;justify-content:space-between;grid-gap:12px;gap:12px}.qn-demo-intro-actions .qn-demo-btn{flex:1 1}.qn-demo-skip-link{display:block;margin:18px auto 0;background:none;border:none;color:var(--text-tertiary);font-size:calc(13px*var(--font-scale));text-decoration:underline;cursor:pointer}.qn-demo-skip-link:hover{color:var(--text-secondary)}.qn-demo-mascot{display:flex;align-items:center;justify-content:center;margin:4px auto 16px}.qn-demo-mascot img{width:72px;height:72px;object-fit:contain}.qn-demo-mascot.cheering img{animation:qnDemoBirdCheer .6s ease-in-out 3}@keyframes qnDemoBirdCheer{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(-8deg) scale(1.08)}75%{transform:rotate(8deg) scale(1.08)}}.qn-demo-choice{text-align:center;max-width:460px;margin:0 auto}.qn-demo-choice-title{font-family:var(--font-heading);font-size:calc(21px*var(--font-scale));font-weight:700;color:var(--text-primary);margin:0 0 8px}.qn-demo-choice-subtitle{font-size:calc(14px*var(--font-scale));color:var(--text-secondary);margin:0 0 22px}.qn-demo-choice-notice{line-height:1.5;margin:0 0 8px}.qn-demo-choice-notice,.qn-demo-skip-btn{font-size:max(16px,calc(16px*var(--font-scale)));color:var(--text-primary)}.qn-demo-skip-btn{width:100%;min-height:48px;margin-top:14px;border-radius:14px;border:2px solid var(--border-medium);background:transparent;font-family:var(--font-primary);font-weight:700;cursor:pointer}.qn-demo-choice-buttons{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.qn-demo-choice-btn{display:flex;flex-direction:column;align-items:flex-start;grid-gap:4px;gap:4px;width:100%;text-align:left;padding:18px 20px;border-radius:14px;border:2px solid var(--border-medium);background:var(--bg-surface);cursor:pointer;transition:all .2s ease;box-sizing:border-box}.qn-demo-choice-btn:hover{border-color:var(--blue);background:var(--bg-surface-hover);transform:translateY(-1px)}.qn-demo-choice-btn-title{font-size:calc(16px*var(--font-scale));font-weight:700;color:var(--text-primary)}.qn-demo-choice-btn-desc{font-size:calc(13px*var(--font-scale));color:var(--text-secondary)}.qn-demo-check .explain-controls{margin-top:4px}.qn-demo-answer-row{margin-top:20px}.qn-demo-answer-input{width:100%;padding:14px 16px;border-radius:12px;border:2px solid var(--border-input);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-primary);font-size:calc(16px*var(--font-scale));outline:none;box-sizing:border-box;min-height:48px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.qn-demo-answer-input:focus{border-color:var(--border-input-focus);box-shadow:0 0 0 3px var(--blue-10)}.qn-demo-answer-input:disabled{opacity:.7;cursor:not-allowed}.qn-demo-answer-note{margin:10px 0 0;font-size:calc(12px*var(--font-scale));color:var(--text-tertiary);line-height:1.4}.qn-demo-feedback{border-radius:12px;padding:14px 16px;font-size:calc(15px*var(--font-scale));line-height:1.5;font-weight:600}.qn-demo-feedback.correct{background:rgba(142,166,4,.12);border:1px solid var(--green);color:var(--green)}.qn-demo-feedback.incorrect{background:rgba(167,29,49,.08);border:1px solid var(--red);color:var(--text-primary)}.qn-demo-finished{text-align:center;max-width:420px;margin:0 auto}.qn-demo-finished-title{font-family:var(--font-heading);font-size:calc(23px*var(--font-scale));font-weight:700;color:var(--text-primary);margin:0 0 8px}.qn-demo-finished-body{font-size:calc(14px*var(--font-scale));color:var(--text-secondary);margin:0 0 16px;line-height:1.5}.qn-demo-finished-xp{display:inline-block;margin-bottom:14px;padding:8px 18px;border-radius:9999px;background:rgba(142,166,4,.14);border:1px solid var(--green);color:var(--green);font-weight:700;font-size:calc(15px*var(--font-scale))}.qn-demo-finished-disclaimer{font-size:calc(12.5px*var(--font-scale));color:var(--text-tertiary);margin:0 0 22px;line-height:1.4}.qn-demo-finished-actions{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.qn-demo-checklist-hint{margin:18px 0 0;font-size:calc(12.5px*var(--font-scale));color:var(--text-secondary)}@media (max-width:700px){.qn-demo-overlay{padding:0;align-items:flex-end}.qn-demo-shell{max-width:100%;width:100%;max-height:96vh;border-radius:20px 20px 0 0}.qn-demo-body{padding:18px}.qn-demo-intro-actions{flex-direction:row}}@media (max-width:400px){.qn-demo-choice-title,.qn-demo-finished-title,.qn-demo-intro-title{font-size:calc(19px*var(--font-scale))}}.parent-pin-overlay{position:fixed;inset:0;background:rgba(0,0,0,.68);display:flex;align-items:center;justify-content:center;z-index:9900;padding:16px;box-sizing:border-box}.parent-pin-modal{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:20px;padding:30px 26px;width:100%;max-width:400px;max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.28);animation:parentPinModalIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes parentPinModalIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.parent-pin-icon{font-size:calc(34px*var(--font-scale));line-height:1;margin-bottom:6px}.parent-pin-title{margin:0 0 8px;font-family:var(--font-heading);font-size:calc(21px*var(--font-scale));font-weight:800;color:var(--text-primary)}.parent-pin-description{margin:0 0 20px;font-size:calc(14px*var(--font-scale));line-height:1.5;color:var(--text-secondary)}.parent-pin-notice{padding:12px 14px;border-radius:var(--radius-sm);background:var(--bg-surface-secondary);border:1px solid var(--border-light);line-height:1.45;color:var(--text-secondary)}.parent-pin-notice,.parent-pin-remove-instead{margin:0 0 18px;font-size:calc(13.5px*var(--font-scale));text-align:left}.parent-pin-remove-instead{display:flex;align-items:center;grid-gap:10px;gap:10px;color:var(--text-primary);cursor:pointer}.parent-pin-remove-instead input[type=checkbox]{width:17px;height:17px;flex-shrink:0;cursor:pointer}.parent-pin-field{margin-bottom:16px;text-align:left}.parent-pin-label{display:block;margin-bottom:6px;font-size:calc(13px*var(--font-scale));color:var(--text-secondary)}.parent-pin-input{width:100%;padding:14px 16px;box-sizing:border-box;border:2px solid var(--border-input);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-mono,var(--font-primary));font-size:calc(24px*var(--font-scale));letter-spacing:10px;text-align:center;transition:border-color var(--transition-fast)}.parent-pin-input:focus{outline:none;border-color:var(--border-input-focus)}.parent-pin-input:disabled{opacity:.6}.parent-pin-error{margin:0 0 16px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--red-surface,rgba(220,53,69,.12));color:var(--red,#dc3545);font-size:calc(13.5px*var(--font-scale));line-height:1.45;text-align:left}.parent-pin-actions{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.parent-pin-cancel,.parent-pin-submit{width:100%;padding:14px 18px;border-radius:12px;font-family:var(--font-primary);font-size:calc(15px*var(--font-scale));font-weight:700;cursor:pointer;transition:all var(--transition-fast);min-height:48px}.parent-pin-submit{border:none;background:var(--blue);color:var(--text-on-primary)}.parent-pin-submit:hover:not(:disabled){background:var(--blue-hover)}.parent-pin-cancel{background:var(--bg-surface-hover);border:1px solid var(--border-medium);color:var(--text-primary)}.parent-pin-cancel:hover:not(:disabled){background:var(--bg-surface-secondary)}.parent-pin-cancel:disabled,.parent-pin-submit:disabled{opacity:.6;cursor:not-allowed}.parent-pin-forgot{margin-top:14px;background:none;border:none;padding:6px;color:var(--blue);font-family:var(--font-primary);font-size:calc(13.5px*var(--font-scale));text-decoration:underline;cursor:pointer}.parent-pin-forgot:disabled{opacity:.6;cursor:not-allowed}@media screen and (max-width:380px){.parent-pin-modal{padding:24px 18px}.parent-pin-input{font-size:calc(21px*var(--font-scale));letter-spacing:8px}}.ask-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.ask-modal-container{background-color:var(--bg-surface);border-radius:16px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;font-family:var(--font-primary);overflow:hidden;border:1px solid var(--border-light);box-shadow:0 8px 32px rgba(0,0,0,.2);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ask-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-light)}.ask-modal-header-left{display:flex;align-items:center;grid-gap:12px;gap:12px}.ask-modal-bird-avatar{width:36px;height:36px;border-radius:50%;object-fit:contain;background:rgba(0,129,167,.1);padding:4px;border:2px solid var(--blue)}.ask-modal-header h2{color:var(--text-primary);margin:0;font-size:calc(20px*var(--font-scale));font-weight:600;font-family:var(--font-heading)}.ask-modal-header-subtitle{font-size:calc(12px*var(--font-scale));color:var(--text-tertiary);margin:0}.ask-modal-close{background:transparent;border:none;color:var(--text-tertiary);font-size:calc(28px*var(--font-scale));cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;line-height:1;border-radius:8px}.ask-modal-close:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.ask-modal-messages{flex:1 1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;grid-gap:15px;gap:15px}.ask-modal-messages::-webkit-scrollbar{width:6px}.ask-modal-messages::-webkit-scrollbar-track{background:transparent}.ask-modal-messages::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.ask-modal-messages::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.ask-message{display:flex;flex-direction:column;grid-gap:5px;gap:5px;max-width:80%;animation:messageSlideIn .3s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.user-message{align-self:flex-end;align-items:flex-end}.assistant-message{align-self:flex-start;align-items:flex-start}.ask-message-row{display:flex;align-items:flex-end;grid-gap:8px;gap:8px}.ask-message-avatar{width:28px;height:28px;border-radius:50%;object-fit:contain;flex-shrink:0;background:rgba(0,129,167,.1);padding:2px}.ask-message-content{padding:12px 16px;border-radius:12px;word-wrap:break-word;white-space:pre-wrap;font-size:calc(15px*var(--font-scale));line-height:1.5}.user-message .ask-message-content{background-color:var(--blue);color:var(--text-on-primary);border-bottom-right-radius:4px}.assistant-message .ask-message-content{background-color:var(--bg-surface-secondary);color:var(--text-primary);border:1px solid var(--border-light);border-bottom-left-radius:4px}.ask-message-timestamp{font-size:calc(11px*var(--font-scale));color:var(--text-tertiary);padding:0 5px}.typing-indicator{display:flex;grid-gap:4px;gap:4px;padding:5px 0}.typing-indicator span{width:8px;height:8px;border-radius:50%;background-color:var(--text-tertiary);animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.ask-modal-input-container{padding:16px 20px;border-top:1px solid var(--border-light);display:flex;grid-gap:10px;gap:10px;align-items:flex-end}.ask-modal-input{flex:1 1;background-color:var(--bg-surface-secondary);border:1px solid var(--border-input);border-radius:12px;color:var(--text-primary);padding:12px;font-size:calc(15px*var(--font-scale));font-family:var(--font-primary);resize:none;min-height:50px;max-height:120px;transition:border-color .3s ease}.ask-modal-input:focus{outline:none;border-color:var(--border-input-focus);background-color:var(--bg-surface)}.ask-modal-input::placeholder{color:var(--text-tertiary)}.ask-modal-send-btn{background-color:var(--blue);color:var(--text-on-primary);border:none;padding:12px 24px;font-size:calc(15px*var(--font-scale));font-weight:500;border-radius:12px;cursor:pointer;font-family:var(--font-primary);transition:all .3s ease;min-width:80px;height:50px}.ask-modal-send-btn:hover:not(:disabled){background-color:var(--blue-hover);transform:translateY(-1px)}.ask-modal-send-btn:disabled{background-color:var(--border-medium);cursor:not-allowed;opacity:.6}.ask-modal-disclaimer{padding:10px 20px;font-size:calc(12px*var(--font-scale));color:var(--text-tertiary);line-height:1.4;border-top:1px solid var(--border-light);font-style:italic;text-align:center;background:var(--bg-surface-secondary);border-bottom-left-radius:16px;border-bottom-right-radius:16px}@media (max-width:768px){.ask-modal-container{max-height:90vh}.ask-message{max-width:90%}.ask-modal-header h2{font-size:calc(18px*var(--font-scale))}.ask-modal-bird-avatar{width:30px;height:30px}}.explain-ask-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.explain-ask-modal{background-color:var(--bg-surface);border-radius:16px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;font-family:var(--font-primary);overflow:hidden;border:1px solid var(--border-light);box-shadow:0 8px 32px rgba(0,0,0,.2);animation:explainAskSlideIn .3s ease-out}@keyframes explainAskSlideIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.explain-ask-header{justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-light);flex-shrink:0}.explain-ask-header,.explain-ask-header-left{display:flex;align-items:center;grid-gap:12px;gap:12px}.explain-ask-header-left{min-width:0}.explain-ask-avatar{width:36px;height:36px;border-radius:50%;object-fit:contain;background:rgba(0,129,167,.1);padding:4px;border:2px solid var(--blue);flex-shrink:0}.explain-ask-header h2{color:var(--text-primary);margin:0;font-size:calc(20px*var(--font-scale));font-weight:600;font-family:var(--font-heading)}.explain-ask-subtitle{font-size:calc(12px*var(--font-scale));color:var(--text-tertiary);margin:2px 0 0}.explain-ask-close{background:transparent;border:none;color:var(--text-tertiary);font-size:calc(28px*var(--font-scale));cursor:pointer;width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;line-height:1;border-radius:8px}.explain-ask-close:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.explain-ask-messages{flex:1 1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;grid-gap:15px;gap:15px;min-height:180px}.explain-ask-messages::-webkit-scrollbar{width:6px}.explain-ask-messages::-webkit-scrollbar-track{background:transparent}.explain-ask-messages::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.explain-ask-messages::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.explain-ask-message{display:flex;flex-direction:column;grid-gap:5px;gap:5px;max-width:80%;animation:explainAskMessageIn .3s ease-out}@keyframes explainAskMessageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.explain-ask-message.user-message{align-self:flex-end;align-items:flex-end}.explain-ask-message.assistant-message{align-self:flex-start;align-items:flex-start}.explain-ask-message-row{display:flex;align-items:flex-end;grid-gap:8px;gap:8px}.explain-ask-message-avatar{width:28px;height:28px;border-radius:50%;object-fit:contain;flex-shrink:0;background:rgba(0,129,167,.1);padding:2px}.explain-ask-message-avatar-offset{width:28px;flex-shrink:0}.explain-ask-message-content{padding:12px 16px;border-radius:12px;word-wrap:break-word;overflow-wrap:anywhere;font-size:calc(15px*var(--font-scale));line-height:1.5;min-width:0}.explain-ask-message.user-message .explain-ask-message-content{background-color:var(--blue);color:var(--text-on-primary);border-bottom-right-radius:4px}.explain-ask-message.assistant-message .explain-ask-message-content{background-color:var(--explain-ai-bubble-bg);color:var(--explain-ai-bubble-text);border:1px solid var(--explain-ai-bubble-border);border-bottom-left-radius:4px}.explain-ask-message-meta{display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:calc(11px*var(--font-scale));color:var(--text-tertiary);padding:0 5px}.explain-ask-typing{display:flex;grid-gap:4px;gap:4px;padding:5px 0}.explain-ask-typing span{width:8px;height:8px;border-radius:50%;background-color:var(--explain-ai-bubble-muted);animation:explainAskTyping 1.4s infinite}.explain-ask-typing span:nth-child(2){animation-delay:.2s}.explain-ask-typing span:nth-child(3){animation-delay:.4s}@keyframes explainAskTyping{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.explain-ask-error{margin:0 20px 10px;padding:12px 14px;border-radius:10px;background:rgba(167,29,49,.08);border:1px solid var(--red);color:var(--text-primary);font-size:calc(14px*var(--font-scale));line-height:1.5;flex-shrink:0}.explain-ask-input-container{padding:16px 20px 8px;border-top:1px solid var(--border-light);display:flex;grid-gap:10px;gap:10px;align-items:flex-end;flex-shrink:0}.explain-ask-input{flex:1 1;background-color:var(--bg-surface-secondary);border:1px solid var(--border-input);border-radius:12px;color:var(--text-primary);padding:12px;font-size:calc(15px*var(--font-scale));font-family:var(--font-primary);resize:none;min-height:50px;max-height:120px;transition:border-color .3s ease,background-color .3s ease}.explain-ask-input:focus{outline:none;border-color:var(--border-input-focus);background-color:var(--bg-input-focus)}.explain-ask-input::placeholder{color:var(--input-placeholder)}.explain-ask-input:disabled{opacity:.6;cursor:not-allowed}.explain-ask-send-btn{background-color:var(--blue);color:var(--text-on-primary);border:none;padding:12px 24px;font-size:calc(15px*var(--font-scale));font-weight:500;border-radius:12px;cursor:pointer;font-family:var(--font-primary);transition:all .3s ease;min-width:80px;height:50px}.explain-ask-send-btn:hover:not(:disabled){background-color:var(--blue-hover);transform:translateY(-1px)}.explain-ask-send-btn:disabled{background-color:var(--border-medium);cursor:not-allowed;opacity:.6;transform:none}.explain-ask-meta{display:flex;justify-content:flex-end;padding:0 20px 8px}.explain-ask-disclaimer,.explain-ask-meta{font-size:calc(12px*var(--font-scale));color:var(--text-tertiary);flex-shrink:0}.explain-ask-disclaimer{padding:10px 20px;line-height:1.4;border-top:1px solid var(--border-light);font-style:italic;text-align:center;background:var(--bg-surface-secondary)}@media (max-width:768px){.explain-ask-overlay{padding:12px;align-items:flex-end}.explain-ask-modal{max-height:88vh}.explain-ask-message{max-width:90%}.explain-ask-header h2{font-size:calc(18px*var(--font-scale))}.explain-ask-avatar{width:30px;height:30px}}.explain-review{animation:none}.explain-review-status{border-radius:9999px;padding:4px 12px;font-size:calc(12px*var(--font-scale));font-weight:600;letter-spacing:.3px;white-space:nowrap;border:1px solid transparent}.explain-review-status.completed{background:rgba(142,166,4,.15);border-color:var(--green);color:var(--green)}.explain-review-status.in-progress{background:rgba(0,129,167,.12);border-color:var(--blue);color:var(--blue)}.explain-review-status.abandoned{background:var(--bg-surface-secondary);border-color:var(--border-medium);color:var(--text-secondary)}.explain-review-meta{display:flex;flex-wrap:wrap;grid-gap:6px 18px;gap:6px 18px;margin:-8px 0 18px;font-size:calc(12px*var(--font-scale));color:var(--text-tertiary);font-family:var(--font-mono);letter-spacing:.3px}.explain-review-step-flag{margin-left:10px;font-size:calc(11px*var(--font-scale));font-weight:600;letter-spacing:.5px;color:var(--text-tertiary)}.explain-review-empty{margin-top:20px;color:var(--text-secondary);font-size:calc(15px*var(--font-scale))}.explain-review-panel{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:16px;padding:20px;box-shadow:var(--card-shadow);min-width:0}.explain-review-panel-note{color:var(--text-secondary);font-size:calc(14px*var(--font-scale))}.explain-review-panel-error{display:flex;flex-wrap:wrap;align-items:center;grid-gap:12px;gap:12px;padding:12px 14px;border-radius:12px;background:rgba(167,29,49,.08);border:1px solid var(--red);color:var(--text-primary);font-size:calc(14px*var(--font-scale));line-height:1.5}.explain-review-retry-btn{background:transparent;border:1px solid var(--red);border-radius:8px;color:var(--red);font-family:var(--font-primary);font-size:calc(13px*var(--font-scale));font-weight:600;padding:6px 14px;cursor:pointer;transition:all .2s ease}.explain-review-retry-btn:hover{background:var(--red);color:var(--text-on-primary)}.explain-review-chat{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.explain-review-message{border-radius:12px;border:1px solid var(--border-light);padding:12px 14px;background:var(--bg-surface-secondary);min-width:0}.explain-review-message.assistant{background:var(--explain-ai-bubble-bg);border-color:var(--explain-ai-bubble-border);color:var(--explain-ai-bubble-text)}.explain-review-message.assistant .explain-review-message-role,.explain-review-message.assistant .explain-review-message-step{color:var(--explain-ai-bubble-muted)}.explain-review-message.assistant .explain-review-message-content{color:var(--explain-ai-bubble-text)}.explain-review-message-header{display:flex;align-items:center;grid-gap:10px;gap:10px;margin-bottom:6px}.explain-review-message-role{font-size:calc(11px*var(--font-scale));font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}.explain-review-message-step{font-size:calc(11px*var(--font-scale));color:var(--text-tertiary);font-family:var(--font-mono)}.explain-review-message-content{min-width:0}.explain-review-diagnosis,.explain-review-message-content{color:var(--text-primary);font-size:calc(15px*var(--font-scale));line-height:1.6;overflow-wrap:anywhere}.explain-review-diagnosis{margin:0;white-space:pre-wrap}.explain-review-topics{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px;margin-top:14px}.explain-review-topic-chip{background:var(--bg-surface-secondary);border:1px solid var(--border-medium);border-radius:9999px;padding:4px 12px;font-size:calc(12px*var(--font-scale));color:var(--text-secondary)}@media (max-width:768px){.explain-review-panel{padding:16px;border-radius:14px}}.student-report-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg-overlay)}.student-report-modal--capturing{display:none!important}.student-report-dialog{width:100%;max-width:520px;max-height:90vh;overflow:auto;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-light);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.3)}.student-report-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border-light)}.student-report-header h2{margin:0;font-family:var(--font-heading);font-size:calc(20px*var(--font-scale));font-weight:600}.student-report-close{width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:28px;line-height:1;cursor:pointer}.student-report-close:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text-primary)}.student-report-body{padding:20px}.student-report-body p{margin:0 0 12px;line-height:1.5;font-family:var(--font-primary)}.student-report-categories{margin:0 0 16px;padding:0;border:none;display:flex;flex-direction:column;grid-gap:8px;gap:8px}.student-report-categories legend{padding:0;margin-bottom:8px;font-family:var(--font-heading);font-weight:600}.student-report-choice{display:flex;align-items:center;grid-gap:10px;gap:10px;padding:10px 12px;border:1px solid var(--border-light);border-radius:10px;cursor:pointer}.student-report-choice.selected{border-color:var(--blue);background:var(--bg-surface-hover)}.student-report-message-label{display:block;margin-bottom:8px;font-family:var(--font-heading);font-weight:600}.student-report-message{width:100%;box-sizing:border-box;resize:vertical;min-height:120px;padding:12px;border:1px solid var(--border-medium);border-radius:10px;background:var(--bg-input,var(--bg-surface));color:var(--text-primary);font-family:var(--font-primary);font-size:calc(15px*var(--font-scale));line-height:1.45}.student-report-message:focus{outline:2px solid var(--blue);border-color:transparent}.student-report-count{margin-top:6px;text-align:right;color:var(--text-tertiary);font-size:calc(12px*var(--font-scale))}.student-report-screenshot{display:flex;align-items:center;grid-gap:12px;gap:12px;margin-top:16px;cursor:pointer}.student-report-screenshot-title{display:block;font-weight:600}.student-report-modal .toggle-switch{position:relative;display:inline-flex;width:48px;height:44px;flex-shrink:0}.student-report-modal .toggle-switch input{opacity:0;width:0;height:0}.student-report-modal .toggle-slider{position:absolute;cursor:pointer;top:50%;left:0;right:0;height:26px;transform:translateY(-50%);background-color:#7b8798;box-shadow:inset 0 0 0 1px #4b5568;transition:.3s;border-radius:26px}.student-report-modal .toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4);transition:.3s;border-radius:50%}.student-report-modal .toggle-switch input:checked+.toggle-slider{background-color:var(--green)}.student-report-modal .toggle-switch input:checked+.toggle-slider:before{transform:translateX(22px)}.student-report-error{color:var(--red);margin-top:12px!important}.student-report-success{font-weight:700}.student-report-actions{display:flex;justify-content:flex-end;grid-gap:10px;gap:10px;margin-top:16px}.student-report-primary,.student-report-secondary{border-radius:8px;padding:10px 16px;font-family:var(--font-primary);font-size:calc(14px*var(--font-scale));cursor:pointer}.student-report-primary{border:none;background:var(--blue);color:var(--text-on-primary)}.student-report-primary:disabled{opacity:.55;cursor:default}.student-report-secondary{background:transparent;border:1px solid var(--border-medium);color:var(--text-secondary)}.student-report-exercise-sheet{position:fixed;left:-8000px;top:0;width:720px;padding:16px;box-sizing:border-box;pointer-events:none;background:#fff;color:#222;z-index:0}.student-report-exercise-sheet .explain-paper,.student-report-exercise-sheet .explain-problem,.student-report-exercise-sheet .explain-step{background:#fff;color:#222}.student-report-exercise-card{border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;background:#fff}.student-report-exercise-card+.student-report-exercise-card{margin-top:12px}.student-report-exercise-card h3{margin:0;padding:12px 16px;background:#f4f7f8;font-family:var(--font-heading);font-size:16px}.student-report-exercise-card .mixed-content-preview,.student-report-exercise-card p{padding:16px;margin:0}.student-username-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px;box-sizing:border-box}.student-username-modal{background:var(--bg-surface);border-radius:20px;padding:32px 28px;max-width:420px;width:100%;max-height:calc(100vh - 32px);overflow-y:auto;box-sizing:border-box;box-shadow:0 20px 60px rgba(0,0,0,.25);animation:studentUsernameModalSlideIn .3s cubic-bezier(.34,1.56,.64,1);text-align:center}@keyframes studentUsernameModalSlideIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.student-username-modal-title{font-size:calc(22px*var(--font-scale));font-weight:800;color:var(--text-primary);margin:0 0 8px}.student-username-modal-body{font-size:calc(14px*var(--font-scale));color:var(--text-secondary);margin:0 0 24px;line-height:1.5}.student-username-modal-form{display:flex;flex-direction:column;grid-gap:14px;gap:14px}.student-username-modal-input{width:100%;padding:14px 16px;border-radius:var(--radius-md);border:2px solid var(--border-input);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-primary);font-size:max(16px,calc(16px*var(--font-scale)));outline:none;box-sizing:border-box;min-height:48px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.student-username-modal-input:focus{border-color:var(--border-input-focus);box-shadow:0 0 0 3px var(--blue-10);background:var(--bg-input-focus)}.student-username-modal-input:disabled{opacity:.6;cursor:not-allowed}.student-username-modal-error{margin:0;color:var(--red);font-family:var(--font-primary);font-size:calc(14px*var(--font-scale));line-height:1.5;text-align:left}.student-username-modal-submit{background:var(--blue);border:none;border-radius:var(--radius-md);color:var(--text-on-primary);padding:14px 24px;min-height:48px;font-size:max(16px,calc(16px*var(--font-scale)));font-family:var(--font-primary);font-weight:700;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 0 var(--blue-hover);width:100%}.student-username-modal-submit:hover:not(:disabled){background-color:var(--blue-hover)}.student-username-modal-submit:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 var(--blue-hover)}.student-username-modal-submit:disabled{opacity:.6;cursor:not-allowed}@media screen and (max-width:380px){.student-username-modal{padding:24px 18px}}.helper-quota-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px;box-sizing:border-box}.helper-quota-modal{position:relative;background:var(--bg-surface);border-radius:20px;padding:32px 28px 24px;max-width:420px;width:100%;max-height:calc(100vh - 32px);overflow-y:auto;box-sizing:border-box;box-shadow:0 20px 60px rgba(0,0,0,.25);text-align:center}.helper-quota-modal-close{position:absolute;top:12px;right:12px;width:44px;height:44px;border:none;border-radius:999px;background:transparent;color:var(--text-secondary);font-size:28px;line-height:1;cursor:pointer}.helper-quota-modal-title{font-size:calc(22px*var(--font-scale));font-weight:800;color:var(--text-primary);margin:0 0 12px}.helper-quota-modal-body{font-size:max(16px,calc(16px*var(--font-scale)));color:var(--text-secondary);margin:0 0 20px;line-height:1.5}.helper-quota-modal-panel:empty{display:none}.helper-quota-modal-done{background:var(--blue);border:none;border-radius:var(--radius-md);color:var(--text-on-primary);padding:14px 24px;min-height:48px;font-size:max(16px,calc(16px*var(--font-scale)));font-family:var(--font-primary);font-weight:700;cursor:pointer;width:100%;box-shadow:0 4px 0 var(--blue-hover)}.helper-quota-modal-done:hover{background-color:var(--blue-hover)}.study-room-container{min-height:100dvh;font-family:var(--font-primary);position:relative;isolation:isolate}.study-room-container .student-header{background:var(--bg-surface);border-radius:0 0 20px 20px;padding:20px;margin:0 20px 40px;box-shadow:var(--card-shadow)}.study-room-container .student-header-content{display:flex;justify-content:space-between;align-items:center;max-width:100%}.study-room-container .student-logo{display:flex;align-items:center;grid-gap:8px;gap:8px}.study-room-container .student-logo-text{color:var(--text-primary);font-size:calc(24px*var(--font-scale));font-weight:400;font-family:var(--font-primary)}.study-room-container .student-logout-btn{background:none;border:none;color:var(--text-secondary);font-size:calc(16px*var(--font-scale));font-family:var(--font-primary);cursor:pointer;padding:8px 12px;border-radius:6px;transition:background-color .2s ease}.study-room-container .student-logout-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.study-room-content{padding:0 20px;width:100vw;margin:0 auto}.study-room-container .student-waiting-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;max-height:calc(100dvh - 300px);background-color:var(--bg-surface);border-radius:16px;padding:40px;color:var(--text-primary);font-family:var(--font-primary);box-shadow:var(--card-shadow);max-width:100vw;width:100%}.new-question-btn{background-color:var(--green);border:none;border-radius:16px;width:100%;padding:20px 40px;color:var(--text-on-primary);font-family:var(--font-primary);font-size:calc(24px*var(--font-scale));font-weight:500;cursor:pointer;box-shadow:0 4px 12px rgba(142,166,4,.3);transition:all .3s ease}.new-question-btn:hover:not(:disabled){background-color:var(--green-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(142,166,4,.4)}.new-question-btn:disabled{background-color:var(--border-medium);cursor:not-allowed;box-shadow:none}.study-room-question-header{font-size:calc(24px*var(--font-scale));font-weight:700;margin-bottom:20px;color:var(--green);align-self:flex-start;display:flex;align-items:center;grid-gap:12px;gap:12px;flex-wrap:wrap;font-family:var(--font-heading)}.study-room-math-branch-tag{background-color:rgba(142,166,4,.15);color:var(--green);border-radius:16px;border:1px solid rgba(142,166,4,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.study-room-analyzing-tag,.study-room-math-branch-tag{font-size:calc(14px*var(--font-scale));font-weight:500;padding:4px 12px}.study-room-analyzing-tag{background-color:rgba(255,193,7,.15);color:var(--amber);border-radius:16px;border:1px solid rgba(255,193,7,.3);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.study-room-question-content{font-size:calc(18px*var(--font-scale));line-height:1.6;color:var(--text-primary);width:100%;min-height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:30px;padding:20px;background-color:var(--bg-surface-secondary);border-radius:12px;border:1px solid var(--border-light)}.study-room-question-content svg{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important}.study-room-answer-section{width:100%;margin-bottom:20px}.study-room-answer-header{font-size:calc(24px*var(--font-scale));font-weight:700;margin-bottom:20px;color:var(--blue);align-self:flex-start;font-family:var(--font-heading)}.study-room-answer-content{font-size:calc(18px*var(--font-scale));line-height:1.6;color:var(--text-primary);width:100%;min-height:150px;display:flex;align-items:center;justify-content:center;padding:20px;background-color:var(--bg-surface-secondary);border-radius:12px;border:1px solid var(--border-light)}.study-room-answer-content svg{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important}.study-room-upload-section{margin-top:20px;width:100%;text-align:center}.study-room-feedback-section{width:100%;margin-top:30px;border-radius:12px;overflow:hidden;background-color:var(--bg-surface);border:1px solid var(--border-light)}.study-room-feedback-header{font-size:calc(20px*var(--font-scale));font-weight:700;padding:15px 20px;text-align:center;font-family:var(--font-heading)}.study-room-feedback-header.correct{background-color:rgba(139,195,74,.15);color:var(--success-light);border-bottom:2px solid var(--success-light)}.study-room-feedback-header.incorrect{background-color:rgba(254,156,93,.15);color:var(--orange);border-bottom:2px solid var(--orange)}.study-room-feedback-content{padding:20px;color:var(--text-primary);font-size:calc(16px*var(--font-scale));line-height:1.6;max-height:300px;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word}.study-room-feedback-content::-webkit-scrollbar{width:8px}.study-room-feedback-content::-webkit-scrollbar-track{background:var(--bg-surface-secondary);border-radius:4px}.study-room-feedback-content::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}.study-room-feedback-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.study-room-ask-btn{background-color:var(--blue);color:var(--text-on-primary);border:none;width:100%;padding:12px 24px;font-size:calc(16px*var(--font-scale));border-radius:8px;cursor:pointer;font-family:var(--font-primary);transition:all .3s ease;min-width:150px;display:block;margin:0 auto 15px}.study-room-ask-btn:hover{background-color:var(--blue-hover);transform:translateY(-1px)}.study-room-container .upload-controls{display:flex;justify-content:center;margin-bottom:15px}.study-room-container .upload-controls-buttons{display:flex;grid-gap:15px;gap:15px;align-items:center}.study-room-upload-button{background-color:var(--blue);color:var(--text-on-primary);border:none;height:62px;padding:12px 24px;font-size:calc(20px*var(--font-scale));border-radius:12px;cursor:pointer;font-family:var(--font-primary);font-weight:500;transition:all .3s ease;min-width:150px}.study-room-upload-button:hover:not(:disabled){background-color:var(--blue-hover);transform:translateY(-2px)}.study-room-upload-button:disabled{background-color:var(--border-medium);cursor:not-allowed}.study-room-clear-btn{background-color:var(--bg-surface-hover);border:1px solid var(--border-medium);border-radius:8px;padding:12px 24px;color:var(--text-primary);font-family:var(--font-primary);font-size:calc(20px*var(--font-scale));font-weight:500;cursor:pointer;transition:all .3s ease;min-width:80px}.study-room-clear-btn:hover{background-color:var(--red);color:var(--text-on-primary);border-color:var(--red);transform:translateY(-2px)}@media (max-width:768px){.study-room-container .student-header{padding:15px 20px;border-radius:0 0 20px 20px}.study-room-container .student-logo-text{font-size:calc(20px*var(--font-scale))}.study-room-content{padding:0 20px}.study-room-container .student-waiting-container{max-height:calc(100dvh - 250px);padding:30px}.study-room-answer-header,.study-room-question-header{font-size:calc(20px*var(--font-scale))}.study-room-answer-content,.study-room-question-content{font-size:calc(16px*var(--font-scale));min-height:100px;padding:15px}.study-room-container .upload-controls-buttons{flex-direction:column;width:100%}.study-room-clear-btn,.study-room-upload-button{width:100%}.study-room-feedback-header{font-size:calc(18px*var(--font-scale));padding:12px 15px}.study-room-feedback-content{padding:15px;font-size:calc(14px*var(--font-scale));max-height:200px}}@media (max-width:480px){.new-question-btn{font-size:calc(20px*var(--font-scale))}}.study-helper-desktop{height:100dvh;width:100%;font-family:var(--font-primary);display:flex;flex-direction:column;overflow:hidden;position:relative;isolation:isolate}.study-helper-desktop-main-content{width:100%;min-width:0;flex:1 1;min-height:0;display:flex;flex-direction:column;padding:20px;overflow:hidden}.study-helper-desktop-menu-bar{background:var(--bg-surface);border-radius:16px;padding:15px 25px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;color:var(--text-primary);box-shadow:var(--card-shadow);min-height:70px;flex-shrink:0;width:100%;margin-bottom:20px;box-sizing:border-box;border:1px solid var(--border-light)}.study-helper-desktop-left-section{display:flex;align-items:center;grid-gap:10px;gap:10px}.study-helper-desktop-center-section{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center}.study-helper-desktop-right-section{display:flex;align-items:center;grid-gap:12px;gap:12px}.study-helper-desktop-logo{height:28px;width:auto}.study-helper-desktop-breadcrumb{display:flex;align-items:center;grid-gap:12px;gap:12px;font-size:calc(18px*var(--font-scale))}.study-helper-desktop-quillnote-text{color:var(--text-primary);font-size:calc(18px*var(--font-scale));font-family:var(--font-primary);font-weight:700}.study-helper-desktop-breadcrumb-separator{color:var(--text-tertiary);font-size:calc(18px*var(--font-scale))}.study-helper-desktop-current-student{font-weight:700;color:var(--text-primary)}.study-helper-desktop-menu-buttons{display:flex;align-items:center;grid-gap:4px;gap:4px}.study-helper-desktop-menu-item{background:transparent;border:none;color:var(--text-secondary);padding:10px 18px;font-size:calc(14px*var(--font-scale));font-family:var(--font-heading);font-weight:500;cursor:pointer;transition:all .3s ease;border-radius:10px;white-space:nowrap;margin:0 4px;position:relative}.study-helper-desktop-menu-item:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.study-helper-desktop-menu-item.selected{background-color:var(--blue);color:var(--text-on-primary);box-shadow:0 2px 8px rgba(0,129,167,.3)}.study-helper-desktop-logout-btn{background:transparent;border:1px solid var(--border-medium);color:var(--text-secondary);padding:10px 20px;font-size:calc(14px*var(--font-scale));font-family:var(--font-primary);cursor:pointer;transition:all .3s ease;border-radius:8px;margin-left:8px}.study-helper-desktop-logout-btn:hover{background-color:var(--bg-surface-hover);border-color:var(--border-input-focus);color:var(--text-primary)}.study-room-student-view-badge{margin-left:10px;padding:3px 10px;border-radius:999px;background:var(--blue);color:var(--text-on-primary);font-family:var(--font-primary);font-size:calc(11.5px*var(--font-scale));font-weight:700;letter-spacing:.4px;text-transform:uppercase;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.study-room-gamification-bar{display:flex;align-items:center;grid-gap:20px;gap:20px;padding:12px 20px;background:var(--bg-surface);border-radius:12px;margin-bottom:16px;border:1px solid var(--border-light);box-shadow:var(--card-shadow);flex-wrap:wrap;flex-shrink:0;animation:slideDown .4s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.study-room-xp-display{display:flex;align-items:center;grid-gap:8px;gap:8px;font-family:var(--font-primary);font-weight:700;font-size:calc(16px*var(--font-scale));color:var(--blue)}.study-room-xp-icon{font-size:calc(20px*var(--font-scale))}.study-room-xp-value{font-family:var(--font-mono);font-size:calc(18px*var(--font-scale));transition:all .5s ease}.study-room-xp-label{font-size:calc(12px*var(--font-scale));font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.study-room-streak-display{display:flex;align-items:center;grid-gap:8px;gap:8px;font-family:var(--font-primary);font-weight:700;font-size:calc(16px*var(--font-scale));color:var(--orange)}.study-room-streak-icon{font-size:calc(20px*var(--font-scale))}.study-room-streak-value{font-family:var(--font-mono);font-size:calc(18px*var(--font-scale))}.study-room-streak-label{font-size:calc(12px*var(--font-scale));font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.study-room-gamification-divider{width:1px;height:32px;background:var(--border-light)}.study-room-badge-display{display:flex;align-items:center;grid-gap:6px;gap:6px}.study-room-badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:calc(16px*var(--font-scale));background:var(--bg-surface-secondary);border:2px solid var(--border-light);transition:transform .3s ease}.study-room-badge:hover{transform:scale(1.2)}.study-room-badge.earned{border-color:var(--green);background:rgba(142,166,4,.15)}.study-room-badge.locked{opacity:.4;filter:grayscale(1)}.study-room-progress-bar-container{width:100%;margin-top:6px}.study-room-progress-bar-track{width:100%;height:8px;background:var(--bg-surface-secondary);border-radius:4px;overflow:hidden;border:1px solid var(--border-light)}.study-room-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--success-light));border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1);min-width:0}.study-room-progress-bar-text{font-size:calc(11px*var(--font-scale));color:var(--text-tertiary);margin-top:4px;font-family:var(--font-mono)}.study-room-bird-mascot{display:flex;align-items:center;justify-content:center;margin:20px auto}.study-room-bird-mascot img{width:80px;height:80px;object-fit:contain}.study-room-bird-mascot.thinking img{animation:birdThink 2s ease-in-out infinite}.study-room-bird-mascot.cheering img{animation:birdCheer .6s ease-in-out 3}@keyframes birdThink{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(-5deg) scale(1.05)}75%{transform:rotate(5deg) scale(1.05)}}@keyframes birdCheer{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.1)}}.study-room-bird-message{font-family:var(--font-serif);font-size:calc(16px*var(--font-scale));color:var(--text-secondary);text-align:center;font-style:italic;margin-top:8px;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.study-room-encouragement-text{font-family:var(--font-serif);font-style:italic;color:var(--orange);font-size:calc(15px*var(--font-scale));line-height:1.6}.study-room-tab-content{animation:tabFadeIn .3s ease-out}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.study-helper-desktop-view-work-layout{display:flex;flex-direction:row;flex:1 1;min-height:0;width:100%;border-radius:16px;overflow:hidden;background:var(--bg-surface);border:1px solid var(--border-light);box-shadow:var(--card-shadow);animation:tabFadeIn .3s ease-out}.study-helper-desktop-questions-menu{width:20%;min-width:280px;max-height:100%;display:flex;flex-direction:column;background:var(--bg-surface-secondary);border-radius:16px 0 0 16px;overflow:hidden;border-right:1px solid var(--border-light)}.study-helper-desktop-questions-menu-header{height:60px;background:var(--bg-surface);border-bottom:2px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.study-helper-desktop-questions-title{font-size:clamp(calc(14px*var(--font-scale)),1.4vw,calc(18px*var(--font-scale)));font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-heading)}.study-helper-desktop-questions-menu-controls{display:flex;align-items:center;grid-gap:4px;gap:4px}.study-helper-desktop-questions-list-scroll{flex:1 1;overflow-y:auto;padding:10px}.study-helper-desktop-questions-list-scroll::-webkit-scrollbar{width:6px}.study-helper-desktop-questions-list-scroll::-webkit-scrollbar-track{background:transparent}.study-helper-desktop-questions-list-scroll::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.study-helper-desktop-date-section{background:var(--bg-surface);border-radius:8px;margin-bottom:16px;width:100%;border:1px solid var(--border-light);overflow:hidden}.study-helper-desktop-date-header{background:var(--bg-surface-secondary);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-radius:8px 8px 0 0;font-size:calc(13px*var(--font-scale));font-weight:600;color:var(--text-secondary);padding:8px 12px;text-transform:capitalize;letter-spacing:.5px;border-bottom:1px solid var(--border-light);font-family:var(--font-heading)}.study-helper-desktop-question-item{min-height:50px;align-content:center;padding:12px 16px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;border-bottom:1px solid var(--border-light)}.study-helper-desktop-question-item:last-child{border-bottom:none}.study-helper-desktop-question-item:hover{background:var(--bg-surface-hover)}.study-helper-desktop-question-item.selected{background-color:rgba(0,129,167,.12);border-right:4px solid var(--blue)}.study-helper-desktop-question-preview{color:var(--text-primary);font-size:calc(14px*var(--font-scale));line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.study-helper-desktop-answers-viewer{width:80%;flex:1 1;min-width:0;border-radius:0 16px 16px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;overflow-y:auto;background:var(--bg-page)}.study-helper-desktop-question-detail{display:flex;flex-direction:column;grid-gap:24px;gap:24px;padding:24px;width:100%;flex:1 1;box-sizing:border-box;overflow-y:auto}.study-helper-desktop-mobile-back-to-questions{display:none}.study-helper-desktop-detail-column{display:flex;flex-direction:column;grid-gap:20px;gap:20px;width:100%}.study-helper-desktop-attempts-section,.study-helper-desktop-question-text-section{background:var(--bg-surface);border-radius:12px;padding:16px 20px;border:1px solid var(--border-light);box-shadow:var(--card-shadow)}.study-helper-desktop-detail-label{font-size:calc(13px*var(--font-scale));font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;display:flex;align-items:center;grid-gap:12px;gap:12px;font-family:var(--font-heading)}.study-helper-desktop-detail-content{color:var(--text-primary);font-size:calc(18px*var(--font-scale));line-height:1.6}.study-helper-desktop-question-timestamp{font-size:calc(11px*var(--font-scale));color:var(--text-tertiary);letter-spacing:.5px;margin-top:-8px;margin-bottom:12px;justify-self:left}.study-helper-desktop-placeholder-text{color:var(--text-tertiary);font-family:var(--font-serif);font-style:italic}.study-helper-desktop-loading,.study-helper-desktop-placeholder-text{font-size:calc(16px*var(--font-scale));padding:40px;text-align:center;width:100%}.study-helper-desktop-loading{color:var(--text-secondary)}.study-helper-desktop-empty-questions{display:flex;flex-direction:column;justify-content:center;align-items:center;height:300px;color:var(--text-secondary);font-size:calc(18px*var(--font-scale));background:var(--bg-surface);border-radius:16px;width:100%;text-align:center;border:1px solid var(--border-light);box-shadow:var(--card-shadow)}.study-helper-desktop-empty-questions p{margin:0}.study-helper-desktop-attempts-list{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.study-helper-desktop-attempt-card{background:var(--bg-surface-secondary);border-radius:12px;border:1px solid var(--border-light);overflow:hidden;transition:transform .2s ease}.study-helper-desktop-attempt-card:hover{transform:translateY(-1px)}.study-helper-desktop-attempt-layout{display:flex;flex-direction:row;align-items:flex-start}.study-helper-desktop-attempt-status-icon{display:flex;align-items:center;justify-content:center;width:60px;align-self:stretch;border-radius:12px 0 0 12px}.study-helper-desktop-attempt-status-icon.correct{background:rgba(76,175,80,.15);color:var(--success);border:none!important}.study-helper-desktop-attempt-status-icon.incorrect{background:rgba(167,29,49,.15);color:var(--red);border:none!important}.study-helper-desktop-attempt-status-icon svg{font-size:calc(36px*var(--font-scale))}.study-helper-desktop-attempt-main-content{flex:1 1;min-width:0;padding:16px}.study-helper-desktop-attempt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.study-helper-desktop-attempt-header .attempt-number{font-size:calc(14px*var(--font-scale));font-weight:700;color:var(--text-secondary);font-family:var(--font-heading)}.study-helper-desktop-attempt-content-vertical{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.study-helper-desktop-attempt-answer{width:100%}.study-helper-desktop-attempt-answer .attempt-answer-label,.study-helper-desktop-attempt-feedback .attempt-feedback-label{font-size:calc(11px*var(--font-scale));font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.study-helper-desktop-attempt-answer .attempt-answer-content{color:var(--text-primary);font-size:calc(16px*var(--font-scale));line-height:1.5}.study-helper-desktop-attempt-feedback{width:100%;background:var(--bg-surface);border-radius:8px;padding:12px 16px;border:1px solid var(--border-light)}.study-helper-desktop-attempt-feedback .attempt-feedback-content{color:var(--text-secondary);font-size:calc(14px*var(--font-scale));line-height:1.6}.study-helper-desktop-clear-btn-under-card{background:transparent;border:1px solid var(--border-medium);color:var(--text-secondary);padding:8px 16px;font-size:calc(14px*var(--font-scale));border-radius:8px;cursor:pointer;margin-top:12px;align-self:flex-start;transition:all .2s ease;font-family:var(--font-primary)}.study-helper-desktop-clear-btn-under-card:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-input-focus)}.study-helper-desktop-sort-container{display:flex;flex-direction:row;position:relative}.study-helper-desktop-sort-button{background:transparent;border:1px solid var(--border-light);color:var(--text-secondary);width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:6px;cursor:pointer;transition:all .3s ease}.study-helper-desktop-sort-button:hover{background:var(--bg-surface-hover);color:var(--blue);border-color:var(--blue)}.study-helper-desktop-sort-order-button{background:none;border:none;color:var(--text-secondary);width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease}.study-helper-desktop-sort-order-button:hover{color:var(--blue)}.study-helper-desktop-sort-dropdown{position:absolute;top:100%;right:0;background:var(--bg-surface);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.15);min-width:160px;z-index:1000;margin-top:4px;border:1px solid var(--border-light);overflow:hidden}.study-helper-desktop-sort-dropdown .dropdown-item{padding:12px 16px;color:var(--text-primary);cursor:pointer;transition:background-color .2s ease;font-size:calc(14px*var(--font-scale));font-family:var(--font-primary)}.study-helper-desktop-sort-dropdown .dropdown-item:hover{background-color:var(--bg-surface-hover);color:var(--blue)}.study-helper-desktop-sort-dropdown .dropdown-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.study-helper-desktop-sort-dropdown .dropdown-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.study-helper-desktop-new-question-layout{flex:1 1;min-height:0;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;width:100%;padding:20px;background:none;border-radius:16px;animation:tabFadeIn .3s ease-out}.study-helper-desktop-new-question-container{width:100%;max-width:900px;margin:auto}.study-helper-desktop-new-question-layout.explain-live-session{padding:0}.study-helper-desktop-new-question-layout.explain-live-session .study-helper-desktop-new-question-container{max-width:none;width:100%;margin:0}.study-helper-desktop-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;background:var(--bg-surface);border-radius:16px;border:2px dashed var(--border-medium);text-align:center;box-shadow:var(--card-shadow);transition:border-color .3s ease}.study-helper-desktop-upload-zone:hover{border-color:var(--blue)}.study-helper-desktop-upload-icon{color:var(--green);margin-bottom:24px}.study-helper-desktop-upload-title{color:var(--text-primary);font-size:calc(28px*var(--font-scale));font-weight:600;margin:0 0 12px;font-family:var(--font-heading)}.study-helper-desktop-upload-subtitle{color:var(--text-secondary);font-size:calc(16px*var(--font-scale));margin:0 0 32px;max-width:480px}.study-helper-desktop-upload-error{width:100%;max-width:480px;margin:0 0 24px;padding:14px 16px;border-radius:12px;background:rgba(167,29,49,.08);border:1px solid var(--red);color:var(--text-primary);font-size:calc(15px*var(--font-scale));line-height:1.5;text-align:left}.study-helper-desktop-upload-btn{border:none;border-radius:12px;padding:16px 48px;font-family:var(--font-primary);font-size:calc(18px*var(--font-scale));font-weight:500;cursor:pointer;box-shadow:0 4px 12px rgba(0,129,167,.3);transition:all .3s ease}.study-helper-desktop-upload-btn:hover:not(:disabled){box-shadow:0 6px 20px rgba(0,129,167,.4)}.study-helper-desktop-upload-btn:disabled{box-shadow:none}.study-helper-desktop-question-workflow{display:flex;flex-direction:row;grid-gap:32px;gap:32px;align-items:flex-start;animation:tabFadeIn .3s ease-out}.study-helper-desktop-workflow-left,.study-helper-desktop-workflow-right{flex:1 1;display:flex;flex-direction:column;grid-gap:20px;gap:20px;min-width:0}.study-helper-desktop-feedback-banner{padding:20px;border-radius:12px;width:100%;animation:fadeInUp .5s ease-out}.study-helper-desktop-feedback-banner.correct{background:var(--bg-surface);border:2px solid var(--success-light);box-shadow:0 4px 16px rgba(139,195,74,.15)}.study-helper-desktop-feedback-banner.incorrect{background:var(--bg-surface);border:2px solid var(--orange);box-shadow:0 4px 16px rgba(254,156,93,.15)}.study-helper-desktop-feedback-header{font-size:calc(20px*var(--font-scale));font-weight:700;margin-bottom:12px;font-family:var(--font-heading)}.study-helper-desktop-feedback-banner.correct .study-helper-desktop-feedback-header{color:var(--success-light)}.study-helper-desktop-feedback-banner.incorrect .study-helper-desktop-feedback-header{color:var(--orange)}.study-helper-desktop-feedback-content{color:var(--text-primary);font-size:calc(16px*var(--font-scale));line-height:1.6;margin-bottom:16px}.study-helper-desktop-feedback-banner.incorrect .study-helper-desktop-feedback-content{font-family:var(--font-serif)}.study-helper-desktop-ask-btn{background-color:var(--blue);color:var(--text-on-primary);border:none;padding:12px 24px;font-size:calc(14px*var(--font-scale));border-radius:10px;cursor:pointer;font-family:var(--font-primary);font-weight:500;transition:all .3s ease;display:flex;align-items:center;grid-gap:8px;gap:8px}.study-helper-desktop-ask-btn:hover{background-color:var(--blue-hover);transform:translateY(-1px)}.study-helper-desktop-answer-card,.study-helper-desktop-question-card{background:var(--bg-surface);border-radius:12px;padding:20px;box-shadow:var(--card-shadow);border:1px solid var(--border-light);transition:transform .2s ease}.study-helper-desktop-answer-card:hover,.study-helper-desktop-question-card:hover{transform:translateY(-1px)}.study-helper-desktop-card-header{font-size:calc(13px*var(--font-scale));font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;display:flex;align-items:center;grid-gap:12px;gap:12px;flex-wrap:wrap;font-family:var(--font-heading)}.study-helper-desktop-topic-tag{background-color:rgba(142,166,4,.15);color:var(--green);border-radius:16px;border:1px solid rgba(142,166,4,.3)}.study-helper-desktop-analyzing-tag,.study-helper-desktop-topic-tag{font-size:calc(12px*var(--font-scale));font-weight:500;padding:4px 12px}.study-helper-desktop-analyzing-tag{background-color:rgba(255,193,7,.15);color:var(--amber);border-radius:16px;border:1px solid rgba(255,193,7,.3);animation:pulse 1.5s ease-in-out infinite}.study-helper-desktop-card-content{color:var(--text-primary);font-size:calc(18px*var(--font-scale));line-height:1.6;display:flex;align-items:center;justify-content:center;min-height:100px;padding:16px;background:var(--bg-surface-secondary);border-radius:8px;border:1px solid var(--border-light)}.study-helper-desktop-answer-upload-buttons{flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:var(--bg-surface);border-radius:16px;border:2px dashed var(--border-medium);text-align:center;grid-gap:20px;gap:20px;width:100%;box-shadow:var(--card-shadow);transition:border-color .3s ease}.study-helper-desktop-answer-upload-buttons:hover{border-color:var(--green)}.study-helper-desktop-action-btn.camera-answer,.study-helper-desktop-action-btn.upload-answer{background-color:var(--green);border:none;border-radius:12px;padding:16px 48px;color:var(--text-on-primary);font-family:var(--font-primary);font-size:calc(18px*var(--font-scale));font-weight:500;cursor:pointer;box-shadow:0 4px 12px rgba(142,166,4,.3);transition:all .3s ease;justify-content:center;grid-gap:10px;gap:10px;width:100%;max-width:300px}.study-helper-desktop-action-btn.camera-answer:hover:not(:disabled),.study-helper-desktop-action-btn.upload-answer:hover:not(:disabled){background-color:var(--green-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(142,166,4,.4)}.study-helper-desktop-workflow-actions{display:flex;flex-direction:column;grid-gap:16px;gap:16px;justify-content:center}.study-helper-desktop-action-btn{padding:16px 32px;font-size:calc(16px*var(--font-scale));font-weight:600;font-family:var(--font-primary);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;min-width:180px}.study-helper-desktop-action-btn.primary{background-color:var(--blue);color:var(--text-on-primary)}.study-helper-desktop-action-btn.primary:hover:not(:disabled){background-color:var(--blue-hover);transform:translateY(-2px)}.study-helper-desktop-action-btn.primary:disabled{background-color:var(--border-medium);cursor:not-allowed}.study-helper-desktop-action-btn.secondary{background-color:var(--bg-surface-hover);color:var(--text-primary);border:1px solid var(--border-medium)}.study-helper-desktop-action-btn.secondary:hover{background-color:var(--bg-surface);transform:translateY(-2px)}.study-helper-desktop-action-btn.upload-answer{background-color:var(--green);color:var(--text-on-primary)}.study-helper-desktop-action-btn.upload-answer:hover:not(:disabled){background-color:var(--green-hover);transform:translateY(-2px)}.study-helper-desktop-action-btn.upload-answer:disabled{background-color:var(--border-medium);cursor:not-allowed}.study-helper-desktop-action-btn.save-continue{background-color:var(--blue);color:var(--text-on-primary);box-shadow:0 4px 12px rgba(0,129,167,.3)}.study-helper-desktop-action-btn.save-continue:hover:not(:disabled){background-color:var(--blue-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,129,167,.4)}.study-helper-desktop-action-btn.save-continue:disabled{background-color:var(--border-medium);cursor:not-allowed;box-shadow:none}.study-room-upload-button.upload-answer-green{background-color:var(--green)}.study-room-upload-button.upload-answer-green:hover:not(:disabled){background-color:var(--green-hover)}.study-helper-desktop-upload-buttons{display:flex;grid-gap:16px;gap:16px;justify-content:center;flex-wrap:wrap}.study-helper-desktop-camera-btn,.study-helper-desktop-type-btn,.study-helper-desktop-upload-btn{display:flex;align-items:center;grid-gap:10px;gap:10px;padding:16px 28px;font-size:calc(16px*var(--font-scale));font-weight:500;font-family:var(--font-primary);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease}.study-helper-desktop-upload-btn{background-color:var(--blue);color:var(--text-on-primary)}.study-helper-desktop-upload-btn:hover:not(:disabled){background-color:var(--blue-hover);transform:translateY(-2px)}.study-helper-desktop-upload-btn:disabled{background-color:var(--border-medium);cursor:not-allowed}.study-helper-desktop-camera-btn{background-color:var(--green);color:var(--text-on-primary)}.study-helper-desktop-camera-btn:hover:not(:disabled){background-color:var(--green-hover);transform:translateY(-2px)}.study-helper-desktop-camera-btn:disabled{background-color:var(--border-medium);cursor:not-allowed}.study-helper-desktop-type-btn{background-color:var(--orange);color:var(--text-on-primary)}.study-helper-desktop-type-btn:hover:not(:disabled){background-color:var(--orange-hover);transform:translateY(-2px)}.study-helper-desktop-type-btn:disabled{background-color:var(--border-medium);cursor:not-allowed}.study-helper-desktop-camera-btn svg,.study-helper-desktop-type-btn svg,.study-helper-desktop-upload-btn svg{flex-shrink:0}.study-helper-desktop-back-to-choice:disabled{opacity:.55;cursor:not-allowed}.study-helper-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.study-helper-desktop-upload-zone.typing{align-items:stretch;text-align:left}.study-helper-desktop-upload-zone.typing .study-helper-desktop-upload-subtitle,.study-helper-desktop-upload-zone.typing .study-helper-desktop-upload-title,.study-helper-desktop-upload-zone.typing .study-room-bird-mascot{text-align:center;align-self:center}.study-helper-typed-problem-form{display:flex;flex-direction:column;width:100%;max-width:560px;margin:0 auto;grid-gap:12px;gap:12px}.study-helper-typed-problem-input{width:100%;min-height:168px;resize:vertical;padding:14px 16px;border:1px solid var(--border-input);border-radius:12px;background:var(--bg-input,var(--bg-surface));color:var(--text-primary);font-family:var(--font-primary);font-size:calc(16px*var(--font-scale));line-height:1.5;box-sizing:border-box}.study-helper-typed-problem-input:focus{outline:none;border-color:var(--border-input-focus,var(--blue));box-shadow:0 0 0 3px var(--blue-10)}.study-helper-typed-problem-input:disabled{opacity:.7;cursor:not-allowed}.study-helper-typed-problem-input[aria-invalid=true]{border-color:var(--red)}.study-helper-typed-problem-meta{display:flex;justify-content:space-between;grid-gap:12px;gap:12px;color:var(--text-tertiary);font-size:calc(13px*var(--font-scale))}.study-helper-typed-problem-hint{color:var(--text-secondary)}.study-helper-typed-problem-actions{display:flex;justify-content:flex-end;grid-gap:12px;gap:12px;flex-wrap:wrap}.study-helper-typed-problem-cancel{background:transparent;border:1px solid var(--border-medium);color:var(--text-secondary);padding:14px 24px;font-size:calc(16px*var(--font-scale));font-weight:500;border-radius:12px;cursor:pointer;font-family:var(--font-primary);transition:all .2s ease}.study-helper-typed-problem-cancel:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-input-focus)}.study-helper-typed-problem-cancel:disabled{opacity:.55;cursor:not-allowed}.study-helper-choice-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;background:var(--bg-surface);border-radius:16px;border:2px dashed var(--border-medium);text-align:center;box-shadow:var(--card-shadow)}.study-helper-choice-title{color:var(--text-primary);font-size:calc(28px*var(--font-scale));font-weight:600;margin:0 0 12px;font-family:var(--font-heading)}.study-helper-choice-subtitle{color:var(--text-secondary);font-size:calc(16px*var(--font-scale));margin:0 0 32px;max-width:420px}.study-helper-choice-buttons{display:flex;grid-gap:20px;gap:20px;justify-content:center;width:100%;max-width:640px;flex-wrap:wrap}.study-helper-choice-btn{display:flex;align-items:flex-start;grid-gap:14px;gap:14px;flex:1 1 260px;min-width:240px;padding:20px;background:var(--bg-input);border:2px solid var(--border-medium);border-radius:14px;cursor:pointer;text-align:left;font-family:var(--font-primary);transition:all .3s ease}.study-helper-choice-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.1)}.study-helper-choice-btn.explain{border-color:var(--blue);color:var(--blue)}.study-helper-choice-btn.explain:hover{background:var(--blue);color:var(--text-on-primary)}.study-helper-choice-btn.check-answer{border-color:var(--green);color:var(--green)}.study-helper-choice-btn.check-answer:hover{background:var(--green);color:var(--text-on-primary)}.study-helper-choice-btn:hover .study-helper-choice-btn-desc,.study-helper-choice-btn:hover .study-helper-choice-btn-title{color:var(--text-on-primary)}.study-helper-choice-btn:hover .study-helper-choice-btn-icon{background:var(--text-on-primary)}.study-helper-choice-btn:hover .study-helper-choice-btn-icon svg{color:inherit}.study-helper-choice-btn.explain:hover .study-helper-choice-btn-icon svg{color:var(--blue)}.study-helper-choice-btn.check-answer:hover .study-helper-choice-btn-icon svg{color:var(--green)}.study-helper-choice-btn-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;background:currentColor}.study-helper-choice-btn-icon svg{color:var(--bg-input)}.study-helper-choice-btn-text{display:flex;flex-direction:column;grid-gap:4px;gap:4px;min-width:0}.study-helper-choice-btn-title{font-size:calc(17px*var(--font-scale));font-weight:600;color:var(--text-primary)}.study-helper-choice-btn-desc{font-size:calc(13px*var(--font-scale));font-weight:400;color:var(--text-secondary);line-height:1.4}.study-helper-desktop-back-to-choice{align-self:flex-start;background:transparent;border:1px solid var(--border-medium);color:var(--text-secondary);padding:8px 16px;font-size:calc(14px*var(--font-scale));border-radius:8px;cursor:pointer;margin-bottom:20px;transition:all .2s ease;font-family:var(--font-primary)}.study-helper-desktop-back-to-choice:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-input-focus)}.study-helper-camera-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.study-helper-camera-modal{background:var(--bg-surface);border-radius:16px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.3);border:1px solid var(--border-light)}.study-helper-camera-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-light)}.study-helper-camera-modal-header h3{color:var(--text-primary);font-size:calc(18px*var(--font-scale));font-weight:600;margin:0;font-family:var(--font-heading)}.study-helper-camera-close-btn{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.study-helper-camera-close-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.study-helper-camera-modal-body{flex:1 1;display:flex;align-items:center;justify-content:center;padding:24px;min-height:400px;background:var(--black-absolute);position:relative}.study-helper-camera-video{width:100%;max-height:500px;border-radius:8px;object-fit:contain;background:var(--black-absolute)}.study-helper-camera-starting{position:absolute;margin:0;color:var(--text-on-primary);font-family:var(--font-primary);font-size:calc(15px*var(--font-scale))}.study-helper-camera-error{display:flex;flex-direction:column;align-items:center;grid-gap:16px;gap:16px;color:var(--text-secondary);text-align:center;padding:40px}.study-helper-camera-error svg{color:var(--red)}.study-helper-camera-error p{font-size:calc(16px*var(--font-scale));line-height:1.5;margin:0;max-width:300px}.study-helper-camera-retry-btn{background:var(--blue);color:var(--text-on-primary);border:none;padding:12px 24px;font-size:calc(14px*var(--font-scale));font-weight:500;border-radius:10px;cursor:pointer;font-family:var(--font-primary);transition:all .3s ease}.study-helper-camera-retry-btn:hover{background:var(--blue-hover);transform:translateY(-1px)}.study-helper-camera-modal-footer{display:flex;justify-content:center;padding:20px 24px;border-top:1px solid var(--border-light)}.study-helper-camera-capture-btn{display:flex;align-items:center;grid-gap:12px;gap:12px;background:var(--green);color:var(--text-on-primary);border:none;padding:16px 32px;font-size:calc(18px*var(--font-scale));font-weight:600;border-radius:50px;cursor:pointer;font-family:var(--font-primary);transition:all .3s ease;box-shadow:0 4px 12px rgba(142,166,4,.3)}.study-helper-camera-capture-btn:hover{background:var(--green-hover);transform:scale(1.05)}.study-helper-camera-capture-btn svg{flex-shrink:0}.study-helper-desktop-answer-upload-buttons{display:flex;padding:20px;grid-gap:12px;gap:12px;flex-wrap:wrap;border:none}.study-helper-desktop-action-btn.camera-answer,.study-helper-desktop-action-btn.upload-answer{display:flex;align-items:center;grid-gap:8px;gap:8px}.study-helper-desktop-action-btn.camera-answer{background-color:var(--blue);color:var(--text-on-primary)}.study-helper-desktop-action-btn.camera-answer:hover:not(:disabled){background-color:var(--blue-hover);transform:translateY(-2px)}.study-helper-desktop-action-btn.camera-answer:disabled{background-color:var(--border-medium);cursor:not-allowed}.study-helper-desktop-action-btn.try-again{background-color:var(--green);color:var(--text-on-primary);box-shadow:0 4px 12px rgba(142,166,4,.3)}.study-helper-desktop-action-btn.try-again:hover:not(:disabled){background-color:var(--green-hover);transform:translateY(-2px)}.study-helper-desktop-action-btn.try-again:disabled{background-color:var(--border-medium);cursor:not-allowed}.study-helper-desktop-action-btn svg{flex-shrink:0}@media (max-width:768px){.study-helper-desktop{max-width:100%;width:100%}.study-helper-desktop-main-content{width:100%;padding:8px;box-sizing:border-box;overflow-x:hidden}.study-helper-desktop-menu-bar{padding:10px 12px;min-height:unset;flex-wrap:wrap;grid-gap:8px;gap:8px;margin-bottom:12px}.study-helper-desktop-left-section{grid-gap:6px;gap:6px}.study-helper-desktop-breadcrumb{grid-gap:8px;gap:8px}.study-helper-desktop-breadcrumb,.study-helper-desktop-breadcrumb-separator,.study-helper-desktop-current-student,.study-helper-desktop-quillnote-text{font-size:calc(14px*var(--font-scale))}.study-helper-desktop-center-section{position:static;transform:none;width:100%;justify-content:center;order:3}.study-helper-desktop-right-section{order:2}.study-helper-desktop-left-section{order:1;flex:1 1}.study-helper-desktop-logout-btn,.study-helper-desktop-menu-item{padding:8px 14px;font-size:calc(13px*var(--font-scale))}.study-helper-desktop-logout-btn{margin-left:0}.study-helper-desktop-view-work-layout{flex-direction:column;min-height:auto;max-height:none;height:auto}.study-helper-desktop-questions-menu{width:100%;min-width:unset;max-height:none;border-radius:var(--radius-lg);border-right:none;border-bottom:none;overflow:visible}.study-helper-desktop-questions-list-scroll{overflow:visible;height:auto;flex:none}.study-helper-desktop-view-work-layout.question-selected .study-helper-desktop-questions-menu{display:none}.study-helper-desktop-answers-viewer{width:100%;border-radius:var(--radius-lg);display:none;overflow:visible}.study-helper-desktop-view-work-layout.question-selected .study-helper-desktop-answers-viewer{display:block}.study-helper-desktop-mobile-back-to-questions{display:flex;align-items:center;grid-gap:6px;gap:6px;background:none;border:none;color:var(--blue);font-size:calc(15px*var(--font-scale));font-weight:600;cursor:pointer;padding:12px 0 16px;font-family:var(--font-primary)}.study-helper-desktop-question-detail{padding:16px;overflow:visible}.study-helper-desktop-detail-content{font-size:calc(16px*var(--font-scale))}.study-helper-desktop-attempt-status-icon{width:40px}.study-helper-desktop-attempt-status-icon svg{font-size:calc(24px*var(--font-scale))}.study-helper-desktop-attempt-main-content{padding:12px}.study-helper-desktop-questions-menu-header{height:50px;padding:0 12px}.study-helper-desktop-questions-title{font-size:calc(14px*var(--font-scale))}.study-helper-desktop-question-item{padding:10px 12px;min-height:40px}.study-helper-desktop-question-preview{font-size:calc(13px*var(--font-scale))}.study-helper-desktop-new-question-layout{padding:0;min-height:auto;align-items:flex-start;overflow:visible}.study-helper-desktop-new-question-container{min-width:100%;flex-basis:content;max-width:100%;margin:0}.study-helper-desktop-upload-zone{padding:30px 20px;border-radius:12px}.study-helper-desktop-upload-title{font-size:calc(20px*var(--font-scale))}.study-helper-desktop-upload-subtitle{font-size:calc(14px*var(--font-scale));margin-bottom:20px}.study-helper-desktop-upload-icon svg{width:48px;height:48px}.study-helper-desktop-upload-buttons{flex-direction:column;width:100%}.study-helper-desktop-camera-btn,.study-helper-desktop-type-btn,.study-helper-desktop-upload-btn{width:100%;justify-content:center;padding:14px 20px;font-size:calc(15px*var(--font-scale))}.study-helper-typed-problem-actions{flex-direction:column-reverse}.study-helper-typed-problem-actions .study-helper-desktop-upload-btn,.study-helper-typed-problem-cancel{width:100%;justify-content:center}.study-helper-choice-screen{padding:30px 20px;border-radius:12px}.study-helper-choice-title{font-size:calc(20px*var(--font-scale))}.study-helper-choice-subtitle{font-size:calc(14px*var(--font-scale));margin-bottom:20px}.study-helper-choice-buttons{flex-direction:column;grid-gap:14px;gap:14px}.study-helper-choice-btn{flex-basis:auto;min-width:0;width:100%;padding:16px}.study-helper-desktop-back-to-choice{margin-bottom:14px}.study-helper-desktop-question-workflow{flex-direction:column;grid-gap:12px;gap:12px}.study-helper-desktop-workflow-left{width:100%}.study-helper-desktop-answer-card,.study-helper-desktop-question-card{width:100%;padding:14px}.study-helper-desktop-card-header{font-size:calc(13px*var(--font-scale))}.study-helper-desktop-card-content{font-size:calc(14px*var(--font-scale));min-height:60px;padding:10px;overflow-x:auto;word-break:break-word}.study-helper-desktop-card-content svg{max-width:100%!important;height:auto!important}.study-helper-desktop-feedback-banner{padding:12px}.study-helper-desktop-feedback-header{font-size:calc(16px*var(--font-scale));margin-bottom:8px}.study-helper-desktop-feedback-content{font-size:calc(13px*var(--font-scale));line-height:1.5;max-height:150px;overflow-y:auto;margin-bottom:10px}.study-helper-desktop-ask-btn{width:100%;padding:10px 20px;font-size:calc(14px*var(--font-scale))}.study-helper-desktop-action-btn{padding:12px 20px;font-size:calc(15px*var(--font-scale));min-width:unset;width:100%}.study-helper-desktop-action-btn.camera-answer,.study-helper-desktop-action-btn.upload-answer{max-width:100%;width:100%;padding:12px 20px;font-size:calc(15px*var(--font-scale))}.study-helper-desktop-workflow-right{width:100%}.study-helper-desktop-answer-upload-buttons{flex-direction:column;width:100%;align-items:stretch;padding:14px;grid-gap:10px;gap:10px}.study-helper-desktop-workflow-actions{width:100%}.study-helper-desktop-clear-btn-under-card{width:100%;text-align:center;margin-top:8px;padding:10px 16px}.study-helper-desktop-empty-questions{width:100%;height:200px}.study-helper-desktop-placeholder-text{padding:30px 20px}.study-helper-camera-modal{max-width:95vw;max-height:90vh}.study-helper-camera-modal-body{min-height:250px;padding:12px}.study-helper-camera-video{max-height:350px}.study-helper-desktop-sort-dropdown{right:-10px}.study-room-gamification-bar{grid-gap:12px;gap:12px;padding:10px 14px}.study-room-streak-value,.study-room-xp-value{font-size:calc(16px*var(--font-scale))}.study-room-badge{width:28px;height:28px;font-size:calc(14px*var(--font-scale))}}.study-helper-desktop-question-source-label{font-size:calc(11px*var(--font-scale));color:var(--text-tertiary);margin-top:4px;letter-spacing:.3px;font-family:var(--font-mono)}.study-questions-page-detail{display:flex;flex-direction:column;padding:24px;width:100%;flex:1 1;box-sizing:border-box;overflow-y:auto;grid-gap:16px;gap:16px}.study-questions-page-detail-header{border-bottom:1px solid var(--border-light);padding-bottom:14px}.study-questions-page-detail-title{font-size:calc(18px*var(--font-scale));font-weight:600;color:var(--text-primary);font-family:var(--font-heading)}.study-questions-page-detail-list{display:flex;flex-direction:column;grid-gap:14px;gap:14px}.study-questions-page-question-card{background:var(--bg-surface);border-radius:12px;padding:16px 20px;border:1px solid var(--border-light);transition:all .2s ease}.study-questions-page-question-card.unanswered{cursor:pointer}.study-questions-page-question-card.unanswered:hover{background:var(--bg-surface-hover);border-color:var(--blue);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,129,167,.15)}.study-questions-page-question-card.answered{opacity:.6;cursor:default}.study-questions-page-question-header{display:flex;align-items:center;grid-gap:10px;gap:10px;margin-bottom:10px;flex-wrap:wrap}.study-questions-page-question-number{font-size:calc(13px*var(--font-scale));font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;min-width:28px;font-family:var(--font-mono)}.study-questions-page-question-meta{display:flex;align-items:center;grid-gap:6px;gap:6px;flex:1 1}.study-questions-page-question-tag{background-color:rgba(142,166,4,.15);color:var(--green);font-size:calc(12px*var(--font-scale));font-weight:500;padding:2px 10px;border-radius:12px;border:1px solid rgba(142,166,4,.3)}.study-questions-question-status{margin-left:auto;font-size:calc(12px*var(--font-scale));font-weight:600;padding:4px 12px;border-radius:20px;white-space:nowrap}.study-questions-question-status.unanswered{background:rgba(0,129,167,.12);color:var(--blue);border:1px solid rgba(0,129,167,.3)}.study-questions-question-status.answered{background:rgba(142,166,4,.15);color:var(--green);border:1px solid rgba(142,166,4,.3)}.study-questions-page-question-text{color:var(--text-primary);font-size:calc(15px*var(--font-scale));line-height:1.5}.study-room-processing-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;grid-gap:16px;gap:16px;animation:fadeInUp .4s ease-out}.study-room-processing-spinner{width:48px;height:48px;border:4px solid var(--border-light);border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.study-room-processing-text{font-size:calc(16px*var(--font-scale));color:var(--text-secondary);font-family:var(--font-serif);font-style:italic}.study-helper-desktop-answers-viewer::-webkit-scrollbar,.study-helper-desktop-question-detail::-webkit-scrollbar,.study-questions-page-detail::-webkit-scrollbar{width:6px}.study-helper-desktop-answers-viewer::-webkit-scrollbar-track,.study-helper-desktop-question-detail::-webkit-scrollbar-track,.study-questions-page-detail::-webkit-scrollbar-track{background:transparent}.study-helper-desktop-answers-viewer::-webkit-scrollbar-thumb,.study-helper-desktop-question-detail::-webkit-scrollbar-thumb,.study-questions-page-detail::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.study-helper-desktop-answers-viewer::-webkit-scrollbar-thumb:hover,.study-helper-desktop-question-detail::-webkit-scrollbar-thumb:hover,.study-questions-page-detail::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.study-mobile-top-header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background:var(--bg-surface);border-bottom:1px solid var(--border-light);flex-shrink:0;position:relative;z-index:10}.study-mobile-header-brand{display:flex;align-items:center;grid-gap:10px;gap:10px;min-width:0}.study-mobile-logo-icon{width:26px;height:26px;flex-shrink:0}[data-theme=dark] .study-mobile-logo-icon{filter:brightness(0) invert(1)}.study-mobile-breadcrumb{font-size:calc(14px*var(--font-scale))!important;grid-gap:8px!important;gap:8px!important;min-width:0;flex-wrap:nowrap;overflow:hidden}.study-mobile-header-actions{display:flex;align-items:center;grid-gap:8px;gap:8px;flex-shrink:0}body.student-report-capturing .student-report-modal{display:none!important}body.student-report-capturing [data-report-mask=student-name]{font-size:0!important;line-height:0!important;color:transparent!important;background:#8d9399!important;border-radius:4px;display:inline-block!important;min-width:4.5em;min-height:.9em;vertical-align:middle;overflow:hidden}.study-mobile-report-btn{background:none;border:none;color:var(--red);cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;padding:0;transition:background .2s}.study-mobile-report-btn:active,.study-mobile-report-btn:hover{background:var(--red-30)}.study-mobile-more-wrap{position:relative}.study-mobile-more-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:background .2s}.study-mobile-more-btn:active,.study-mobile-more-btn:hover{background:var(--bg-surface-hover)}.study-mobile-more-backdrop{position:fixed;inset:0;z-index:100}.study-mobile-more-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:160px;z-index:101;overflow:hidden}.study-mobile-more-item{display:block;width:100%;padding:15px 18px;background:none;border:none;text-align:left;font-size:calc(15px*var(--font-scale));font-family:var(--font-primary);color:var(--text-primary);cursor:pointer;transition:background .15s}.study-mobile-more-item:active,.study-mobile-more-item:hover{background:var(--bg-surface-hover)}.study-mobile-more-item-danger{color:#e53935}.study-mobile-content-area{flex:1 1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0;padding:8px;box-sizing:border-box}.explain-controls-dock{flex-shrink:0;background:var(--bg-surface);border-top:1px solid var(--border-light);padding:10px 12px 8px;box-shadow:0 -6px 18px rgba(0,0,0,.06);z-index:6}@media (min-width:769px){.study-helper-desktop-main-content .explain-controls-dock{box-sizing:border-box;width:100%;margin:0;padding:12px 20px 14px;border:1px solid var(--border-light);border-radius:20px;box-shadow:var(--card-shadow)}}.explain-analyzing-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;min-height:320px;animation:fadeInUp .35s ease-out}.explain-analyzing-title{margin:8px 0 0;font-family:var(--font-heading);font-size:calc(22px*var(--font-scale));font-weight:600;color:var(--text-primary)}.explain-analyzing-label{margin:10px 0 0;font-family:var(--font-serif);font-size:calc(16px*var(--font-scale));font-style:italic;color:var(--text-secondary);line-height:1.5}.explain-analyzing-screen .study-room-processing-spinner{margin-top:20px}@media (max-width:768px){.explain-analyzing-screen{min-height:280px;padding:32px 20px}}.study-mobile-bottom-nav{display:flex;align-items:center;justify-content:space-around;height:64px;background:var(--bg-surface);border-top:1px solid var(--border-light);flex-shrink:0;padding:0 8px env(safe-area-inset-bottom);box-shadow:0 -2px 12px rgba(0,0,0,.06)}.study-mobile-tab-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:2px;gap:2px;background:none;border:none;color:var(--text-tertiary);font-size:calc(10px*var(--font-scale));font-family:var(--font-primary);cursor:pointer;padding:6px 10px;border-radius:var(--radius-sm);transition:color .2s;flex:1 1}.study-mobile-tab-btn.active{color:var(--blue)}.study-room-placement-badge{display:flex;align-items:center;grid-gap:6px;gap:6px;background:linear-gradient(135deg,#fff8e1,#ffe082);border:1.5px solid #ffc107;border-radius:20px;padding:4px 12px;animation:compBadgePulse 2s ease-in-out infinite}.dark-mode .study-room-placement-badge{background:linear-gradient(135deg,#3d3100,#5a4700);border-color:#ffc107}@keyframes compBadgePulse{0%,to{box-shadow:0 0 0 0 rgba(255,193,7,0)}50%{box-shadow:0 0 0 4px rgba(255,193,7,.2)}}.study-room-placement-medal{font-size:calc(18px*var(--font-scale));line-height:1}.study-room-placement-label{font-size:calc(12px*var(--font-scale));font-weight:700;color:#7c5e00;white-space:nowrap}.dark-mode .study-room-placement-label{color:#ffc107}.study-room-prize-panel{background:linear-gradient(135deg,var(--card-bg,#fff),#f0f9ff);border:2px solid #0081a7;border-radius:16px;padding:20px 24px;margin:0 0 16px}@media (min-width:769px){.study-room-prize-panel{min-height:0;overflow-y:auto}}.dark-mode .study-room-prize-panel{background:linear-gradient(135deg,var(--card-bg,#1a1a2e),#0d2137)}.study-room-prize-panel-header{display:flex;align-items:center;grid-gap:12px;gap:12px;margin-bottom:16px}.study-room-prize-panel-medal{font-size:calc(32px*var(--font-scale));line-height:1;flex-shrink:0}.study-room-prize-panel-title{font-size:calc(16px*var(--font-scale));color:var(--text-primary,#1a1a2e);font-weight:600}.study-room-prize-selection-area{margin-top:12px}.study-room-prize-selection-prompt{font-size:calc(15px*var(--font-scale));font-weight:700;color:var(--text-primary,#1a1a2e);margin-bottom:12px}.study-room-prize-window-close{font-weight:400}.study-room-prize-opens-by,.study-room-prize-window-close{font-size:calc(13px*var(--font-scale));color:var(--text-secondary,#777)}.study-room-prize-opens-by{display:block;margin-top:4px}.study-room-prize-error{background:#fef2f2;color:#dc2626;border-radius:8px;padding:8px 12px;font-size:calc(13px*var(--font-scale));margin-bottom:12px}.dark-mode .study-room-prize-error{background:#3b1515;color:#f87171}.study-room-prizes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:16px;gap:16px}.study-room-prize-card{display:flex;flex-direction:column;align-items:center;grid-gap:10px;gap:10px;background:var(--surface-bg,#f8f9fa);border:2px solid var(--border-color,#e5e7eb);border-radius:14px;padding:16px 12px;transition:border-color .2s,transform .2s}.study-room-prize-card:hover{border-color:#0081a7;transform:translateY(-2px)}.study-room-prize-card-img{width:100%;max-width:120px;aspect-ratio:1/1;object-fit:cover;border-radius:10px}.study-room-prize-card-name{font-size:calc(12px*var(--font-scale));font-weight:600;text-align:center;color:var(--text-secondary,#555);line-height:1.4}.study-room-prize-choose-btn{width:100%;padding:10px 8px;background:#0081a7;color:#fff;border:none;border-radius:10px;font-size:calc(13px*var(--font-scale));font-weight:700;cursor:pointer;transition:background .2s}.study-room-prize-choose-btn:hover:not(:disabled){background:#006687}.study-room-prize-choose-btn:disabled{opacity:.6;cursor:not-allowed}.study-room-prize-chosen-info{display:flex;align-items:center;grid-gap:16px;gap:16px;background:var(--surface-bg,#f0f9ff);border-radius:12px;padding:14px 16px}.study-room-prize-chosen-img{width:64px;height:64px;object-fit:cover;border-radius:10px;flex-shrink:0}.study-room-prize-chosen-label{font-size:calc(12px*var(--font-scale));color:var(--text-secondary,#777);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.study-room-prize-chosen-name{font-size:calc(15px*var(--font-scale));font-weight:700;color:var(--text-primary,#1a1a2e)}.study-room-prize-waiting{font-size:calc(14px*var(--font-scale));color:var(--text-secondary,#777);font-style:italic;padding:8px 0}@media (max-width:600px){.study-room-prize-panel{padding:16px}.study-room-prizes-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:12px;gap:12px}.study-room-prize-panel-title{font-size:calc(14px*var(--font-scale))}}.helper-quota-status{margin:0 0 16px;color:var(--text-secondary);font-family:var(--font-primary);font-size:max(16px,calc(16px*var(--font-scale)));font-weight:600;text-align:center}.parent-explain-empty-list{padding:24px 16px;color:var(--text-secondary);font-size:calc(14px*var(--font-scale));line-height:1.6}.parent-explain-empty-list p{margin:0}.parent-explain-item-tags{display:flex;flex-wrap:wrap;align-items:center;grid-gap:6px;gap:6px;margin-bottom:6px}.parent-explain-status-chip{border-radius:9999px;padding:2px 10px;font-size:calc(11px*var(--font-scale));font-weight:600;letter-spacing:.3px;white-space:nowrap;border:1px solid transparent}.parent-explain-status-chip.completed{background:rgba(142,166,4,.15);border-color:var(--green);color:var(--green)}.parent-explain-status-chip.in-progress{background:rgba(0,129,167,.12);border-color:var(--blue);color:var(--blue)}.parent-explain-status-chip.abandoned{background:var(--bg-surface-secondary);border-color:var(--border-medium);color:var(--text-secondary)}.parent-explain-item-flag{font-size:calc(11px*var(--font-scale));color:var(--text-tertiary);font-family:var(--font-mono);letter-spacing:.3px}.parent-explain-load-more-btn{width:100%;margin-top:4px;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-primary);font-size:calc(13px*var(--font-scale));font-weight:600;padding:10px 12px;min-height:44px;cursor:pointer;transition:all .2s ease}.parent-explain-load-more-btn:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text-primary)}.parent-explain-load-more-btn:disabled{opacity:.6;cursor:not-allowed}.parent-explain-inline-error{margin-top:10px;padding:10px 12px;border-radius:var(--radius-sm);background:rgba(167,29,49,.08);border:1px solid var(--red);color:var(--text-primary);font-size:calc(13px*var(--font-scale));line-height:1.5}.parent-explain-load-error{display:flex;flex-direction:column;align-items:center;grid-gap:14px;gap:14px;padding:20px;text-align:center}.parent-explain-load-error p{margin:0}.parent-explain-retry-btn{background:var(--blue);border:none;border-radius:var(--radius-sm);color:var(--text-on-primary);font-family:var(--font-primary);font-size:calc(14px*var(--font-scale));font-weight:600;padding:10px 20px;min-height:44px;cursor:pointer;transition:opacity .2s ease}.parent-explain-retry-btn:hover{opacity:.9}.parent-explain-detail,.parent-explain-overview{display:flex;flex-direction:column;grid-gap:16px;gap:16px;padding:24px;width:100%;flex:1 1;box-sizing:border-box;overflow-y:auto}.parent-explain-back-btn{align-self:flex-start;display:inline-flex;align-items:center;grid-gap:6px;gap:6px;background:none;border:none;color:var(--blue);font-family:inherit;font-size:calc(15px*var(--font-scale));font-weight:600;padding:0;min-height:32px;cursor:pointer}.parent-explain-back-btn:hover{text-decoration:underline}.parent-explain-profile{background:var(--bg-surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;width:100%;box-sizing:border-box}.parent-explain-profile-summary{margin:0;color:var(--text-primary);font-size:calc(15px*var(--font-scale));line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow-y:auto}.parent-explain-profile-empty{margin:0;color:var(--text-secondary);font-size:calc(15px*var(--font-scale));line-height:1.6}.parent-explain-profile-meta{margin-top:12px;font-size:calc(12px*var(--font-scale));color:var(--text-tertiary);font-family:var(--font-mono);letter-spacing:.3px}.parent-explain-overview .parent-desktop-placeholder-text{padding:20px 0}@media (max-width:768px){.parent-explain-detail,.parent-explain-overview,.parent-explain-profile{padding:16px}}.student-explain-type-chip{border-radius:9999px;padding:2px 10px;font-size:calc(11px*var(--font-scale));font-weight:600;letter-spacing:.3px;white-space:nowrap;background:rgba(0,129,167,.08);border:1px solid var(--blue);color:var(--blue)}.student-explain-type-chip.check-answer{background:rgba(142,166,4,.12);border-color:var(--green);color:var(--green)}.student-explain-detail{display:flex;flex-direction:column;grid-gap:16px;gap:16px;padding:24px;width:100%;flex:1 1;box-sizing:border-box;overflow-y:auto}.student-explain-resume-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;grid-gap:12px;gap:12px;padding:14px 16px;background:rgba(0,129,167,.08);border:1px solid var(--blue);border-radius:var(--radius-md)}.student-explain-resume-copy{margin:0;flex:1 1;min-width:180px;color:var(--text-primary);font-size:calc(14px*var(--font-scale));line-height:1.5}.student-explain-resume-btn{background:var(--blue);border:none;border-radius:var(--radius-sm);color:var(--text-on-primary);font-family:var(--font-primary);font-size:calc(14px*var(--font-scale));font-weight:600;padding:10px 18px;min-height:44px;cursor:pointer;transition:opacity .2s ease}.student-explain-resume-btn:hover{opacity:.9}@media (max-width:768px){.student-explain-detail{padding:16px}}.comp-enroll-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.comp-enroll-modal{background:var(--bg-surface);border-radius:20px;padding:32px 28px;max-width:560px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.25);animation:compEnrollSlideIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes compEnrollSlideIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.comp-enroll-header{text-align:center;margin-bottom:24px}.comp-enroll-trophy{font-size:calc(48px*var(--font-scale));line-height:1;margin-bottom:8px}.comp-enroll-title{font-size:calc(24px*var(--font-scale));font-weight:800;color:var(--text-primary);margin:0 0 8px}.comp-enroll-subtitle{font-size:calc(14px*var(--font-scale));color:var(--text-secondary);margin:0;line-height:1.5}.comp-enroll-prizes{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:20px}.comp-enroll-prize-card{display:flex;flex-direction:column;align-items:center;grid-gap:8px;gap:8px}.comp-enroll-prize-img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;border:2px solid var(--border-light)}.comp-enroll-prize-name{font-size:calc(11px*var(--font-scale));font-weight:600;text-align:center;color:var(--text-secondary);line-height:1.3}.comp-enroll-how{background:var(--bg-surface-secondary);border-radius:10px;padding:12px 16px;margin-bottom:20px}.comp-enroll-how p{margin:0;font-size:calc(13px*var(--font-scale));color:var(--text-secondary);line-height:1.5;text-align:center}.comp-enroll-students-label{font-size:calc(13px*var(--font-scale));font-weight:700;color:var(--text-primary);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.comp-enroll-students-list{display:flex;flex-direction:column;grid-gap:8px;gap:8px;margin-bottom:24px}.comp-enroll-student-row{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:10px 14px;background:var(--bg-surface-secondary);border-radius:10px;cursor:pointer;transition:background .15s}.comp-enroll-student-row:hover{background:var(--bg-surface-hover)}.comp-enroll-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#0081a7;flex-shrink:0}.comp-enroll-student-name{font-size:calc(15px*var(--font-scale));font-weight:600;color:var(--text-primary)}.comp-enroll-actions{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.comp-enroll-btn-primary{width:100%;padding:14px;background:#0081a7;color:#fff;border:none;border-radius:12px;font-size:calc(15px*var(--font-scale));font-weight:700;cursor:pointer;transition:background .2s,transform .15s}.comp-enroll-btn-primary:hover:not(:disabled){background:#006687;transform:translateY(-1px)}.comp-enroll-btn-primary:disabled{opacity:.6;cursor:not-allowed}.comp-enroll-btn-secondary{width:100%;padding:12px;background:transparent;color:var(--text-secondary);border:1.5px solid var(--border-light);border-radius:12px;font-size:calc(14px*var(--font-scale));font-weight:600;cursor:pointer;transition:background .2s}.comp-enroll-btn-secondary:hover{background:var(--bg-surface-secondary)}.comp-enroll-all-enrolled{text-align:center}.comp-enroll-all-enrolled p{font-size:calc(15px*var(--font-scale));color:var(--text-secondary);margin-bottom:16px}@media (max-width:480px){.comp-enroll-modal{padding:24px 20px}.comp-enroll-prize-name{font-size:calc(10px*var(--font-scale))}}.parent-tier-modal-overlay{z-index:11000}.parent-code-modal .parent-tier-modal-name{margin:0 0 8px;font-size:calc(16px*var(--font-scale));font-weight:600;color:var(--text-primary);line-height:1.3;overflow-wrap:anywhere}.parent-code-modal .parent-tier-modal-error{margin:0 0 16px;color:var(--red)}.parent-dashboard{min-height:100dvh;width:100vw;display:flex;flex-direction:column;font-family:var(--font-primary);position:relative;isolation:isolate}.parent-header{background:var(--bg-surface);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:20px;margin:0 20px 40px;box-shadow:var(--card-shadow)}.parent-header-content{display:flex;justify-content:space-between;align-items:center;max-width:100%}.parent-logo{display:flex;align-items:center;grid-gap:8px;gap:8px}.parent-logo-text{color:var(--text-primary);font-size:calc(24px*var(--font-scale));font-weight:400;font-family:var(--font-primary)}.parent-settings-container{position:relative}.parent-settings-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.parent-settings-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.parent-settings-btn svg{font-size:calc(24px*var(--font-scale))}.parent-settings-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:var(--bg-surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);min-width:220px;z-index:1000;overflow:hidden}.parent-settings-dropdown-item{display:block;width:100%;padding:18px 24px;background:none;border:none;color:var(--text-primary);text-align:left;font-size:calc(18px*var(--font-scale));font-family:var(--font-primary);cursor:pointer;transition:background-color var(--transition-fast)}.parent-settings-dropdown-item:hover{background:var(--bg-surface-hover)}.parent-settings-dropdown-item:not(:last-child){border-bottom:1px solid var(--border-light)}.parent-content{flex:1 1;padding:0 20px 40px;display:flex;justify-content:center}.parent-container{background:var(--bg-surface);border-radius:var(--radius-lg);padding:20px;width:100%;min-height:400px;box-shadow:var(--card-shadow)}.parent-header-section{border-bottom:3px solid var(--blue);padding-bottom:15px;margin-bottom:25px;justify-content:space-between}.parent-header-left,.parent-header-section{display:flex;align-items:center}.parent-header-left h2{margin:0}.parent-header-section h2{color:var(--text-primary);font-size:calc(28px*var(--font-scale));font-weight:400;margin:0;font-family:var(--font-primary)}.parent-loading{display:flex;justify-content:center;align-items:center;height:200px;color:var(--text-secondary);font-size:calc(18px*var(--font-scale))}.parent-empty-state{text-align:center;color:var(--text-primary);padding:60px 20px}.parent-empty-state p{font-size:calc(18px*var(--font-scale));margin:10px 0}.parent-empty-subtitle{color:var(--text-secondary);font-size:calc(14px*var(--font-scale))!important}.parent-students-list{display:flex;flex-direction:column;grid-gap:15px;gap:15px}.parent-student-card{background:var(--blue);border-radius:var(--radius-sm);padding:20px;cursor:pointer;transition:all .2s ease;border-bottom:3px solid var(--blue-hover);color:var(--text-on-primary)}.parent-student-card:hover{background:var(--blue-hover);transform:translateY(-1px)}.parent-student-name{font-size:calc(20px*var(--font-scale));font-weight:500;margin-bottom:8px}.parent-student-email,.parent-student-name{color:var(--text-on-primary);font-family:var(--font-primary)}.parent-student-email{opacity:.85;font-size:calc(14px*var(--font-scale));font-weight:300}.back-to-students-btn{background:transparent;font-size:calc(16px*var(--font-scale));font-family:var(--font-primary);transition:color var(--transition-fast)}.back-to-students-btn:hover{color:var(--text-primary)}.student-detail-view{display:flex;flex-direction:column;grid-gap:40px;gap:40px;padding:20px 0}.student-detail-info{text-align:center}.student-detail-name{color:var(--text-primary);font-size:calc(32px*var(--font-scale));font-weight:500;margin-bottom:10px;font-family:var(--font-primary)}.parent-add-student-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.parent-add-student-btn svg{font-size:calc(32px*var(--font-scale))}.parent-add-student-btn:hover{color:var(--green);transform:scale(1.1)}.parent-sort-container{display:flex;align-items:center;position:relative}.parent-manage-student-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.parent-manage-student-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.parent-manage-student-btn svg{font-size:calc(24px*var(--font-scale))}.parent-sort-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.parent-sort-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.parent-sort-btn svg{font-size:calc(24px*var(--font-scale))}.parent-sort-order-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.parent-sort-order-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.parent-sort-order-btn svg{font-size:calc(24px*var(--font-scale))}.parent-manage-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:var(--bg-surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);min-width:220px;z-index:1000;overflow:hidden;display:flex;flex-direction:column}.parent-manage-dropdown-item{display:flex;align-items:center;justify-content:center;padding:18px 24px;color:var(--text-primary);font-size:calc(16px*var(--font-scale));font-family:var(--font-primary);background:none;border:none;width:100%;cursor:pointer;transition:background-color var(--transition-fast);text-align:center}.parent-manage-dropdown-item:hover{background:var(--bg-surface-hover)}.parent-manage-dropdown-item.toggle-item{justify-content:space-between}.parent-manage-disclaimer{padding:12px 16px;font-size:calc(16px*var(--font-scale));color:var(--text-tertiary);line-height:1.4;border-top:1px solid var(--border-light);font-style:italic}.toggle-switch{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:44px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:50%;left:0;right:0;height:26px;transform:translateY(-50%);background-color:var(--toggle-bg);transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:var(--toggle-knob);transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--green)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(22px)}.back-to-students-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.back-to-students-btn svg{font-size:calc(32px*var(--font-scale))}.back-to-students-btn:hover{color:var(--green);transform:scale(1.1)}.parent-questions-list{display:flex;flex-direction:column;grid-gap:20px;gap:20px;width:100%}.parent-question-card{border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;grid-gap:10px;gap:10px;cursor:pointer;transition:all .3s ease;margin-bottom:15px;background:var(--bg-surface-hover)}.parent-question-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.parent-answer-header{font-size:calc(18px*var(--font-scale));font-weight:700;color:var(--blue);margin-top:10px}.parent-answer-content,.parent-question-content{padding:10px;font-size:calc(16px*var(--font-scale));line-height:1.6;color:var(--text-primary);background-color:var(--bg-surface-secondary);border-radius:var(--radius-sm)}.parent-feedback{padding:15px;border-radius:var(--radius-sm);margin-top:10px}.parent-feedback.correct{background-color:var(--green-30);border:1px solid var(--green)}.parent-feedback.incorrect{background-color:var(--red-30);border:1px solid var(--red)}.parent-feedback strong{display:block;margin-bottom:8px;font-size:calc(16px*var(--font-scale));color:var(--text-primary)}.parent-feedback p{margin:0;font-size:calc(14px*var(--font-scale));line-height:1.5;color:var(--text-secondary)}.parent-date-section{margin-bottom:30px}.parent-date-header{font-size:calc(16px*var(--font-scale));font-weight:600;color:var(--blue);margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.parent-question-time{font-size:calc(12px*var(--font-scale));color:var(--text-tertiary);text-align:right;margin-top:5px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px;box-sizing:border-box}.parent-code-modal{background:var(--bg-surface);border-radius:var(--radius-lg);padding:40px;width:90%;max-width:400px;color:var(--text-primary);font-family:var(--font-primary);text-align:center;box-shadow:var(--shadow-xl);border:1px solid var(--border-light)}.parent-code-modal h2{color:var(--text-primary);margin:0 0 15px;font-size:calc(24px*var(--font-scale));font-weight:600;font-family:var(--font-heading)}.parent-code-modal p{color:var(--text-secondary);margin:0 0 30px;font-size:calc(14px*var(--font-scale));line-height:1.4}.parent-code-display{background:var(--bg-surface-secondary);border-radius:var(--radius-sm);padding:20px;font-size:calc(32px*var(--font-scale));font-family:var(--font-mono);color:var(--blue);font-weight:700;letter-spacing:4px;margin-bottom:30px;border:2px solid var(--border-light)}.create-student-modal{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}.student-toggle-row{display:flex;align-items:center;justify-content:space-between;grid-gap:14px;gap:14px;margin:0 0 8px;text-align:left}.student-toggle-label{cursor:pointer;font-size:calc(15px*var(--font-scale));color:var(--text-primary);line-height:1.35}.create-student-modal .student-toggle-hint{margin:0 0 20px;text-align:left;font-size:calc(13px*var(--font-scale));line-height:1.45}.student-credentials-form{padding-top:16px}.student-credentials-form .save-button{width:100%}@media (max-width:480px){.parent-code-modal{width:100%;padding:28px 20px}.student-toggle-row{align-items:flex-start}}.create-student-competition-opt{display:flex;align-items:center;grid-gap:10px;gap:10px;margin:4px 0 16px;cursor:pointer;font-size:calc(14px*var(--font-scale));font-weight:600;color:#b8860b}[data-theme=dark] .create-student-competition-opt{color:#f0c040}.create-student-competition-opt input[type=checkbox]{width:17px;height:17px;accent-color:#b8860b;cursor:pointer;flex-shrink:0}.modal-actions{display:flex;flex-direction:column;align-items:center;grid-gap:16px;gap:16px}.close-button{background:var(--bg-surface-hover);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-primary);padding:12px 40px;font-size:calc(16px*var(--font-scale));font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-fast)}.close-button:hover{background:var(--bg-surface-secondary)}.phone-input{width:100%;padding:15px;font-size:calc(18px*var(--font-scale));border:2px solid var(--border-input);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-primary);margin-bottom:30px;box-sizing:border-box}.phone-input:focus{outline:none;border-color:var(--border-input-focus)}.save-button{background:var(--blue);border:none;border-radius:var(--radius-sm);color:var(--text-on-primary);padding:12px 40px;font-size:calc(16px*var(--font-scale));font-family:var(--font-primary);cursor:pointer;transition:background-color var(--transition-fast);font-weight:600}.save-button:hover{background:var(--blue-hover)}.save-button:disabled{background:var(--toggle-bg);cursor:not-allowed;color:var(--text-tertiary)}.sms-consent-container{margin-bottom:20px;text-align:left}.sms-consent-label{display:flex;align-items:flex-start;grid-gap:12px;gap:12px;cursor:pointer}.sms-consent-checkbox{margin-top:4px;width:18px;height:18px;cursor:pointer;flex-shrink:0}.sms-consent-text{font-size:calc(13px*var(--font-scale));line-height:1.5}.sms-consent-text,.student-detail-email{color:var(--text-secondary);font-family:var(--font-primary)}.student-detail-email{font-size:calc(16px*var(--font-scale));font-weight:300}.student-courses-section{margin-top:20px}.courses-title{color:var(--text-primary);font-size:calc(22px*var(--font-scale));font-weight:400;margin-bottom:20px;text-align:center;font-family:var(--font-primary)}.no-courses{text-align:center;color:var(--text-secondary);font-size:calc(16px*var(--font-scale));padding:40px 20px}.parent-courses-list{display:flex;flex-direction:column;grid-gap:15px;gap:15px}.parent-course-card{background:var(--blue-30);border-radius:var(--radius-sm);padding:20px;border-bottom:3px solid var(--blue)}.parent-course-code{color:var(--text-primary);font-size:calc(18px*var(--font-scale));font-weight:500;margin-bottom:8px;font-family:var(--font-primary)}.parent-course-name{color:var(--text-secondary);font-size:calc(15px*var(--font-scale));font-weight:300;line-height:1.3;font-family:var(--font-primary)}.student-input{width:100%;padding:15px;font-size:calc(16px*var(--font-scale));border:2px solid var(--border-input);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-primary);margin-bottom:20px;box-sizing:border-box;transition:border-color var(--transition-fast)}.student-input:focus{outline:none;border-color:var(--border-input-focus)}.student-input::placeholder{color:var(--input-placeholder)}.password-field-wrapper{position:relative;width:100%;margin-bottom:20px}.password-field-wrapper .student-input{margin-bottom:0;padding-right:60px}.password-toggle-modal{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--blue);font-size:calc(14px*var(--font-scale));font-family:var(--font-primary);cursor:pointer;padding:4px 8px;font-weight:500}.password-toggle-modal:hover{color:var(--blue-hover)}.password-toggle-modal:disabled{color:var(--text-tertiary);cursor:not-allowed}.parent-code-link-button{background:transparent;border:2px solid var(--blue);border-radius:var(--radius-sm);color:var(--blue);padding:12px 40px;font-size:calc(16px*var(--font-scale));font-family:var(--font-primary);cursor:pointer;transition:all .2s ease}.parent-code-link-button:hover{background:var(--blue);color:var(--text-on-primary)}.parent-code-link-button:disabled{border-color:var(--border-light);color:var(--text-tertiary);cursor:not-allowed}.parent-code-link-button:disabled:hover{background:transparent}@media (min-width:768px) and (max-width:1024px){.parent-container{max-width:500px;padding:40px 30px}.parent-course-card,.parent-student-card{padding:25px}}@media (max-width:767px) and (orientation:landscape){.parent-header{margin-bottom:20px}.parent-container{min-height:300px}}@media (max-width:360px){.parent-content{padding:0 15px}.parent-container{padding:25px 15px}.parent-course-card,.parent-student-card{padding:15px}.parent-student-name{font-size:calc(18px*var(--font-scale))}.student-detail-name{font-size:calc(24px*var(--font-scale))}}.parent-dashboard-desktop{min-height:100dvh;width:100%;max-width:100%;display:flex;flex-direction:row;font-family:var(--font-primary);position:relative;isolation:isolate}.parent-desktop-side-menu{width:12%;min-width:150px;background:var(--bg-surface);display:flex;flex-direction:column;color:var(--text-primary);min-height:100%;border-radius:var(--radius-lg);box-shadow:var(--card-shadow);margin:20px;border:1px solid var(--border-light)}.parent-desktop-menu-header{padding:30px 20px;border-bottom:none}.parent-desktop-header-line-one{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;grid-gap:12px;gap:12px;margin-bottom:8px}.parent-desktop-logo-icon{width:28px;height:28px}[data-theme=dark] .parent-desktop-logo-icon{filter:brightness(0) invert(1)}.parent-desktop-app-name{font-size:calc(24px*var(--font-scale));font-weight:700;color:var(--blue);font-family:var(--font-primary)}[data-theme=dark] .parent-desktop-app-name{color:#fff}.parent-desktop-header-line-two{display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px}.parent-desktop-role-label{font-size:calc(14px*var(--font-scale));color:var(--text-tertiary);font-weight:400;font-family:var(--font-primary)}.parent-desktop-menu-items{flex:1 1;padding:20px 0}.parent-desktop-menu-bottom{padding:20px 0;border-top:1px solid var(--border-light)}.parent-desktop-side-menu-item{display:block;width:100%;padding:12px 20px;background:transparent;color:var(--text-primary);text-align:left;font-size:calc(14px*var(--font-scale));font-family:var(--font-primary);cursor:pointer;transition:all .2s ease;margin-bottom:2px;border:none;border-left:3px solid transparent}.parent-desktop-side-menu-item.logout-item{text-align:center;color:var(--text-secondary)}.parent-desktop-side-menu-item:hover{background-color:var(--bg-surface-hover)}.parent-desktop-side-menu-item.logout-item:hover{background-color:var(--red-30);color:var(--red)}.parent-desktop-side-menu-item.selected{background-color:var(--blue-10);border-right:4px solid var(--blue);color:var(--blue);font-weight:600}.parent-desktop-side-menu-item.comp-menu-item{color:#b8860b;font-weight:600}[data-theme=dark] .parent-desktop-side-menu-item.comp-menu-item{color:#f0c040}.parent-desktop-side-menu-item.comp-menu-item:hover{background-color:rgba(184,134,11,.1)}[data-theme=dark] .parent-desktop-side-menu-item.comp-menu-item:hover{background-color:rgba(240,192,64,.12)}.parent-desktop-main-content{background-color:initial;min-height:100dvh;max-height:100dvh;width:88%;min-width:0;display:flex;flex-direction:column;overflow-y:auto}.parent-desktop-loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:calc(18px*var(--font-scale));color:var(--text-secondary)}.parent-desktop-students-browser{background:var(--bg-surface);border-radius:var(--radius-lg);width:calc(100% - 20px);height:calc(100% - 40px);margin:20px 20px 20px 0;display:flex;justify-content:flex-start;align-items:flex-start;box-shadow:var(--card-shadow);border:1px solid var(--border-light)}.parent-desktop-students-grid{padding:40px 20px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:20px;gap:20px;max-width:100%}.parent-desktop-student-card{background:var(--bg-surface-secondary);border-radius:var(--radius-md);padding:20px;color:var(--text-primary);min-height:120px;display:flex;flex-direction:column;justify-content:center;cursor:pointer;transition:all .3s ease;border:2px solid var(--border-light)}.parent-desktop-student-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--blue)}.parent-desktop-add-student-card{display:none}.parent-desktop-student-name{font-size:calc(20px*var(--font-scale));font-weight:500;margin-bottom:8px;font-family:var(--font-primary);color:var(--text-primary)}.parent-desktop-student-email{font-size:calc(14px*var(--font-scale));color:var(--text-secondary);font-family:var(--font-primary)}.parent-desktop-student-tier{display:flex;align-items:center;justify-content:space-between;grid-gap:8px;gap:8px;margin-top:10px}.parent-desktop-student-tier-label{min-width:0;font-size:calc(14px*var(--font-scale));font-weight:600;line-height:1.2;color:var(--text-primary);font-family:var(--font-primary)}.parent-desktop-student-tier-action{flex-shrink:0}.parent-billing-summary-error-slot{width:calc(100% - 20px);margin:20px 20px 0 0;box-sizing:border-box}.parent-billing-summary-error{display:flex;align-items:center;justify-content:space-between;grid-gap:12px;gap:12px;padding:10px 12px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:calc(14px*var(--font-scale));font-family:var(--font-primary);line-height:1.3}.parent-billing-summary-error-text{min-width:0}.parent-billing-summary-dismiss{background:transparent;border:none;color:var(--blue);font-family:var(--font-primary);font-size:calc(14px*var(--font-scale));font-weight:600;cursor:pointer;padding:8px 4px;min-height:44px;flex-shrink:0}.parent-desktop-empty-state{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;color:var(--text-primary);text-align:center;padding:40px}.parent-desktop-empty-state p{margin:0 0 8px;font-size:calc(18px*var(--font-scale))}.parent-desktop-empty-subtitle{font-size:calc(14px*var(--font-scale))!important;color:var(--text-secondary)}.parent-desktop-student-menu-bar{background:var(--bg-surface);border-radius:var(--radius-lg);padding:15px 25px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;color:var(--text-primary);box-shadow:var(--card-shadow);border:1px solid var(--border-light);min-height:70px;width:calc(100% - 20px);margin:20px 20px 20px 0;box-sizing:border-box}.parent-desktop-breadcrumb{display:flex;align-items:center;grid-gap:12px;gap:12px;font-size:calc(18px*var(--font-scale))}.parent-desktop-back-button{background:transparent;border:none;color:var(--text-secondary);font-size:calc(18px*var(--font-scale));font-family:var(--font-primary);cursor:pointer;transition:color .3s ease}.parent-desktop-back-button:hover{color:var(--blue)}.parent-desktop-breadcrumb-separator{color:var(--text-tertiary);font-size:calc(18px*var(--font-scale))}.parent-desktop-current-student{font-weight:700;color:var(--text-primary)}.parent-desktop-menu-buttons{display:flex;align-items:center;flex-wrap:wrap;grid-gap:0;gap:0}.parent-desktop-menu-item{background:transparent;border:none;color:var(--text-secondary);padding:12px 16px;font-size:calc(14px*var(--font-scale));font-family:var(--font-primary);cursor:pointer;transition:all .3s ease;border-radius:var(--radius-sm);white-space:nowrap;margin:0 4px}.parent-desktop-menu-item:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.parent-desktop-menu-item.selected{background-color:var(--blue);color:var(--text-on-primary);font-weight:600}.parent-desktop-view-work-layout{display:flex;flex-direction:row;flex:1 1;width:calc(100% - 20px);max-height:calc(100dvh - 130px);margin-right:20px;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-surface);border:1px solid var(--border-light);box-shadow:var(--card-shadow)}.parent-desktop-questions-menu{width:16%;min-width:220px;max-height:100%;display:flex;flex-direction:column;background:var(--bg-surface-secondary);border-radius:var(--radius-lg) var(--radius-sm) var(--radius-sm) var(--radius-lg);overflow:hidden;border-right:1px solid var(--border-light)}.parent-desktop-questions-menu-header{height:60px;background:var(--bg-surface);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.parent-desktop-questions-title{font-size:clamp(calc(10px*var(--font-scale)),1.2vw,calc(18px*var(--font-scale)));font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-primary);max-width:60%}.parent-desktop-questions-menu-controls{display:flex;align-items:center;grid-gap:4px;gap:4px}.parent-desktop-questions-list-scroll{flex:1 1;overflow-y:auto;padding:10px}.parent-desktop-date-section{background:var(--bg-surface);border-radius:var(--radius-sm);margin-bottom:24px;width:100%;border:1px solid var(--border-light)}.parent-desktop-date-header{background:var(--bg-surface-secondary);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-radius:var(--radius-sm) var(--radius-sm) 0 0;font-size:calc(14px*var(--font-scale));font-weight:600;color:var(--text-secondary);padding:8px 12px;text-transform:capitalize;letter-spacing:.5px;border-bottom:1px solid var(--border-light)}.parent-desktop-question-item{min-height:50px;align-content:center;padding:12px 16px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.parent-desktop-question-item:hover{background:var(--bg-surface-hover)}.parent-desktop-question-item.selected{background:var(--blue-10);border-right:4px solid var(--blue)}.parent-desktop-question-preview{color:var(--text-primary);font-size:calc(14px*var(--font-scale));line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.parent-desktop-answers-viewer{width:84%;flex:1 1;border-radius:0 var(--radius-lg) var(--radius-lg) 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;overflow-y:auto}.parent-desktop-sort-container{display:flex;flex-direction:row;position:relative}.parent-desktop-sort-button{background:transparent;border:1px solid var(--border-light);color:var(--text-secondary);width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease}.parent-desktop-sort-button:hover{background:var(--bg-surface-hover);color:var(--blue)}.parent-desktop-sort-order-button{background:none;border:none;color:var(--text-secondary);width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease}.parent-desktop-sort-order-button:hover{color:var(--blue)}.parent-desktop-sort-dropdown{position:absolute;top:100%;right:0;background:var(--bg-surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);min-width:160px;z-index:1000;margin-top:4px}.parent-desktop-sort-dropdown .dropdown-item{padding:12px 16px;color:var(--text-primary);cursor:pointer;transition:background-color .2s ease;font-size:calc(14px*var(--font-scale));font-family:var(--font-primary)}.parent-desktop-sort-dropdown .dropdown-item:hover{background-color:var(--bg-surface-hover)}.parent-desktop-sort-dropdown .dropdown-item:first-child{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.parent-desktop-sort-dropdown .dropdown-item:last-child{border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.parent-desktop-question-detail{display:flex;flex-direction:row;grid-gap:24px;gap:24px;padding:24px;width:100%;flex:1 1;box-sizing:border-box;overflow-y:auto}.parent-desktop-detail-left-column{width:60%;display:flex;flex-direction:column;grid-gap:20px;gap:20px;overflow-y:auto}.parent-desktop-detail-right-column{width:40%;display:flex;flex-direction:column;grid-gap:20px;gap:20px;flex-shrink:0}.parent-desktop-question-image-container{background:var(--bg-surface);border-radius:var(--radius-md);padding:16px;display:flex;justify-content:center;align-items:center;max-height:300px;overflow:hidden;border:1px solid var(--border-light)}.parent-desktop-question-image{max-width:100%;max-height:268px;object-fit:contain;border-radius:var(--radius-sm)}.parent-desktop-answer-section,.parent-desktop-attempts-section,.parent-desktop-feedback-section,.parent-desktop-question-text-section,.parent-desktop-summary-section,.parent-desktop-videos-section{background:var(--bg-surface-secondary);border-radius:var(--radius-md);padding:16px 20px;border:1px solid var(--border-light)}.parent-desktop-detail-label{font-size:calc(14px*var(--font-scale));font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;display:flex;align-items:center;grid-gap:12px;gap:12px}.parent-desktop-detail-content{color:var(--text-primary);font-size:calc(18px*var(--font-scale));line-height:1.6}.parent-desktop-detail-content.feedback-text,.parent-desktop-detail-content.summary-text{font-size:calc(15px*var(--font-scale));color:var(--text-secondary);line-height:1.6}.parent-desktop-result-badge{font-size:calc(11px*var(--font-scale));padding:4px 10px;border-radius:var(--radius-full);font-weight:700;text-transform:uppercase}.parent-desktop-result-badge.correct{background:var(--green-30);color:var(--green);border:1px solid var(--green)}.parent-desktop-result-badge.incorrect{background:var(--red-30);color:var(--red);border:1px solid var(--red)}.parent-desktop-attempts-list{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.parent-desktop-attempt-card{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-light)}.parent-desktop-attempt-layout{display:flex;flex-direction:row;align-items:flex-start}.parent-desktop-attempt-status-icon{display:flex;align-items:center;justify-content:center;width:60px;align-self:stretch;border-radius:var(--radius-md) 0 0 var(--radius-md)}.parent-desktop-attempt-status-icon.correct{background:var(--green-30);color:var(--green);border:none!important}.parent-desktop-attempt-status-icon.incorrect{background:var(--red-30);color:var(--red);border:none!important}.parent-desktop-attempt-status-icon svg{font-size:calc(36px*var(--font-scale))}.parent-desktop-attempt-main-content{flex:1 1;min-width:0;padding:16px}.parent-desktop-attempt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.parent-desktop-attempt-header .attempt-number{font-size:calc(14px*var(--font-scale));font-weight:700;color:var(--text-secondary)}.parent-desktop-attempt-content-vertical{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.parent-desktop-attempt-answer{width:100%}.parent-desktop-attempt-answer .attempt-answer-label,.parent-desktop-attempt-feedback .attempt-feedback-label{font-size:calc(11px*var(--font-scale));font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.parent-desktop-attempt-answer .attempt-answer-content{color:var(--text-primary);font-size:calc(16px*var(--font-scale));line-height:1.5}.parent-desktop-attempt-feedback{width:100%;background:var(--bg-surface-secondary);border-radius:var(--radius-sm);padding:12px 16px}.parent-desktop-attempt-feedback .attempt-feedback-content{color:var(--text-secondary);font-size:calc(14px*var(--font-scale));line-height:1.6}.parent-desktop-videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:16px;gap:16px}.parent-desktop-video-card{background:var(--bg-surface);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-light)}.parent-desktop-video-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.parent-desktop-video-thumbnail{position:relative;width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,var(--bg-surface-hover),var(--bg-surface-secondary));display:flex;justify-content:center;align-items:center}.parent-desktop-video-thumbnail img{width:100%;height:100%;object-fit:cover}.parent-desktop-video-play-icon{font-size:calc(32px*var(--font-scale));color:var(--text-secondary)}.parent-desktop-video-platform{position:absolute;bottom:6px;right:6px;background:rgba(0,0,0,.7);color:var(--text-on-primary);font-size:calc(10px*var(--font-scale));padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:700}.parent-desktop-video-title{padding:10px 12px;color:var(--text-primary);font-size:calc(13px*var(--font-scale));line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.parent-desktop-attempt-item{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:10px 14px;background:var(--bg-surface-secondary);border-radius:var(--radius-sm);border-left:3px solid transparent}.parent-desktop-attempt-item.correct{border-left-color:var(--green)}.parent-desktop-attempt-item.incorrect{border-left-color:var(--red)}.parent-desktop-attempt-item .attempt-number{font-size:calc(12px*var(--font-scale));font-weight:700;color:var(--text-tertiary);min-width:24px}.parent-desktop-attempt-item .attempt-answer{flex:1 1;color:var(--text-primary);font-size:calc(14px*var(--font-scale))}.parent-desktop-attempt-item .attempt-result{font-size:calc(16px*var(--font-scale));font-weight:700}.parent-desktop-attempt-item .attempt-result.correct{color:var(--green)}.parent-desktop-attempt-item .attempt-result.incorrect{color:var(--red)}.parent-desktop-question-timestamp{font-size:calc(11px*var(--font-scale));color:var(--text-tertiary);letter-spacing:.5px;margin-top:-8px;margin-bottom:12px;justify-self:left}.parent-desktop-placeholder-text{color:var(--text-tertiary);font-size:calc(16px*var(--font-scale));padding:40px;text-align:center;width:100%}.parent-desktop-empty-questions{display:flex;justify-content:center;align-items:center;height:300px;color:var(--text-secondary);font-size:calc(18px*var(--font-scale));background:var(--bg-surface);border-radius:var(--radius-lg);width:calc(100% - 20px);margin-right:20px;border:1px solid var(--border-light);box-shadow:var(--card-shadow)}.parent-desktop-empty-questions p{margin:0}.parent-desktop-settings-content{border-radius:var(--radius-lg);width:calc(100% - 20px);margin-right:20px;padding:20px;background:var(--bg-surface);flex:1 1;border:1px solid var(--border-light);box-shadow:var(--card-shadow)}.parent-desktop-settings-browser{overflow-y:auto;align-items:flex-start}.parent-desktop-settings-browser .parent-desktop-settings-content{background:transparent;border:none;box-shadow:none;border-radius:0;padding:30px;margin-right:0;width:100%;box-sizing:border-box}.parent-desktop-settings-section{background:var(--bg-surface-secondary);border-radius:var(--radius-md);padding:20px;max-width:500px;border:1px solid var(--border-light);margin-bottom:16px}.parent-desktop-settings-item{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border-light)}.parent-desktop-settings-label{color:var(--text-primary);font-size:calc(16px*var(--font-scale));font-family:var(--font-primary);flex:1 1;margin-right:16px;line-height:1.35}.parent-desktop-settings-control{display:flex;align-items:center}.parent-desktop-settings-disclaimer{padding:16px 0 0;font-size:calc(14px*var(--font-scale));color:var(--text-secondary);line-height:1.5}.parent-desktop-student-view-btn{background:var(--blue);color:var(--text-on-primary);border-radius:8px;margin-left:10px;font-weight:700}.parent-desktop-student-view-btn:hover:not(:disabled){background:var(--blue-hover);color:var(--text-on-primary)}.parent-desktop-student-view-btn:disabled{opacity:.7;cursor:not-allowed}.parent-desktop-pin-state{font-size:calc(14px*var(--font-scale));font-weight:700}.parent-desktop-pin-state--on{color:var(--green)}.parent-desktop-pin-actions{display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px;padding-top:16px}.parent-settings-action-btn{font-size:calc(0.85rem*var(--font-scale));padding:10px 14px;min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.parent-desktop-view-chat-btn{background:var(--blue);color:var(--text-on-primary);border:none;border-radius:var(--radius-sm);padding:10px 16px;font-size:calc(14px*var(--font-scale));font-family:var(--font-primary);cursor:pointer;margin-top:12px;transition:background-color .2s ease,opacity .2s ease;font-weight:600}.parent-desktop-view-chat-btn:hover:not(.disabled){background:var(--blue-hover)}.parent-desktop-view-chat-btn.disabled{background:var(--toggle-bg);cursor:not-allowed;opacity:.7;color:var(--text-tertiary)}.chat-conversation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.chat-conversation-modal{background-color:var(--bg-surface);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;font-family:var(--font-primary);overflow:hidden;border:1px solid var(--border-light);box-shadow:var(--shadow-xl)}.chat-conversation-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-light)}.chat-conversation-modal-header h2{color:var(--text-primary);font-size:calc(20px*var(--font-scale));font-weight:600;margin:0;font-family:var(--font-heading)}.chat-conversation-modal-close{background:none;border:none;color:var(--text-secondary);font-size:calc(28px*var(--font-scale));cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.chat-conversation-modal-close:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.chat-conversation-modal-messages{flex:1 1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;grid-gap:16px;gap:16px}.chat-conversation-message{padding:12px 16px;border-radius:var(--radius-md);max-width:85%}.chat-conversation-message.user-message{background:var(--blue-10);align-self:flex-end;border:1px solid var(--blue-30)}.chat-conversation-message.assistant-message{background:var(--bg-surface-secondary);align-self:flex-start;border:1px solid var(--border-light)}.chat-conversation-message-role{font-size:calc(12px*var(--font-scale));color:var(--text-tertiary);margin-bottom:6px;font-weight:600;text-transform:uppercase}.chat-conversation-message-content{color:var(--text-primary);font-size:calc(14px*var(--font-scale));line-height:1.5;white-space:pre-wrap}.parent-desktop-mobile-back-to-questions{display:none}.parent-desktop-manage-work-content{display:flex;flex:1 1;max-height:calc(100dvh - 130px)}.manage-work-add-page-header-btn{background:var(--blue);border:none;border-radius:var(--radius-sm);color:var(--text-on-primary);padding:6px 12px;font-size:calc(13px*var(--font-scale));font-weight:600;font-family:var(--font-primary);cursor:pointer;transition:opacity .2s ease;white-space:nowrap}.manage-work-add-page-header-btn:hover{opacity:.85}.manage-work-add-page-header-btn:disabled{background:var(--toggle-bg);cursor:not-allowed;opacity:1;color:var(--text-tertiary)}.manage-work-progress-banner{padding:10px 14px 12px;border-bottom:1px solid var(--border-light);background:var(--bg-surface-secondary)}.manage-work-progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.manage-work-progress-step{color:var(--text-tertiary)}.manage-work-progress-pct,.manage-work-progress-step{font-size:calc(12px*var(--font-scale));font-family:var(--font-primary)}.manage-work-progress-pct{font-weight:600;color:var(--blue)}.manage-work-progress-track{width:100%;height:5px;background:var(--border-light);border-radius:3px;overflow:hidden}.manage-work-progress-fill{height:100%;background:linear-gradient(90deg,var(--blue),var(--green));border-radius:3px;transition:width .4s ease-out}.manage-work-page-menu-count{color:var(--text-tertiary);font-size:calc(11px*var(--font-scale));margin-top:4px}.manage-work-menu-empty{color:var(--text-tertiary);font-size:calc(13px*var(--font-scale));text-align:center;padding:24px 16px;line-height:1.5}.manage-work-page-detail{display:flex;flex-direction:column;width:100%;height:100%;overflow-y:auto}.manage-work-page-detail-header{padding:28px 32px 16px;border-bottom:1px solid var(--border-light);background:var(--bg-surface);position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.manage-work-page-detail-header-center{position:absolute;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;grid-gap:4px;gap:4px;text-align:center;pointer-events:none}.manage-work-page-detail-header-actions{display:flex;flex-direction:row;align-items:center;grid-gap:8px;gap:8px;flex-shrink:0}.manage-work-page-detail-title{font-size:calc(22px*var(--font-scale));font-weight:700;color:var(--text-primary);font-family:var(--font-primary)}.manage-work-page-detail-description{font-size:calc(14px*var(--font-scale));color:var(--text-tertiary);line-height:1.5}.manage-work-delete-page-btn{background:transparent;border:1px solid var(--red-30);border-radius:var(--radius-sm);color:var(--red);padding:6px 14px;font-size:calc(13px*var(--font-scale));font-weight:600;font-family:var(--font-primary);cursor:pointer;transition:all .2s ease}.manage-work-delete-page-btn:hover{background:var(--red-30)}.manage-work-delete-confirm-label{color:var(--text-secondary);white-space:nowrap}.manage-work-delete-confirm-btn,.manage-work-delete-confirm-label{font-size:calc(13px*var(--font-scale));font-family:var(--font-primary)}.manage-work-delete-confirm-btn{background:var(--red);border:none;border-radius:var(--radius-sm);color:var(--text-on-primary);padding:6px 14px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.manage-work-delete-confirm-btn:hover{opacity:.85}.manage-work-delete-cancel-btn{background:transparent;border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);padding:6px 14px;font-size:calc(13px*var(--font-scale));font-weight:600;font-family:var(--font-primary);cursor:pointer;transition:all .2s ease}.manage-work-delete-cancel-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.manage-work-page-detail-questions{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;padding:20px 24px 32px}.manage-work-page-detail-question-card{display:flex;flex-direction:column;grid-gap:10px;gap:10px;background:var(--bg-surface-secondary);border-radius:var(--radius-md);padding:14px 16px;aspect-ratio:4/3;overflow:hidden;transition:all .2s ease;border:1px solid var(--border-light)}.manage-work-page-detail-question-card:hover{background:var(--bg-surface-hover);border-color:var(--border-medium)}.manage-work-page-detail-question-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;grid-gap:8px;gap:8px}.manage-work-page-detail-question-number{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--blue-10);color:var(--blue);font-size:calc(11px*var(--font-scale));font-weight:700;font-family:var(--font-primary);display:flex;align-items:center;justify-content:center}.manage-work-page-detail-question-text{flex:1 1;display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:calc(14px*var(--font-scale));line-height:1.5;overflow:hidden}.manage-work-no-page-selected{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-tertiary);font-size:calc(15px*var(--font-scale));font-family:var(--font-primary)}.manage-work-main{display:flex;flex-direction:column;grid-gap:20px;gap:20px}.manage-work-section{background:var(--bg-surface);border-radius:var(--radius-md);padding:24px;border:1px solid var(--border-light)}.manage-work-section-header{display:flex;align-items:flex-start;justify-content:space-between;grid-gap:16px;gap:16px;margin-bottom:16px}.manage-work-section-title-group{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.manage-work-section h3{color:var(--text-primary);font-size:calc(18px*var(--font-scale));font-weight:700;margin:0;font-family:var(--font-primary);letter-spacing:.01em}.manage-work-section p{color:var(--text-tertiary);font-size:calc(13px*var(--font-scale));margin:0;line-height:1.5}.manage-work-upload-btn{background:var(--blue);border:none;border-radius:var(--radius-sm);color:var(--text-on-primary);padding:10px 20px;font-size:calc(14px*var(--font-scale));font-weight:600;font-family:var(--font-primary);cursor:pointer;transition:opacity .2s ease,transform .15s ease;white-space:nowrap;flex-shrink:0}.manage-work-upload-btn:hover{opacity:.88;transform:translateY(-1px)}.manage-work-upload-btn:disabled{background:var(--toggle-bg);cursor:not-allowed;opacity:1;transform:none;color:var(--text-tertiary)}.manage-work-textbooks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:14px;gap:14px;margin-top:4px}.manage-work-textbook-card{background:var(--bg-surface-secondary);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-light)}.manage-work-textbook-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-medium)}.manage-work-textbook-cover{width:100%;height:160px;object-fit:cover}.manage-work-textbook-info{padding:12px 14px}.manage-work-textbook-title{color:var(--text-primary);font-size:calc(14px*var(--font-scale));font-weight:600;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.manage-work-textbook-subject{color:var(--text-tertiary);font-size:calc(12px*var(--font-scale));font-weight:500;text-transform:uppercase;letter-spacing:.04em}.manage-work-empty,.manage-work-loading{color:var(--text-tertiary);font-size:calc(14px*var(--font-scale));padding:24px 0 8px;text-align:center}.manage-work-section-divider{height:1px;background:var(--border-light);margin:16px 0}.manage-work-review{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.manage-work-review-header{display:flex;align-items:center;grid-gap:16px;gap:16px;background:var(--bg-surface);border-radius:var(--radius-md);padding:16px 20px;border:1px solid var(--border-light)}.manage-work-review-header h3{color:var(--text-primary);font-size:calc(20px*var(--font-scale));font-weight:700;margin:0;font-family:var(--font-primary)}.manage-work-back-btn{background:var(--bg-surface-hover);border:none;color:var(--blue);font-size:calc(14px*var(--font-scale));font-weight:600;cursor:pointer;padding:7px 14px;font-family:var(--font-primary);border-radius:var(--radius-sm);transition:background .2s ease;white-space:nowrap;flex-shrink:0}.manage-work-back-btn:hover{background:var(--bg-surface-secondary)}.manage-work-questions-list{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.manage-work-question-item{display:flex;align-items:flex-start;grid-gap:14px;gap:14px;background:var(--bg-surface);border-radius:var(--radius-md);padding:16px 18px;border:2px solid transparent;transition:border-color .2s ease,background .2s ease;cursor:pointer}.manage-work-question-item:hover{background:var(--bg-surface-hover)}.manage-work-question-item.selected{border-color:var(--blue);background:var(--blue-10)}.manage-work-question-checkbox{margin-top:3px;flex-shrink:0}.manage-work-question-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--blue)}.manage-work-question-content{flex:1 1;min-width:0;color:var(--text-primary)}.manage-work-question-meta{display:flex;grid-gap:8px;gap:8px;margin-top:10px;flex-wrap:wrap;align-items:center}.manage-work-tag{background:var(--blue-10);color:var(--blue);padding:3px 10px;border-radius:var(--radius-full);font-size:calc(11px*var(--font-scale));font-weight:700;letter-spacing:.03em;text-transform:uppercase}.manage-work-difficulty{color:var(--text-tertiary);font-size:calc(12px*var(--font-scale));text-transform:capitalize}.manage-work-save-btn{background:var(--blue);border:none;border-radius:var(--radius-md);color:var(--text-on-primary);padding:14px 28px;font-size:calc(15px*var(--font-scale));font-weight:700;font-family:var(--font-primary);cursor:pointer;transition:opacity .2s ease,transform .15s ease;align-self:flex-start}.manage-work-save-btn:hover{opacity:.88;transform:translateY(-1px)}.manage-work-save-btn:disabled{background:var(--toggle-bg);cursor:not-allowed;opacity:1;transform:none;color:var(--text-tertiary)}.manage-work-textbook-detail{display:flex;flex-direction:column;grid-gap:14px;gap:14px}.manage-work-textbook-authors{color:var(--text-tertiary);font-size:calc(14px*var(--font-scale));font-style:italic;padding:0 2px}.manage-work-pages-header{display:flex;justify-content:space-between;align-items:center;background:var(--bg-surface);border-radius:var(--radius-md);padding:14px 18px;border:1px solid var(--border-light)}.manage-work-pages-header span{color:var(--text-primary);font-size:calc(16px*var(--font-scale));font-weight:700;font-family:var(--font-primary)}.manage-work-add-page-btn{background:var(--blue);border:none;border-radius:var(--radius-sm);color:var(--text-on-primary);padding:8px 18px;font-size:calc(13px*var(--font-scale));font-weight:600;font-family:var(--font-primary);cursor:pointer;transition:opacity .2s ease}.manage-work-add-page-btn:hover{opacity:.88}.manage-work-add-page-btn:disabled{background:var(--toggle-bg);cursor:not-allowed;opacity:1;color:var(--text-tertiary)}.manage-work-pages-list{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.manage-work-page-card{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-light);overflow:hidden;transition:border-color .2s ease}.manage-work-page-card:hover{border-color:var(--border-medium)}.manage-work-page-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease;grid-gap:12px;gap:12px}.manage-work-page-header:hover{background:var(--bg-surface-hover)}.manage-work-page-header-left{display:flex;flex-direction:column;grid-gap:2px;gap:2px;min-width:0;flex:1 1}.manage-work-page-header-right{display:flex;align-items:center;grid-gap:10px;gap:10px;flex-shrink:0}.manage-work-page-number{color:var(--text-primary);font-size:calc(15px*var(--font-scale));font-weight:700}.manage-work-page-description-inline{color:var(--text-tertiary);font-size:calc(12px*var(--font-scale));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manage-work-page-questions-count{background:var(--bg-surface-secondary);color:var(--text-secondary);font-size:calc(12px*var(--font-scale));font-weight:600;padding:3px 10px;border-radius:var(--radius-full);white-space:nowrap}.manage-work-page-collapse-icon{color:var(--text-tertiary);font-size:calc(14px*var(--font-scale));transition:transform .2s ease}.manage-work-page-body{border-top:1px solid var(--border-light);padding:14px 18px 18px;display:flex;flex-direction:column;grid-gap:12px;gap:12px;max-height:380px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent}.manage-work-page-body::-webkit-scrollbar{width:5px}.manage-work-page-body::-webkit-scrollbar-track{background:transparent}.manage-work-page-body::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:10px}.manage-work-page-description{color:var(--text-secondary);font-size:calc(13px*var(--font-scale));line-height:1.5;flex-shrink:0}.manage-work-page-questions-list{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px}.manage-work-page-question-card{display:flex;flex-direction:column;background:var(--bg-surface-secondary);border-radius:var(--radius-md);padding:14px;border:1px solid var(--border-light);transition:border-color .2s ease,background .2s ease}.manage-work-page-question-card:hover{background:var(--bg-surface-hover);border-color:var(--border-medium)}.manage-work-page-question-number{color:var(--blue);font-size:calc(11px*var(--font-scale));font-weight:800;font-family:var(--font-primary);margin-bottom:8px;flex-shrink:0}.manage-work-page-question-text{color:var(--text-primary);font-size:calc(13px*var(--font-scale));line-height:1.55;flex:1 1}.manage-work-page-question-meta{display:flex;grid-gap:6px;gap:6px;margin-top:10px;flex-wrap:wrap;align-items:center;flex-shrink:0}.manage-work-page-question-meta .manage-work-tag{font-size:calc(10px*var(--font-scale));padding:2px 7px}.manage-work-page-no-questions{color:var(--text-tertiary);font-size:calc(13px*var(--font-scale));font-style:italic;text-align:center;padding:8px 0}.parent-desktop-theme-toggle-wrapper{padding:12px 20px;display:flex;justify-content:center}@media (max-width:768px){.parent-dashboard-desktop{flex-direction:column;overflow-x:hidden;max-width:100vw;height:100dvh;overflow:hidden}.parent-desktop-side-menu{width:auto;min-width:unset;flex-direction:row;min-height:unset;margin:0;border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:0;align-items:center}.parent-desktop-menu-header{padding:12px 16px;border-bottom:none;flex-shrink:0}.parent-desktop-header-line-one{margin-bottom:0;grid-gap:8px;gap:8px}.parent-desktop-app-name{font-size:calc(18px*var(--font-scale))}.parent-desktop-header-line-two{display:none}.parent-desktop-menu-items{display:flex;flex-direction:row;align-items:center;padding:0;flex:1 1;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.parent-desktop-menu-items::-webkit-scrollbar{display:none}.parent-desktop-side-menu-item{white-space:nowrap;border-left:none;padding:12px 14px;font-size:calc(13px*var(--font-scale));margin-bottom:0}.parent-desktop-side-menu-item.selected{border-right:none;border-bottom:3px solid var(--blue);background-color:initial}.parent-desktop-menu-bottom{border-top:none;padding:0;flex-shrink:0}.parent-desktop-menu-bottom .parent-desktop-side-menu-item{padding:12px 14px;font-size:calc(13px*var(--font-scale))}.parent-desktop-main-content{width:100%;min-height:unset;max-height:unset;overflow-y:visible}.parent-desktop-students-browser{margin:10px;width:calc(100% - 20px);height:auto}.parent-desktop-students-grid{grid-template-columns:repeat(2,1fr);padding:20px 15px}.parent-desktop-student-card{min-height:80px;padding:14px}.parent-desktop-student-tier{flex-direction:column;align-items:flex-start}.parent-billing-summary-error-slot{width:calc(100% - 20px);margin:10px 10px 0}.parent-desktop-add-student-card{display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:6px;gap:6px;min-height:80px;padding:14px;border-radius:var(--radius-md);border:2px dashed var(--border-medium);color:var(--text-secondary);font-size:calc(13px*var(--font-scale));font-family:var(--font-primary);font-weight:600;cursor:pointer;transition:all .2s ease;background:transparent}.parent-desktop-add-student-card:active,.parent-desktop-add-student-card:hover{border-color:var(--blue);color:var(--blue);background:var(--bg-surface-hover)}.parent-desktop-student-menu-bar{width:calc(100% - 20px);margin:10px;flex-direction:column;grid-gap:10px;gap:10px;min-height:unset;max-height:unset;padding:12px 16px}.parent-desktop-breadcrumb{font-size:calc(16px*var(--font-scale));width:100%}.parent-desktop-menu-buttons{width:100%;justify-content:flex-start;flex-wrap:wrap;grid-gap:4px;gap:4px;overflow-x:auto}.parent-desktop-menu-item{padding:10px 12px;font-size:calc(13px*var(--font-scale));margin:0}.parent-desktop-view-work-layout{flex-direction:column;width:calc(100% - 20px);margin:0 10px;max-height:none}.parent-desktop-questions-menu{width:100%;min-width:unset;max-height:none;border-radius:var(--radius-lg)}.parent-desktop-view-work-layout.question-selected .parent-desktop-questions-menu{display:none}.parent-desktop-answers-viewer{width:100%;border-radius:var(--radius-lg);display:none}.parent-desktop-view-work-layout.question-selected .parent-desktop-answers-viewer{display:block}.parent-desktop-mobile-back-to-questions{display:flex;align-items:center;grid-gap:6px;gap:6px;background:none;border:none;color:var(--blue);font-size:calc(15px*var(--font-scale));font-weight:600;cursor:pointer;padding:0 0 12px;font-family:inherit}.parent-desktop-question-detail{flex-direction:column;padding:16px}.parent-desktop-detail-left-column,.parent-desktop-detail-right-column{width:100%}.parent-desktop-settings-content{width:calc(100% - 20px);margin:0 10px;padding:15px}.parent-desktop-settings-section{max-width:100%}.parent-desktop-empty-state{padding:30px 20px}.parent-desktop-empty-state p{font-size:calc(16px*var(--font-scale))}.parent-desktop-empty-questions{width:calc(100% - 20px);margin:0 10px;height:200px}.parent-desktop-sort-dropdown{right:-10px}.parent-desktop-videos-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:12px;gap:12px}.parent-desktop-detail-content{font-size:calc(16px*var(--font-scale))}.parent-desktop-attempt-status-icon{width:40px}.parent-desktop-attempt-status-icon svg{font-size:calc(24px*var(--font-scale))}.parent-desktop-attempt-main-content{padding:12px}.parent-desktop-questions-menu-header{height:50px;padding:0 12px}.parent-desktop-questions-title{font-size:calc(14px*var(--font-scale))}.parent-desktop-question-item{padding:10px 12px;min-height:40px}.parent-desktop-question-preview{font-size:calc(13px*var(--font-scale))}.chat-conversation-modal{max-width:95vw;max-height:85vh}.chat-conversation-modal-header{padding:15px}.chat-conversation-modal-header h2{font-size:calc(18px*var(--font-scale))}.parent-desktop-manage-work-content{max-height:none}.manage-work-page-detail-questions{grid-template-columns:1fr;grid-gap:10px;gap:10px;padding:14px 14px 24px}.manage-work-page-detail-question-card{aspect-ratio:unset;padding:14px 14px 16px;grid-gap:12px;gap:12px}.manage-work-page-detail-question-text{justify-content:flex-start;align-items:flex-start;font-size:calc(14px*var(--font-scale));overflow:visible}.manage-work-page-detail-header{padding:16px 16px 14px}.manage-work-page-detail-title{font-size:calc(16px*var(--font-scale))}.manage-work-page-detail-description{font-size:calc(12px*var(--font-scale))}.manage-work-section{padding:16px}.manage-work-section-header{flex-wrap:wrap;grid-gap:12px;gap:12px}.manage-work-upload-btn{width:100%;padding:11px 16px;text-align:center}.manage-work-textbooks-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:12px;gap:12px}.manage-work-textbook-cover{height:120px}.manage-work-question-item{padding:14px}.manage-work-review-header{padding:12px 14px;grid-gap:10px;gap:10px}.manage-work-review-header h3{font-size:calc(17px*var(--font-scale))}.manage-work-pages-header{padding:12px 14px}.manage-work-page-questions-list{grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.manage-work-page-body{max-height:300px;padding:12px 14px 16px}.parent-desktop-theme-toggle-wrapper{padding:8px 10px}}.parent-desktop-question-source-label{color:var(--text-tertiary);font-size:calc(11px*var(--font-scale));margin-top:4px;font-style:italic}.parent-mobile-top-header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background:var(--bg-surface);border-bottom:1px solid var(--border-light);flex-shrink:0;position:relative;z-index:10}.parent-mobile-header-brand{display:flex;align-items:center;grid-gap:10px;gap:10px}.parent-mobile-logo-icon{width:26px;height:26px}[data-theme=dark] .parent-mobile-logo-icon{filter:brightness(0) invert(1)}.parent-mobile-header-app-name{font-size:calc(20px*var(--font-scale));font-weight:700;color:var(--blue)}[data-theme=dark] .parent-mobile-header-app-name{color:#fff}.parent-mobile-header-actions{display:flex;align-items:center;grid-gap:8px;gap:8px}.parent-mobile-more-wrap{position:relative}.parent-mobile-more-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:background .2s}.parent-mobile-more-btn:active,.parent-mobile-more-btn:hover{background:var(--bg-surface-hover)}.parent-mobile-more-backdrop{position:fixed;inset:0;z-index:100}.parent-mobile-more-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:210px;z-index:101;overflow:hidden}.parent-mobile-more-item{display:block;width:100%;padding:15px 18px;background:none;border:none;border-bottom:1px solid var(--border-light);text-align:left;font-size:calc(15px*var(--font-scale));font-family:var(--font-primary);color:var(--text-primary);cursor:pointer;transition:background .15s}.parent-mobile-more-item:last-child{border-bottom:none}.parent-mobile-more-item:active,.parent-mobile-more-item:hover{background:var(--bg-surface-hover)}.parent-mobile-more-item-selected{color:var(--blue);font-weight:600}.parent-mobile-more-item-danger{color:#e53935}.parent-mobile-content-area{flex:1 1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.parent-mobile-bottom-nav{display:flex;align-items:center;justify-content:space-around;height:64px;background:var(--bg-surface);border-top:1px solid var(--border-light);flex-shrink:0;padding:0 8px env(safe-area-inset-bottom);box-shadow:0 -2px 12px rgba(0,0,0,.06)}.parent-mobile-tab-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:3px;gap:3px;background:none;border:none;color:var(--text-tertiary);font-size:calc(11px*var(--font-scale));font-family:var(--font-primary);cursor:pointer;padding:6px 16px;border-radius:var(--radius-sm);transition:color .2s;flex:1 1}.parent-mobile-tab-btn.active{color:var(--blue)}.parent-mobile-fab-btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--blue);color:#fff;border:none;cursor:pointer;box-shadow:0 3px 12px rgba(0,129,167,.4);flex-shrink:0;transition:transform .15s,box-shadow .15s;margin-bottom:2px}.parent-mobile-fab-btn:active,.parent-mobile-fab-btn:hover{transform:scale(1.06);box-shadow:0 5px 18px rgba(0,129,167,.5)}.legal-page{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;min-height:0;isolation:isolate;overflow:hidden;font-family:var(--font-primary);color:var(--text-primary);text-align:left}.legal-topbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;grid-gap:16px;gap:16px;width:100%;padding:max(12px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 12px max(24px,env(safe-area-inset-left));background-color:var(--bg-page);background-image:linear-gradient(var(--bg-surface),var(--bg-surface));border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.legal-brand{display:inline-flex;align-items:center;grid-gap:10px;gap:10px;min-height:44px;padding:4px 6px;margin-left:-6px;border-radius:var(--radius-sm);text-decoration:none;color:inherit}.legal-brand:hover .legal-wordmark{color:var(--blue-hover)}.legal-brand:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.legal-logo{width:32px;height:32px;display:block}.legal-wordmark{font-size:calc(22px*var(--font-scale));font-weight:700;line-height:1;color:var(--blue);transition:color var(--transition-fast)}[data-theme=dark] .legal-logo{filter:brightness(0) invert(1)}[data-theme=dark] .legal-wordmark{color:#fff}[data-theme=dark] .legal-brand:hover .legal-wordmark{color:var(--text-link)}.legal-topbar .qn-theme-toggle{min-width:44px;min-height:44px;justify-content:center}.legal-topbar .qn-theme-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.legal-scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;width:100%;scrollbar-gutter:stable}.legal-main{width:100%;max-width:760px;margin:0 auto;padding:28px 20px max(48px,env(safe-area-inset-bottom))}.legal-card{background-color:var(--bg-page);background-image:linear-gradient(var(--bg-surface),var(--bg-surface));border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--card-shadow);padding:36px 40px 28px}.legal-header{border-bottom:3px solid var(--blue);padding-bottom:16px;margin-bottom:8px}.legal-title{margin:0 0 10px;font-family:var(--font-primary);font-size:calc(32px*var(--font-scale));font-weight:700;line-height:1.2;color:var(--text-primary)}.legal-updated{margin:0;font-size:calc(14px*var(--font-scale));line-height:1.5;color:var(--text-secondary)}.legal-body h2,.legal-updated strong{color:var(--text-primary);font-weight:700}.legal-body h2{margin:28px 0 10px;font-family:var(--font-primary);font-size:calc(18px*var(--font-scale));line-height:1.35}.legal-body li,.legal-body p{font-size:calc(15.5px*var(--font-scale));line-height:1.7;color:var(--text-primary)}.legal-body p{margin:0 0 14px}.legal-body ul{margin:0 0 16px;padding-left:1.35rem}.legal-body li{margin:0 0 8px;padding-left:4px}.legal-body li::marker{color:var(--blue)}.legal-body strong{font-weight:700}.legal-body a,.legal-related a{color:var(--text-link);font-weight:700;text-decoration:underline;text-underline-offset:3px;border-radius:2px}.legal-body a:hover,.legal-related a:hover{color:var(--blue-hover)}[data-theme=dark] .legal-body a:hover,[data-theme=dark] .legal-related a:hover{color:#8fd4e6}.legal-body a:focus-visible,.legal-home:focus-visible,.legal-related a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.legal-external{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.legal-footer{margin-top:8px;padding-top:24px;border-top:1px solid var(--border-light);display:flex;flex-direction:column;align-items:flex-start;grid-gap:16px;gap:16px}.legal-related{margin:0;font-size:calc(15px*var(--font-scale));line-height:1.5;color:var(--text-secondary)}.legal-home{min-height:44px;text-decoration:none}.legal-home:hover{color:var(--text-on-primary)}@media screen and (max-width:640px){.legal-topbar{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.legal-main{padding:16px 12px 32px}.legal-card{padding:24px 18px 20px;border-radius:var(--radius-lg)}.legal-title{font-size:calc(26px*var(--font-scale))}}@media (prefers-reduced-motion:reduce){.legal-page,.legal-page:after,.legal-page:before{animation:none!important}}@media print{.legal-page{position:static;overflow:visible;display:block;background:#fff!important;color:#111}.legal-home,.legal-page:after,.legal-page:before,.legal-topbar{display:none!important}.legal-scroll{overflow:visible}.legal-main{max-width:none;padding:0}.legal-card{background:#fff;border:none;box-shadow:none;border-radius:0;padding:0}.legal-body a[href]:after,.legal-related a[href]:after{content:" (" attr(href) ")";font-weight:400;font-size:.85em}}.whats-new-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9999;animation:wnFadeIn .2s ease}@keyframes wnFadeIn{0%{opacity:0}to{opacity:1}}.whats-new-modal{background:var(--black,#1a1a2e);color:#fff;border-radius:16px;padding:32px 28px 24px;width:480px;max-width:92vw;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:wnSlideUp .25s ease}@keyframes wnSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.whats-new-header{text-align:center;margin-bottom:24px}.whats-new-badge{display:inline-block;background:#6c63ff;color:#fff;font-size:calc(11px*var(--font-scale));font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 10px;border-radius:20px;margin-bottom:10px}.whats-new-title{font-size:calc(22px*var(--font-scale));font-weight:700;margin:0 0 6px;font-family:"Lato",sans-serif}.whats-new-subtitle{font-size:calc(13px*var(--font-scale));color:hsla(0,0%,100%,.55);margin:0}.whats-new-list{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;grid-gap:14px;gap:14px}.whats-new-item{display:flex;align-items:flex-start;grid-gap:12px;gap:12px}.whats-new-category{flex-shrink:0;font-size:calc(10px*var(--font-scale));font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:3px 8px;border-radius:6px;color:#fff;margin-top:2px;white-space:nowrap}.whats-new-text{display:flex;flex-direction:column;grid-gap:2px;gap:2px}.whats-new-item-title{font-size:calc(14px*var(--font-scale));font-weight:600;color:#fff;font-family:"Lato",sans-serif}.whats-new-item-desc{font-size:calc(13px*var(--font-scale));color:hsla(0,0%,100%,.6);line-height:1.45}.whats-new-item-link{color:#c8c4ff;font-weight:600;text-decoration:underline;text-underline-offset:2px}.whats-new-item-link:hover{color:#fff}.whats-new-item-link:focus-visible{outline:2px solid #c8c4ff;outline-offset:2px;border-radius:2px}.whats-new-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.whats-new-nav-btn{background:transparent;border:1px solid hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.75);font-size:calc(13px*var(--font-scale));font-weight:600;padding:6px 14px;border-radius:8px;cursor:pointer;font-family:"Lato",sans-serif;transition:background .15s ease,color .15s ease}.whats-new-nav-btn:hover:not(:disabled){background:hsla(0,0%,100%,.1);color:#fff}.whats-new-nav-btn:disabled{opacity:.25;cursor:default}.whats-new-nav-indicator{font-size:calc(12px*var(--font-scale));color:hsla(0,0%,100%,.4);font-family:"Lato",sans-serif}.whats-new-dismiss{display:block;width:100%;padding:12px;background:#6c63ff;color:#fff;border:none;border-radius:10px;font-size:calc(15px*var(--font-scale));font-weight:600;cursor:pointer;font-family:"Lato",sans-serif;transition:background .15s ease}.whats-new-dismiss:hover{background:#5a52d5}:root{--primary-color:#4d5e84;--primary-light:#919bb2;--gray-200:#e1e1e1;--gray-400:#c5c5c5;--gray-600:#464646}.primary{background-color:var(--primary-color)!important}.primary-light{background-color:var(--primary-light)!important}.bg-light{background-color:var(--gray-200)!important}.bg-light-hover:hover{background-color:var(--gray-400)!important}.text-light{color:var(--white)}.text-dark{color:var(--primary-light)!important}.text-gray{color:var(--gray-600)!important}.App{text-align:center;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center}.hidden{visibility:hidden!important}.sessionContainer{max-width:224px;width:100%;border:4px solid #d5d5d5;border-radius:16px;z-index:2;background-color:#2ab245;margin:auto}.sessionHeader{border:3px solid transparent;z-index:1}.sessionHeader h1{font-size:124px;padding:24px 0}.sessionSubTitle{border-top:3px solid #d5d5d5;background-color:#777;padding:12px;font-size:36px;border-radius:0 0 10px 10px}.sessionContainer p,h1{margin:0}.studentCount{display:flex;align-items:center;grid-gap:12px}.studentCountWrapper{display:flex;align-items:center;grid-gap:48px}.studentCount h1{font-size:3.5em}.studentCount p{width:112px}.studentCount p,h1{margin:0}.CustomButton{color:var(--gray-600)!important;font-weight:100!important;font-size:1.2em!important;text-decoration:none!important;border-radius:12px!important;padding:12px 28px!important;vertical-align:bottom!important;text-transform:none!important;background-color:var(--gray-200)!important}.CustomButton:hover{background-color:var(--primary-light)!important;color:var(--white)!important}.error-top{position:absolute;top:12px;max-width:90%}a{text-decoration:none}.d-block{display:block!important}.d-inline{display:inline!important}.d-none{display:none!important}.w0{width:0}.w100{width:100%}.float-l{float:left}.float-r{float:right}.sessionId{font-weight:400;background:var(--gray-200);opacity:.5;color:var(--black);padding:8px;display:block;margin-top:18px;font-size:20px}.sessionId strong{font-style:italic;margin-left:6px}.text-medium{font-weight:400;font-size:1.2em}.d-block{display:block}.loading-cursor,.loading-cursor *{cursor:wait!important}h1{margin-bottom:6px;font-size:2.5em;font-weight:400}.strokeSliderWrapper{display:flex;justify-content:flex-end;margin-bottom:10px}.strokeSliderWrapper>div{display:flex;justify-content:space-around;align-items:center;background-color:#fff;border-radius:8px;padding:10px;width:30%}.strokeSliderWrapper>div>span{width:60%}.strokeSliderWrapper>div>p{font-weight:600;color:#000;font-size:14px}.writingPad .editor{min-width:100px;min-height:100px;width:90vw;height:calc(100dvh - 190px);touch-action:none;background:var(--white);border-radius:20px;border:4px solid var(--gray-400);margin:auto}.writingPad.fullScreen .editor{height:calc(100dvh - 206px)}.writingPad .bottom-bar button{display:inline-block;width:auto}.problemStatement.smallTop{top:30px;color:var(--white);z-index:100;width:100%;height:187px;overflow:auto}.problemStatement.smallTop .exercise{padding:20px}.math{font-family:Lato!important}.problemStatement .math{display:block;margin-bottom:0;font-size:40pt}.problemStatement.smallTop .math{font-size:28pt!important}.wrong{border:3px solid var(--red);padding:0 10px;color:var(--red)}.correct{border:3px solid var(--green);padding:0 10px;color:var(--green)}.writingPadWrapper{position:relative}.bottom-bar{z-index:1000000000000000000;position:absolute;width:calc(100% - 48px);left:50%;bottom:-60px;padding:20px;transform:translate(-50%,-50%)}.buttonWrapper{display:flex;justify-content:end}.custom-loader{z-index:30;position:absolute;width:120px;height:120px;top:calc(50% - 60px);left:calc(50% - 60px);border-radius:50%;border:16px solid #f5f6f7;border-top-color:#1a9fff;animation:spin 2s linear infinite}
/*# sourceMappingURL=main.ddbaf9cb.chunk.css.map */