@import "https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Fraunces:ital,opsz,wght@0,9..144,600;0,9..144,700;0,9..144,800;0,9..144,900;1,9..144,600&family=Inter:wght@400;500;600;700&family=Sora:wght@400;500;600;700&display=swap";:root{--royal:#1e3a8a;--midnight:#0b1f3a;--white:#fff;--soft-gray:#f5f7fa;--charcoal:#111827;--steel:#4b6cb7;--border:#e5e7eb;--muted:#6b7280;--sticky-yellow:#ffe28a;--sticky-coral:#ffb4a2;--sticky-mint:#b8e4d0;--sticky-lavender:#c9c2f0;--note-royal:#e4eafb;--note-steel:#edf1fc;--note-midnight:#0b1f3a;--note-achievement:#fff3d6;--shadow-sm:0 1px 2px #1118270a;--shadow-md:0 1px 2px #1118270a, 0 12px 28px #1118270f;--shadow-lg:0 4px 6px #11182708, 0 20px 40px #11182714;--shadow-xl:0 8px 16px #1118270a, 0 32px 64px #1118271a;--radius:14px;--radius-sm:8px;--radius-lg:20px;--sidebar-width:76px;--topbar-height:64px;--content-max:1100px;--success:#059669;--success-bg:#ecfdf5;--warning:#d97706;--warning-bg:#fffbeb;--error:#dc2626;--error-bg:#fef2f2;--info:#2563eb;--info-bg:#eff6ff;--premium:#b45309;--premium-bg:#fffbeb;--premium-dot:#f59e0b;--liquid-ease:cubic-bezier(.34, 1.56, .64, 1)}@keyframes ambient-pulse{0%{transform:scale(1)}50%{transform:scale(1.01)}to{transform:scale(1)}}@keyframes draw-doodle{to{stroke-dashoffset:0}}@keyframes doodle-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(1deg)}}@keyframes badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}html{-webkit-text-size-adjust:100%;height:100%}body{letter-spacing:-.015em;color:var(--charcoal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fb;background-image:radial-gradient(circle,#4b6cb714 1.2px,#0000 1.2px);background-size:32px 32px;height:100%;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:400;line-height:1.65;overflow-x:hidden}#root{width:100%;height:100%;display:flex}.login-page,.onboarding-page,.auth-page-container{flex:1;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex;position:relative}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.05rem}.btn{letter-spacing:.02em;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:10px 24px;font-family:Sora,sans-serif;font-size:13px;font-weight:600;line-height:1;text-decoration:none;transition:all .22s;display:inline-flex}.btn-danger{background:var(--error-bg);color:var(--error);border:1px solid #dc262633}.btn-danger:hover{background:var(--error);color:var(--white)}.btn-sm{padding:7px 16px;font-size:12px}.btn-icon{border:1px solid var(--border);width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:16px;transition:all .18s;display:flex}.btn-icon:hover{background:var(--soft-gray);color:var(--charcoal);border-color:#0000}.tag-premium{background:var(--premium-bg);color:var(--premium)}.tag-free{background:var(--soft-gray);color:var(--muted)}.tag-new{color:var(--royal);background:#eff4ff}.paper-panel{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);background-image:repeating-linear-gradient(#0000,#0000 27px,#e5e7eb73 27px 28px);position:relative;overflow:hidden}.paper-panel:before{content:"";background:linear-gradient(225deg, var(--soft-gray) 50%, var(--border) 50%);z-index:1;border-bottom-left-radius:6px;width:24px;height:24px;position:absolute;top:0;right:0}.sticky-card{box-shadow:var(--shadow-md);border-radius:12px;padding:20px;transition:transform .22s,box-shadow .22s;position:relative}.sticky-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)!important}.sticky-card.yellow{background:var(--sticky-yellow);transform:rotate(-1.5deg)}.sticky-card.mint{background:var(--sticky-mint);transform:rotate(-.8deg)}.sticky-card.coral{background:var(--sticky-coral);transform:rotate(-2deg)}.sticky-card.lavender{background:var(--sticky-lavender);transform:rotate(1deg)}.sticky-card .sticky-text{color:var(--midnight);font-family:Caveat,cursive;font-size:15px;font-weight:600;line-height:1.4}.sticky-card .sticky-label{letter-spacing:.1em;text-transform:uppercase;color:#0b1f3a80;margin-bottom:8px;font-family:Sora,sans-serif;font-size:10px;font-weight:600}.form-group{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.form-input,.form-select,.form-textarea{color:var(--charcoal);background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-sm);outline:none;width:100%;padding:10px 14px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .18s,box-shadow .18s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--royal);box-shadow:0 0 0 3px #1e3a8a1a}.form-input::placeholder,.form-textarea::placeholder{color:var(--muted)}.toggle-switch{flex-shrink:0;width:44px;height:24px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:var(--border);border-radius:999px;transition:background .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--white);width:18px;height:18px;box-shadow:var(--shadow-sm);border-radius:50%;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:var(--royal)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}::-webkit-scrollbar{width:6px;height:6px}.text-muted{color:var(--muted)}.text-royal{color:var(--royal)}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.45}to{opacity:1}}.skeleton{background:linear-gradient(90deg, var(--border) 25%, var(--soft-gray) 50%, var(--border) 75%);background-size:200% 100%;border-radius:6px;animation:1.4s infinite skeleton-slide}@keyframes skeleton-slide{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.login-page,.auth-page-container{flex:1;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 20px;display:flex;position:relative}.login-bg{pointer-events:none;z-index:0;background-image:radial-gradient(circle,#4b6cb714 1.2px,#0000 1.2px);background-size:32px 32px;position:fixed;inset:0}.login-card{z-index:1;-webkit-backdrop-filter:blur(20px);border:1px solid #ffffff80;border-radius:20px;flex-direction:column;gap:16px;width:100%;max-width:420px;padding:44px 48px;display:flex;position:relative;background:#ffffff59!important;box-shadow:0 20px 40px #0000001a!important}.login-brand{align-items:center;gap:10px;margin-bottom:4px;display:flex}.login-mark{border:1px solid var(--border);border-radius:8px;flex-shrink:0;width:32px;height:32px;overflow:hidden}.login-mark img{object-fit:cover;width:100%;height:100%}.login-wordmark{color:var(--midnight);font-family:Sora,sans-serif;font-size:14px;font-weight:700}.login-title{color:var(--midnight);margin:0;font-family:Fraunces,serif;font-size:1.8rem;font-weight:800;line-height:1.15}.login-subtitle{color:var(--muted);margin:0;font-family:Inter,sans-serif;font-size:14px}.login-google-btn{background:var(--white);border:1.5px solid var(--border);width:100%;color:var(--charcoal);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:13px 20px;font-family:Sora,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000f}.login-google-btn:hover:not(:disabled){border-color:#1e3a8a66;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.login-google-btn:disabled{opacity:.6;cursor:not-allowed}.login-divider{align-items:center;gap:12px;margin:2px 0;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.login-divider span{color:var(--muted);flex-shrink:0;font-family:Inter,sans-serif;font-size:12px}.login-form{flex-direction:column;gap:14px;display:flex}.login-input{border-radius:999px!important;padding:12px 18px!important}.login-submit-btn{border-radius:999px;width:100%;margin-top:4px;padding:14px!important;font-size:15px!important}.login-error{color:var(--error);background:var(--error-bg);border-radius:var(--radius-sm);border:1px solid #dc262626;margin:0;padding:10px 14px;font-family:Inter,sans-serif;font-size:13px}.login-success{color:var(--success);background:var(--success-bg);border-radius:var(--radius-sm);border:1px solid #05966926;margin:0;padding:10px 14px;font-family:Inter,sans-serif;font-size:13px}.login-toggle{color:var(--muted);text-align:center;margin:0;font-family:Inter,sans-serif;font-size:13px}.login-toggle-btn{color:var(--royal);cursor:pointer;font-family:inherit;font-weight:600;font-size:inherit;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.login-toggle-btn:hover{color:var(--steel)}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=480px){.login-card{padding:36px 28px}}.auth-ambient-container{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}@media (width<=900px){.auth-ambient-container{display:none}}@media (width<=600px){.onboarding-card{padding:32px 24px 28px}.onboarding-level-grid{grid-template-columns:1fr 1fr}.onboarding-class-grid{grid-template-columns:repeat(4,1fr)}.onboarding-title{font-size:1.3rem}}.ob-selected-count{color:var(--royal);letter-spacing:0;text-transform:none;font-family:Inter,sans-serif;font-size:12px;font-weight:500}.onboarding-loading{color:var(--muted);text-align:center;padding:16px 0;font-family:Inter,sans-serif;font-size:13px}@keyframes ob-spin{to{transform:rotate(360deg)}}.onboarding-page,.auth-page-container{flex:1;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 20px;display:flex;position:relative}.onboarding-bg{pointer-events:none;z-index:0;background-image:radial-gradient(circle,#4b6cb714 1.2px,#0000 1.2px);background-size:32px 32px;position:fixed;inset:0}.onboarding-card{z-index:1;-webkit-backdrop-filter:blur(22px);border:1px solid #ffffff8c;border-radius:20px;width:100%;max-width:600px;padding:44px 48px 36px;position:relative;background:#ffffff61!important;box-shadow:0 24px 48px #0000001a,0 4px 16px #0000000f!important}.onboarding-brand{align-items:center;gap:10px;margin-bottom:28px;display:flex}.onboarding-mark{border:1px solid var(--border);border-radius:8px;width:34px;height:34px;overflow:hidden}.onboarding-mark img{object-fit:cover;width:100%;height:100%}.onboarding-wordmark{color:var(--midnight);font-family:Sora,sans-serif;font-size:14px;font-weight:700}.onboarding-progress-track{background:var(--border);border-radius:2px;height:4px;margin-bottom:32px;overflow:hidden}.onboarding-progress-fill{background:var(--royal);border-radius:2px;height:100%;transition:width .4s}.onboarding-title{color:var(--midnight);margin:6px 0 10px;font-family:Fraunces,serif;font-size:1.6rem;font-weight:800}.onboarding-subtitle{color:var(--muted);margin-bottom:24px;font-family:Inter,sans-serif;font-size:14px;line-height:1.6}.onboarding-level-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:8px;display:grid}.onboarding-level-btn{background:var(--soft-gray);border-radius:var(--radius);cursor:pointer;border:2px solid #0000;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;transition:all .18s;display:flex}.onboarding-level-btn:hover{background:#eff4ff;border-color:#1e3a8a33;transform:translateY(-2px)}.onboarding-level-btn.active{border-color:var(--royal);background:#eff4ff}.onboarding-level-icon{font-size:2rem}.onboarding-level-label{color:var(--charcoal);text-align:center;font-family:Sora,sans-serif;font-size:13px;font-weight:700}.onboarding-class-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.onboarding-class-btn{background:var(--soft-gray);border-radius:var(--radius-sm);color:var(--charcoal);cursor:pointer;border:2px solid #0000;padding:14px 8px;font-family:Sora,sans-serif;font-size:13px;font-weight:700;transition:all .18s}.onboarding-class-btn:hover{background:#eff4ff;border-color:#1e3a8a33}.onboarding-class-btn.active{border-color:var(--royal);color:var(--royal);background:#eff4ff}.onboarding-subjects-grid{flex-wrap:wrap;gap:8px;max-height:240px;margin-bottom:24px;padding:4px 0;display:flex;overflow-y:auto}.onboarding-subject-chip{background:var(--soft-gray);border:1.5px solid var(--border);color:var(--charcoal);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .15s;display:flex}.onboarding-subject-chip:hover{background:#eff4ff;border-color:#1e3a8a4d}.onboarding-subject-chip.active{border-color:var(--royal);color:var(--royal);background:#eff4ff;font-weight:600}.onboarding-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.onboarding-actions-right{align-items:center;gap:10px;display:flex}.onboarding-back-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:4px 0;font-family:Inter,sans-serif;font-size:13px;transition:color .15s}.onboarding-back-btn:hover{color:var(--charcoal)}.onboarding-error{color:var(--error);background:var(--error-bg);border-radius:var(--radius-sm);border:1px solid #dc262626;margin-bottom:16px;padding:10px 14px;font-family:Inter,sans-serif;font-size:13px}.onboarding-skip{text-align:center;cursor:pointer;width:100%;color:var(--muted);text-underline-offset:3px;background:0 0;border:none;padding:20px 0 0;font-family:Inter,sans-serif;font-size:12px;text-decoration:underline;transition:color .15s;display:block}.onboarding-skip:hover{color:var(--charcoal)}@media (width<=600px){.onboarding-card{padding:32px 24px 28px}.onboarding-level-grid{grid-template-columns:1fr 1fr}.onboarding-class-grid{grid-template-columns:repeat(4,1fr)}.onboarding-title{font-size:1.3rem}}.ob-curriculum-chips{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.ob-curriculum-chip{background:var(--soft-gray);border:1.5px solid var(--border);color:var(--charcoal);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-family:Sora,sans-serif;font-size:12px;font-weight:600;transition:all .15s;display:flex}.ob-curriculum-chip:hover{background:#eff4ff;border-color:#1e3a8a4d}.ob-curriculum-chip.active{border-color:var(--royal);color:var(--royal);background:#eff4ff}.ob-curriculum-section{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.ob-curriculum-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ob-curriculum-section-title{color:var(--midnight);font-family:Fraunces,serif;font-size:15px;font-weight:700}.ob-curriculum-section-count{color:var(--royal);background:#eff4ff;border-radius:999px;padding:2px 10px;font-family:Sora,sans-serif;font-size:11px;font-weight:600}.ob-avatar-section{margin-bottom:4px}.ob-avatar-grid{flex-wrap:wrap;gap:10px;display:flex}.ob-avatar-btn{border:2px solid var(--border);background:var(--soft-gray);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;transition:all .18s;display:flex;overflow:hidden}.ob-avatar-btn:hover{border-color:var(--steel);transform:scale(1.08)}.ob-avatar-btn.active{border-color:var(--royal);background:#eff4ff;box-shadow:0 0 0 3px #1e3a8a26}.ob-avatar-emoji{font-size:1.6rem}.ob-avatar-upload{color:var(--muted);border-style:dashed}.ob-avatar-upload:hover{color:var(--royal)}.ob-subject-group{margin-bottom:14px}.ob-subject-category{letter-spacing:.1em;text-transform:uppercase;color:var(--steel);margin-bottom:8px;font-family:Sora,sans-serif;font-size:11px;font-weight:700}.ob-selected-count{color:var(--royal);font-family:Inter,sans-serif;font-size:12px;font-weight:500}.ob-finish-summary{background:var(--soft-gray);border-radius:var(--radius);flex-direction:column;gap:10px;margin-bottom:8px;padding:16px 20px;display:flex}.ob-finish-row{align-items:baseline;gap:12px;display:flex}.ob-finish-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);flex-shrink:0;min-width:80px;font-family:Sora,sans-serif;font-size:11px;font-weight:600}.ob-finish-value{color:var(--charcoal);font-family:Inter,sans-serif;font-size:14px;font-weight:500}.onboarding-loading{color:var(--muted);padding:12px 0;font-family:Inter,sans-serif;font-size:13px}.tg-spinner-dark{border:2px solid var(--border);border-top-color:var(--royal);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite ob-spin;display:inline-block}.ob-prof-chips{flex-wrap:wrap;gap:10px;margin-bottom:4px;display:flex}.ob-prof-chip{background:var(--soft-gray);border:1.5px solid var(--border);color:var(--charcoal);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.ob-prof-chip:hover{background:#eff4ff;border-color:#1e3a8a4d;transform:translateY(-1px)}.ob-prof-chip.active{border-color:var(--royal);color:var(--royal);background:#eff4ff;font-weight:600;box-shadow:0 0 0 3px #1e3a8a1a}.ob-prof-chip-icon{font-size:15px;line-height:1}.ob-experience-chips .ob-prof-chip{justify-content:center;min-width:100px}@media (width<=600px){.ob-prof-chips{gap:8px}.ob-prof-chip{padding:9px 14px;font-size:12px}}:root{--royal:#1e3a8a;--midnight:#0b1f3a;--white:#fff;--soft-gray:#f5f7fa;--charcoal:#111827;--steel:#4b6cb7;--border:#e5e7eb;--muted:#6b7280;--sticky-yellow:#ffe28a;--sticky-coral:#ffb4a2;--sticky-mint:#b8e4d0;--sticky-lavender:#c9c2f0;--shadow-sm:0 1px 2px #1118270a;--shadow-md:0 1px 2px #1118270a, 0 12px 28px #1118270f;--shadow-lg:0 4px 6px #11182708, 0 20px 40px #11182714;--shadow-xl:0 8px 16px #1118270a, 0 32px 64px #1118271a;--radius:14px;--header-height:72px;--max-width:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;-webkit-text-size-adjust:100%}body{color:var(--charcoal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-image:radial-gradient(circle,#4b6cb72e 1.4px,#0000 1.4px);background-size:26px 26px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65;overflow-x:hidden}body.is-landing{background-color:#fff;background-image:radial-gradient(circle,#4b6cb72e 1.4px,#0000 1.4px);background-size:26px 26px;height:auto}body.is-landing #root{height:auto;display:block}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}h1,h2,h3,h4{letter-spacing:-.02em;color:var(--midnight);font-family:Fraunces,serif;font-weight:800;line-height:1.15}.font-fraunces{font-family:Fraunces,serif}.font-caveat{font-family:Caveat,cursive}.font-inter{font-family:Inter,sans-serif}.font-sora{font-family:Sora,sans-serif}a{color:var(--royal);text-decoration:none;transition:color .2s}a:hover{color:var(--steel)}img,svg{max-width:100%;display:block}section{scroll-margin-top:calc(var(--header-height) + 20px)}.wrap{max-width:var(--max-width);margin:0 auto;padding:0 40px}.section-pad{padding:100px 0}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--steel);margin-bottom:16px;font-family:Sora,sans-serif;font-size:12px;font-weight:600}.btn{letter-spacing:.02em;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-family:Sora,sans-serif;font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary{background:var(--royal);color:var(--white)}.btn-primary:hover{color:var(--white);background:#163174;transform:translateY(-1px);box-shadow:0 4px 16px #1e3a8a4d}.btn-ghost{color:var(--royal);border:1.5px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--royal);color:var(--royal);background:#1e3a8a0a}.btn-white{background:var(--white);color:var(--royal)}.btn-white:hover{color:var(--royal);background:#f0f4ff;transform:translateY(-1px);box-shadow:0 4px 16px #fff3}.tag{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:4px 12px;font-family:Sora,sans-serif;font-size:10.5px;font-weight:600;display:inline-block}.tag-premium{color:#b45309;background:#fffbeb}.tag-popular{color:var(--royal);background:#eff4ff}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.bg-midnight{background-color:var(--midnight);color:var(--white);background-image:radial-gradient(circle,#ffffff1f 1.4px,#0000 1.4px);background-size:26px 26px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1024px){.wrap{padding:0 28px}.section-pad{padding:80px 0}}@media (width<=768px){.wrap{padding:0 20px}.section-pad{padding:64px 0}}@media (width<=480px){.wrap{padding:0 16px}.section-pad{padding:48px 0}}::selection{color:var(--midnight);background:#1e3a8a26}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#4b6cb733;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4b6cb759}.preloader-container{z-index:9999;perspective:2000px;background-color:#f8fafc;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.folder-wrapper{width:400px;height:280px;transform-style:preserve-3d;position:relative;transform:scale(.9)}.folder-back{background:#172554;border-radius:8px 24px 8px 8px;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:0 20px 40px #0b1f3a4d}.folder-front{transform-origin:0;z-index:3;backface-visibility:visible;background:#3b82f6;border:4px solid #1e3a8a;border-radius:8px 24px 8px 8px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.folder-front:before{content:"";background:#3b82f6;border:4px solid #1e3a8a;border-bottom:none;border-radius:12px 12px 0 0;width:120px;height:24px;position:absolute;top:-24px;left:20px}.folder-front-inside{backface-visibility:hidden;background:#2563eb;border-radius:8px 24px 8px 8px;width:100%;height:100%;position:absolute;top:0;left:0;transform:rotateY(180deg)translateZ(1px)}.folder-logo{color:#fbbf24;text-align:center;text-transform:uppercase;letter-spacing:.1em;text-shadow:2px 2px #1e3a8a;font-family:Sora,sans-serif;font-size:28px;font-weight:800;line-height:1.2}.folder-paper{z-index:2;background:#fff;border:2px solid #1e3a8a;border-radius:4px;justify-content:center;align-items:center;width:calc(100% - 20px);height:calc(100% - 20px);display:flex;position:absolute;top:10px;left:10px;box-shadow:0 4px 10px #0000001a}.folder-paper-content{border:3px dashed #93c5fd;border-radius:8px;justify-content:center;align-items:center;width:85%;height:85%;display:flex}.folder-loader-bar{background:#eff6ff;border:2px solid #1e3a8a;border-radius:4px;width:60%;height:8px;position:relative;overflow:hidden}.folder-loader-fill{background:#fbbf24;width:0%;height:100%;position:absolute;top:0;left:0}@media (width<=768px){.folder-wrapper{width:300px;height:220px}.folder-logo{font-size:20px}}.header{z-index:100;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 40px;transition:all .4s cubic-bezier(.25,1,.5,1);display:flex;position:fixed;top:0;left:0}.header.scrolled{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);background:#ffffffd9;border-radius:999px;width:calc(100% - 32px);max-width:600px;height:64px;padding:0 12px 0 24px;top:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0b1f3a14}body.features-takeover-active .header{opacity:0;pointer-events:none}.header.scrolled .header-nav{display:none}.header-brand{align-items:center;gap:12px;text-decoration:none;display:flex}.header-mark{border-radius:6px;flex-shrink:0;width:32px;height:32px;transition:transform .2s;overflow:hidden}.header.scrolled .header-mark{width:28px;height:28px}.header-mark img{object-fit:cover;width:100%;height:100%}.header-brand:hover .header-mark{transform:scale(1.05)}.header-wordmark{letter-spacing:.04em;text-transform:uppercase;color:var(--midnight);font-family:Sora,sans-serif;font-size:14px;font-weight:600;transition:font-size .3s}.header.scrolled .header-wordmark{font-size:13px}.header-nav{align-items:center;gap:32px;transition:opacity .3s;display:flex}.header-nav a{color:var(--midnight);font-family:Sora,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.header-nav a:hover{color:var(--royal)}.header-actions{align-items:center;gap:12px;display:flex}.header-login-signup{padding:10px 24px;font-size:13px}.header.scrolled .header-login-signup{padding:8px 20px}@media (width<=1024px){.header-nav{display:none}}@media (width<=768px){.header{height:70px;padding:0 20px}.header.scrolled{width:calc(100% - 24px);padding:0 8px 0 16px}}@media (width<=480px){.header{padding:0 12px}.header-wordmark{letter-spacing:.02em;font-size:11px}.header.scrolled .header-wordmark{font-size:11px}.header-login-signup{padding:8px 14px;font-size:11px}.header.scrolled .header-login-signup{padding:6px 12px}.header-brand{gap:8px}}.hero{justify-content:center;align-items:center;min-height:100vh;padding:120px 40px 80px;display:flex;position:relative;overflow:hidden}.hero-scene{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}@media (width>=769px){.hero-scene{pointer-events:auto}.hero-content{pointer-events:none}.hero-cta{pointer-events:auto}}.hero-object{filter:drop-shadow(0 8px 24px #0b1f3a1f);cursor:grab;transition:transform .1s;position:absolute}.hero-object:active{cursor:grabbing}.hero-object.is-dragging{transition:none;animation-play-state:paused!important}.hero-pencil-holder{z-index:5;width:140px;height:200px;top:15%;right:15%}.pencil-holder-body{background:linear-gradient(145deg, #0f2847, var(--midnight));border-radius:12px 12px 16px 16px;width:90px;height:130px;margin:0 auto;position:relative;box-shadow:inset 0 2px 4px #ffffff14,0 8px 32px #0b1f3a4d}.pen{border-radius:3px 3px 1px 1px;width:6px;position:absolute;bottom:100%}.hero-books{z-index:3;width:160px;height:220px;top:12%;left:12%}.hero-calculator{z-index:4;width:120px;bottom:15%;right:20%}.calc-body{background:linear-gradient(145deg, #14345a, var(--midnight));border-radius:10px;width:100px;height:140px;padding:10px;box-shadow:inset 0 1px 3px #ffffff0f,0 6px 24px #0b1f3a40}.calc-screen{background:linear-gradient(135deg,#c8d8c0,#a8b8a0);border-radius:4px;width:100%;height:28px;margin-bottom:8px}.calc-key{aspect-ratio:1;background:#ffffffe6;border-radius:3px;width:100%}.hero-sticky-stack{z-index:4;width:130px;bottom:20%;left:15%}.sticky-stack-note:nth-child(3){background:var(--sticky-yellow);z-index:2;transform:rotate(-1deg)}.hero-loose-pen{z-index:6;width:140px;bottom:8%;left:40%}.loose-pen-body{background:linear-gradient(90deg,#d0d0d0,#f0f0f0,#d0d0d0);border-radius:4px;width:120px;height:7px;position:relative}.hero-stapler{z-index:4;width:100px;height:40px;bottom:12%;right:35%;transform:rotate(15deg)}.stapler-top{transform-origin:100% 100%;background:#34495e;border-radius:10px 4px 4px 10px;width:100px;height:20px;position:absolute;bottom:8px;left:-5px;transform:rotate(-10deg)}.hero-tape{z-index:3;width:80px;height:60px;top:40%;right:5%}.tape-body{background:#e74c3c;border-radius:40px 20px 5px;width:70px;height:40px;position:absolute;bottom:0}.tape-roll{background:#fff;border:4px solid #bdc3c7;border-radius:50%;width:30px;height:30px;position:absolute;top:5px;left:10px}.hero-highlighter{z-index:5;width:100px;height:20px;bottom:15%;left:30%}.highlighter-body{background:#1abc9c;border-radius:4px;width:90px;height:16px;position:relative}.highlighter-cap{background:#16a085;border-radius:2px 6px 6px 2px;width:20px;height:20px;position:absolute;top:-2px;right:-10px}.scatter-item{pointer-events:none;z-index:1;will-change:transform;position:absolute}[class^=scatter-doodle-]{filter:drop-shadow(2px 4px 6px #0b1f3a26);background-position:50%;background-repeat:no-repeat;background-size:contain}.scatter-doodle-pencil{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='20' y='2' width='60' height='16' fill='%23ffffff' stroke='%231E3A8A' stroke-width='2'/%3E%3Crect x='20' y='2' width='60' height='8' fill='%23FBBF24' stroke='%231E3A8A' stroke-width='2'/%3E%3Crect x='80' y='2' width='15' height='16' rx='4' fill='%23ffffff' stroke='%231E3A8A' stroke-width='2'/%3E%3Cpolygon points='20,2 0,10 20,18' fill='%23FBBF24' stroke='%231E3A8A' stroke-width='2'/%3E%3Cpolygon points='8,7 0,10 8,13' fill='%231E3A8A'/%3E%3C/svg%3E");width:80px;height:16px}.scatter-doodle-ruler{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 30' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='96' height='26' fill='%23FBBF24' stroke='%231E3A8A' stroke-width='2'/%3E%3Cpath d='M10,2 v10 M20,2 v5 M30,2 v10 M40,2 v5 M50,2 v10 M60,2 v5 M70,2 v10 M80,2 v5 M90,2 v10' stroke='%231E3A8A' stroke-width='2'/%3E%3C/svg%3E");width:90px;height:26px}.scatter-doodle-compass{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 50 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='15' r='8' fill='%23FBBF24' stroke='%231E3A8A' stroke-width='2'/%3E%3Crect x='23' y='2' width='4' height='6' fill='%23ffffff' stroke='%231E3A8A' stroke-width='2'/%3E%3Cpath d='M21,21 L5,90' stroke='%231E3A8A' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M29,21 L45,90' stroke='%231E3A8A' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");width:35px;height:70px}.scatter-doodle-magnifier{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 60 100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='25' y='45' width='10' height='50' rx='5' fill='%23FBBF24' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='30' cy='30' r='25' fill='%23ffffff' stroke='%231E3A8A' stroke-width='3'/%3E%3Ccircle cx='30' cy='30' r='18' fill='none' stroke='%231E3A8A' stroke-width='1' stroke-dasharray='4,4'/%3E%3C/svg%3E");width:45px;height:75px}.scatter-doodle-notebook{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 70 90' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='10' y='10' width='55' height='75' fill='%23FBBF24' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='10' cy='25' r='4' fill='%23ffffff' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='10' cy='45' r='4' fill='%23ffffff' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='10' cy='65' r='4' fill='%23ffffff' stroke='%231E3A8A' stroke-width='2'/%3E%3Cline x1='25' y1='30' x2='50' y2='30' stroke='%231E3A8A' stroke-width='2'/%3E%3Cline x1='25' y1='50' x2='55' y2='50' stroke='%231E3A8A' stroke-width='2'/%3E%3C/svg%3E");width:50px;height:65px}.scatter-doodle-scissors{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 60 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28,45 L10,5 L30,40 Z' fill='%23ffffff' stroke='%231E3A8A' stroke-width='2'/%3E%3Cpath d='M32,45 L50,5 L30,40 Z' fill='%23ffffff' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='30' cy='45' r='3' fill='%231E3A8A'/%3E%3Cpath d='M25,50 C10,60 10,90 25,90 C35,90 35,70 25,60' fill='%23FBBF24' stroke='%231E3A8A' stroke-width='2'/%3E%3Cpath d='M35,50 C50,60 50,90 35,90 C25,90 25,70 35,60' fill='%23FBBF24' stroke='%231E3A8A' stroke-width='2'/%3E%3C/svg%3E");width:45px;height:75px}.scatter-doodle-palette{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10,40 C10,10 90,10 90,40 C90,70 60,80 40,70 C20,60 10,70 10,40 Z' fill='%23ffffff' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='30' cy='55' r='8' fill='%231E3A8A'/%3E%3Ccircle cx='35' cy='25' r='6' fill='%23FBBF24' stroke='%231E3A8A' stroke-width='1'/%3E%3Ccircle cx='60' cy='20' r='6' fill='%23FBBF24' stroke='%231E3A8A' stroke-width='1'/%3E%3Ccircle cx='75' cy='40' r='6' fill='%23FBBF24' stroke='%231E3A8A' stroke-width='1'/%3E%3C/svg%3E");width:60px;height:50px}.scatter-doodle-calculator{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 70 100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='60' height='90' rx='5' fill='%23ffffff' stroke='%231E3A8A' stroke-width='2'/%3E%3Crect x='15' y='15' width='40' height='20' fill='%23FBBF24' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='20' cy='50' r='4' fill='none' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='35' cy='50' r='4' fill='none' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='50' cy='50' r='4' fill='none' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='20' cy='65' r='4' fill='none' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='35' cy='65' r='4' fill='none' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='50' cy='65' r='4' fill='none' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='20' cy='80' r='4' fill='none' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='35' cy='80' r='4' fill='none' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='50' cy='80' r='4' fill='none' stroke='%231E3A8A' stroke-width='2'/%3E%3C/svg%3E");width:50px;height:75px}.scatter-doodle-brush{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 30 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15,5 C5,20 10,40 15,40 C20,40 25,20 15,5 Z' fill='%231E3A8A'/%3E%3Crect x='10' y='40' width='10' height='10' fill='%23ffffff' stroke='%231E3A8A' stroke-width='2'/%3E%3Cpath d='M11,50 L14,95 L16,95 L19,50 Z' fill='%23FBBF24' stroke='%231E3A8A' stroke-width='2'/%3E%3C/svg%3E");width:25px;height:80px}.scatter-doodle-protractor{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 55' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5,50 A 45,45 0 0,1 95,50 Z' fill='%23ffffff' stroke='%231E3A8A' stroke-width='2'/%3E%3Cpath d='M25,50 A 25,25 0 0,1 75,50 Z' fill='%23FBBF24' stroke='%231E3A8A' stroke-width='2'/%3E%3Cline x1='50' y1='5' x2='50' y2='15' stroke='%231E3A8A' stroke-width='2'/%3E%3Cline x1='18' y1='18' x2='25' y2='25' stroke='%231E3A8A' stroke-width='2'/%3E%3Cline x1='82' y1='18' x2='75' y2='25' stroke='%231E3A8A' stroke-width='2'/%3E%3C/svg%3E");width:75px;height:40px}.scatter-doodle-star{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='20,2 25,15 38,15 28,23 32,36 20,28 8,36 12,23 2,15 15,15' fill='%231E3A8A'/%3E%3C/svg%3E");width:30px;height:30px}.scatter-doodle-swirl{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10,10 Q20,0 30,10 T30,30' fill='none' stroke='%231E3A8A' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");width:30px;height:30px}.scatter-doodle-pencil-blue{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='20' y='2' width='60' height='16' fill='%2360A5FA' stroke='%231E3A8A' stroke-width='2'/%3E%3Crect x='20' y='2' width='60' height='8' fill='%233B82F6' stroke='%231E3A8A' stroke-width='2'/%3E%3Crect x='80' y='2' width='15' height='16' rx='4' fill='%23ffffff' stroke='%231E3A8A' stroke-width='2'/%3E%3Cpolygon points='20,2 0,10 20,18' fill='%233B82F6' stroke='%231E3A8A' stroke-width='2'/%3E%3Cpolygon points='8,7 0,10 8,13' fill='%231E3A8A'/%3E%3C/svg%3E");width:80px;height:16px}.scatter-doodle-ruler-blue{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 30' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='96' height='26' fill='%233B82F6' stroke='%231E3A8A' stroke-width='2'/%3E%3Cpath d='M10,2 v10 M20,2 v5 M30,2 v10 M40,2 v5 M50,2 v10 M60,2 v5 M70,2 v10 M80,2 v5 M90,2 v10' stroke='%231E3A8A' stroke-width='2'/%3E%3C/svg%3E");width:90px;height:26px}.scatter-doodle-compass-blue{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 50 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='15' r='8' fill='%233B82F6' stroke='%231E3A8A' stroke-width='2'/%3E%3Crect x='23' y='2' width='4' height='6' fill='%2360A5FA' stroke='%231E3A8A' stroke-width='2'/%3E%3Cpath d='M21,21 L5,90' stroke='%231E3A8A' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M29,21 L45,90' stroke='%231E3A8A' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");width:35px;height:70px}.scatter-doodle-magnifier-blue{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 60 100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='25' y='45' width='10' height='50' rx='5' fill='%233B82F6' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='30' cy='30' r='25' fill='%2360A5FA' stroke='%231E3A8A' stroke-width='3'/%3E%3Ccircle cx='30' cy='30' r='18' fill='none' stroke='%231E3A8A' stroke-width='1' stroke-dasharray='4,4'/%3E%3C/svg%3E");width:45px;height:75px}.scatter-doodle-notebook-blue{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 70 90' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='10' y='10' width='55' height='75' fill='%233B82F6' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='10' cy='25' r='4' fill='%23ffffff' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='10' cy='45' r='4' fill='%23ffffff' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='10' cy='65' r='4' fill='%23ffffff' stroke='%231E3A8A' stroke-width='2'/%3E%3Cline x1='25' y1='30' x2='50' y2='30' stroke='%231E3A8A' stroke-width='2'/%3E%3Cline x1='25' y1='50' x2='55' y2='50' stroke='%231E3A8A' stroke-width='2'/%3E%3C/svg%3E");width:50px;height:65px}.scatter-doodle-scissors-blue{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 60 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28,45 L10,5 L30,40 Z' fill='%23ffffff' stroke='%231E3A8A' stroke-width='2'/%3E%3Cpath d='M32,45 L50,5 L30,40 Z' fill='%23ffffff' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='30' cy='45' r='3' fill='%231E3A8A'/%3E%3Cpath d='M25,50 C10,60 10,90 25,90 C35,90 35,70 25,60' fill='%233B82F6' stroke='%231E3A8A' stroke-width='2'/%3E%3Cpath d='M35,50 C50,60 50,90 35,90 C25,90 25,70 35,60' fill='%233B82F6' stroke='%231E3A8A' stroke-width='2'/%3E%3C/svg%3E");width:45px;height:75px}.scatter-doodle-palette-blue{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10,40 C10,10 90,10 90,40 C90,70 60,80 40,70 C20,60 10,70 10,40 Z' fill='%2360A5FA' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='30' cy='55' r='8' fill='%231E3A8A'/%3E%3Ccircle cx='35' cy='25' r='6' fill='%23FBBF24' stroke='%231E3A8A' stroke-width='1'/%3E%3Ccircle cx='60' cy='20' r='6' fill='%233B82F6' stroke='%231E3A8A' stroke-width='1'/%3E%3Ccircle cx='75' cy='40' r='6' fill='%23FBBF24' stroke='%231E3A8A' stroke-width='1'/%3E%3C/svg%3E");width:60px;height:50px}.scatter-doodle-calculator-blue{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 70 100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='60' height='90' rx='5' fill='%2360A5FA' stroke='%231E3A8A' stroke-width='2'/%3E%3Crect x='15' y='15' width='40' height='20' fill='%233B82F6' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='20' cy='50' r='4' fill='none' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='35' cy='50' r='4' fill='none' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='50' cy='50' r='4' fill='none' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='20' cy='65' r='4' fill='none' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='35' cy='65' r='4' fill='none' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='50' cy='65' r='4' fill='none' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='20' cy='80' r='4' fill='none' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='35' cy='80' r='4' fill='none' stroke='%231E3A8A' stroke-width='2'/%3E%3Ccircle cx='50' cy='80' r='4' fill='none' stroke='%231E3A8A' stroke-width='2'/%3E%3C/svg%3E");width:50px;height:75px}.scatter-doodle-brush-blue{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 30 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15,5 C5,20 10,40 15,40 C20,40 25,20 15,5 Z' fill='%233B82F6'/%3E%3Crect x='10' y='40' width='10' height='10' fill='%23ffffff' stroke='%231E3A8A' stroke-width='2'/%3E%3Cpath d='M11,50 L14,95 L16,95 L19,50 Z' fill='%2360A5FA' stroke='%231E3A8A' stroke-width='2'/%3E%3C/svg%3E");width:25px;height:80px}.scatter-doodle-protractor-blue{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 55' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5,50 A 45,45 0 0,1 95,50 Z' fill='%2360A5FA' stroke='%231E3A8A' stroke-width='2'/%3E%3Cpath d='M25,50 A 25,25 0 0,1 75,50 Z' fill='%233B82F6' stroke='%231E3A8A' stroke-width='2'/%3E%3Cline x1='50' y1='5' x2='50' y2='15' stroke='%231E3A8A' stroke-width='2'/%3E%3Cline x1='18' y1='18' x2='25' y2='25' stroke='%231E3A8A' stroke-width='2'/%3E%3Cline x1='82' y1='18' x2='75' y2='25' stroke='%231E3A8A' stroke-width='2'/%3E%3C/svg%3E");width:75px;height:40px}.hero-content{z-index:10;text-align:center;max-width:780px;position:relative}.hero-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--steel);margin-bottom:24px;font-family:Sora,sans-serif;font-size:12px;font-weight:600}.hero-title{color:var(--midnight);margin-bottom:16px;font-family:Fraunces,serif;font-size:clamp(40px,6vw,72px);font-weight:800;line-height:1.08}.hero-handwritten{color:var(--royal);margin-bottom:20px;font-family:Caveat,cursive;font-size:clamp(24px,3.2vw,34px);font-weight:700;display:block}.hero-subtitle{color:var(--muted);max-width:600px;margin:0 auto 36px;font-family:Inter,sans-serif;font-size:17px;line-height:1.7}.hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.tidy-up-btn{text-transform:uppercase;letter-spacing:.1em;color:var(--steel);cursor:pointer;z-index:20;opacity:.7;background:0 0;border:none;align-items:center;gap:6px;font-family:Sora,sans-serif;font-size:11px;transition:opacity .2s;display:flex;position:absolute;top:100px;right:40px}.tidy-up-btn:hover{opacity:1}@media (width<=1024px){.hero-calculator{right:6%}.hero-sticky-stack{left:4%}.hero-loose-pen{left:3%}}@media (width<=768px){.hero{min-height:100vh;padding:140px 20px 80px}.hero-scene{pointer-events:auto;transform:none}.hero-pencil-holder{top:2%;right:-5%;transform:scale(.6)}.hero-books{top:2%;left:-5%;transform:scale(.6)}.hero-tape{top:25%;right:-10%;transform:scale(.6)}.hero-stapler{bottom:5%;right:-5%;transform:scale(.6)}.hero-calculator{bottom:2%;left:-5%;transform:scale(.6)}.hero-sticky-stack{bottom:20%;left:-10%;transform:scale(.6)}.hero-loose-pen{bottom:15%;right:20%;transform:scale(.6)}.hero-highlighter{top:18%;left:-5%;transform:scale(.6)}.hero-subtitle{font-size:15px}.tidy-up-btn{display:none}.hero-content{background:radial-gradient(circle,#ffffffe6 0%,#fff0 80%);padding:20px}}@media (width<=480px){.hero-cta{flex-direction:column;gap:10px}.hero-cta .btn{width:100%}}.about{padding:120px 0;position:relative}.about-pin-wrapper{justify-content:center;align-items:flex-start;min-height:100vh;padding-top:10vh;display:flex}.about-note-container{perspective:900px;justify-content:center;align-items:center;display:flex;position:relative}.about-note{background: linear-gradient(180deg, #ffffff2e 0%, #fff0 25%),  var(--sticky-yellow);width:680px;max-width:90vw;height:auto;min-height:680px;transform-style:preserve-3d;cursor:default;border-radius:3px;flex-direction:column;justify-content:flex-start;padding:50px 70px 60px;transition:transform .15s ease-out;display:flex;position:relative;transform:rotate(-2deg)rotateX(2deg)rotateY(-1deg);box-shadow:0 2px 4px #00000014,0 8px 16px #0000000f,0 16px 32px #0000000d,0 32px 64px #0000000a}.about-note:before{content:"";pointer-events:none;z-index:1;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)' opacity='0.03'/%3E%3C/svg%3E"),repeating-linear-gradient(0deg,#0000,#0000 35px,#1e3a8a0f 35px 36px);border-radius:3px;position:absolute;inset:0}.about-note:after{content:"";background:linear-gradient(135deg, var(--sticky-yellow) 42%, #0000000f 42%, #0000000f 50%, #e2c36e 50%);z-index:2;border-radius:0 0 3px;width:54px;height:54px;position:absolute;bottom:0;right:0;transform:translateZ(2px);box-shadow:-2px -2px 4px #0000000a}.note-edge{pointer-events:none;background:#d4ad4a;position:absolute}.note-edge-bottom{transform-origin:top;background:linear-gradient(#d9b44e 0%,#c4a03a 100%);border-radius:0 0 2px 2px;height:6px;bottom:-6px;left:4px;right:4px;transform:rotateX(-90deg);box-shadow:0 2px 6px #00000026}.note-edge-right{transform-origin:0;background:linear-gradient(90deg,#d9b44e 0%,#c4a03a 100%);border-radius:0 2px 2px 0;width:5px;top:4px;bottom:4px;right:-5px;transform:rotateY(90deg);box-shadow:2px 0 6px #0000001a}.about-note-strip{z-index:3;background:#1e3a8a0f;border-radius:0 0 4px 4px;width:120px;height:32px;position:absolute;top:-3px;left:50%;transform:translate(-50%)translateZ(3px)}.about-note-content{z-index:2;width:78%;margin:30px auto 0;position:relative}.about-title-text{color:var(--midnight);transform-origin:0;text-underline-offset:5px;margin-bottom:20px;font-family:Caveat,cursive;font-size:46px;font-weight:700;line-height:1.2;-webkit-text-decoration:underline #0b1f3a26;text-decoration:underline #0b1f3a26;text-decoration-thickness:2px;display:block;transform:rotate(-1deg)}.about-note-text{color:var(--midnight);font-family:Caveat,cursive;font-size:30px;font-weight:700;line-height:1.5}.about-note-text p{margin-bottom:18px}.about-note-text p:last-child{margin-bottom:0}.about-write-pen{z-index:6;pointer-events:none;will-change:left, top, opacity;position:absolute}.about-write-pen .write-pen-nib{clip-path:polygon(0 50%,100% 0,100% 100%);background:linear-gradient(90deg,#4a5568,#718096);width:9px;height:7px;position:absolute;top:5px;left:-4px}.about-write-pen .write-pen-barrel{transform-origin:0;background:linear-gradient(#1e3a8a 0%,#0f2456 100%);border-radius:2px;width:60px;height:11px;position:absolute;top:1px;left:4px;transform:rotate(-35deg);box-shadow:inset 0 1px 2px #fff3,0 1px 3px #00000026}.about-write-pen .write-pen-grip{transform-origin:0;background:linear-gradient(#a0aec0,#718096);border-radius:0 4px 4px 0;width:16px;height:11px;position:absolute;top:-7px;left:48px;transform:rotate(-35deg)}.about-deco{opacity:0;pointer-events:none;transition:opacity .5s;position:absolute}.about-deco.visible{opacity:1}.about-paperclip{z-index:10;width:34px;height:72px;top:-20px;right:40px;transform:translateZ(6px)}.paperclip-shape{background:0 0;border:3px solid #b0b0b0;border-radius:15px 15px 8px 8px;width:30px;height:68px;position:relative;box-shadow:0 2px 6px #0000002e}.paperclip-shape:before{content:"";border:3px solid #b0b0b0;border-bottom:none;border-radius:10px 10px 5px 5px;position:absolute;inset:10px 5px 16px}.about-thumbtack{z-index:10;top:-14px;left:36px;transform:translateZ(8px)}.thumbtack-shape{background:radial-gradient(circle at 40% 40%,#e74c3c,#c0392b);border-radius:50%;width:22px;height:22px;position:relative;box-shadow:0 2px 4px #00000040,0 4px 8px #0000001f,inset 0 1px 3px #fff6}.thumbtack-shape:after{content:"";background:#ffffffa6;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=900px){.about-note{width:540px;min-height:540px;padding:40px 50px 50px}.about-note-content{width:85%;margin-top:24px}.about-title-text{margin-bottom:16px;font-size:38px}.about-note-text{font-size:24px}}@media (width<=768px){.about-pin-wrapper{min-height:auto;padding:60px 20px}.about-note{width:100%;max-width:420px;height:auto;min-height:420px;padding:40px 30px;transform:rotate(-2deg)}.about-note-content{width:100%;margin-top:20px}.about-title-text{margin-bottom:14px;font-size:34px}.about-note-text{font-size:22px}.note-edge-bottom,.note-edge-right{display:none}}.feature-illustration{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.illust-badge{border:4px solid var(--royal);background:#f0f0f0;border-radius:12px;flex-direction:column;align-items:center;width:140px;height:180px;padding-top:30px;display:flex;position:relative;box-shadow:0 10px 30px #0000001a}.badge-clip{background:#ccc;border-radius:6px;width:40px;height:30px;position:absolute;top:-20px}.badge-photo{background:#ddd;border-radius:50%;width:60px;height:60px;margin-bottom:20px}.badge-line{background:#ccc;border-radius:4px;width:80px;height:8px;margin-bottom:10px}.badge-line.short{width:50px}.illust-notebook{background:#fff;border-radius:8px 24px 24px 8px;width:160px;height:220px;position:relative;box-shadow:-10px 10px 20px #0000000d}.spiral{flex-direction:column;justify-content:space-between;width:20px;display:flex;position:absolute;top:10px;bottom:10px;left:10px}.spiral-ring{background:#d0d0d0;border-radius:4px;width:20px;height:6px}.line{background:#f0f0f0;height:2px;position:absolute;left:45px;right:20px}.illust-notebook-pen{background:var(--royal);border-radius:4px;width:120px;height:8px;position:absolute;top:100px;right:-20px;transform:rotate(-30deg);box-shadow:-4px 8px 12px #1e3a8a33}.illust-notepad{background:#fff;border-top:20px solid #2c3e50;border-radius:6px;width:150px;height:200px;position:relative;box-shadow:0 10px 20px #00000014}.ink-trail{width:120px;height:120px;stroke:var(--royal);stroke-width:4px;fill:none;stroke-linecap:round;position:absolute;top:40px;left:15px}.ink-line{stroke-dasharray:100;stroke-dashoffset:100px;animation:4s ease-in-out infinite draw-ink}.ink-line-1{animation-delay:0s}.ink-line-2{animation-delay:.8s}.ink-line-3{animation-delay:1.6s}.ink-line-4{animation-delay:2.4s}@keyframes draw-ink{0%,10%{stroke-dashoffset:100px}30%,80%{stroke-dashoffset:0}to{stroke-dashoffset:100px}}.illust-flashcards{width:160px;height:120px;position:relative}.illust-flashcard{background:#fff;border-radius:8px;width:140px;height:90px;padding:20px;position:absolute;box-shadow:0 4px 12px #00000014}.illust-flashcard:first-child{transform:rotate(-8deg)translate(-10px,10px)}.illust-flashcard:nth-child(2){z-index:2;transform:rotate(2deg)translate(5px,-5px)}.illust-flashcard:nth-child(3){z-index:3;transform:rotate(12deg)translate(20px,-15px)}.fc-line{background:#eaeaea;border-radius:3px;height:6px;margin-bottom:12px}.fc-line:last-child{width:60%}.illust-flashcards-pencil{z-index:4;background:#f1c40f;border-radius:4px;width:140px;height:10px;position:absolute;bottom:-20px;right:-30px;transform:rotate(-15deg)}.illust-clipboard{background:#e6ceb5;border-radius:12px;justify-content:center;width:160px;height:210px;display:flex;position:relative;box-shadow:0 10px 25px #0000001a}.clipboard-clip{z-index:3;background:#bdc3c7;border-radius:8px;width:80px;height:30px;position:absolute;top:-10px}.clipboard-paper{background:#fff;border-radius:4px;width:140px;height:170px;padding:20px 15px;position:absolute;top:30px}.cb-check-row{align-items:center;gap:10px;margin-bottom:15px;display:flex}.cb-box{border:2px solid #ccc;border-radius:3px;width:14px;height:14px}.cb-line{background:#eaeaea;border-radius:3px;width:70px;height:6px}.illust-stamp{width:180px;height:160px;position:relative}.stamp-body{z-index:3;background:#2c3e50;border-radius:30px 30px 8px 8px;width:60px;height:90px;position:absolute;top:0;left:60px}.stamp-paper{background:#fff;border-radius:6px;justify-content:center;align-items:center;width:140px;height:100px;display:flex;position:absolute;bottom:0;left:20px;box-shadow:0 8px 16px #0000000f}.stamp-check{color:#e74c3c;opacity:.8;font-size:48px;font-weight:700;transform:rotate(-10deg)}.illust-tracker{width:200px;height:180px;position:relative}.tracker-calc{background:#e0e0e0;border-radius:12px;width:110px;height:150px;padding:15px;position:absolute;bottom:0;left:0;transform:rotate(-5deg);box-shadow:0 10px 20px #0000001a}.tracker-calc-screen{background:#bdc3c7;border-radius:4px;height:30px;margin-bottom:15px}.tracker-calc-keys{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tracker-calc-key{background:#fff;border-radius:3px;height:15px}.tracker-graph-card{z-index:2;background:#fff;border-radius:8px;width:120px;height:90px;padding:15px;position:absolute;top:10px;right:0;transform:rotate(8deg);box-shadow:0 15px 30px #00000014}.tracker-graph-bars{align-items:flex-end;gap:6px;height:100%;display:flex}.tracker-bar{background:var(--royal);border-radius:2px 2px 0 0;flex:1}.tracker-bar:first-child{height:30%}.tracker-bar:nth-child(2){height:50%}.tracker-bar:nth-child(3){height:40%}.tracker-bar:nth-child(4){height:70%}.tracker-bar:nth-child(5){height:90%}.illust-calendar{background:#fff;border-radius:8px;width:150px;height:160px;position:relative;overflow:hidden;box-shadow:0 10px 25px #0000001a}.calendar-pin{z-index:3;background:radial-gradient(circle at 30% 30%,#f1c40f,#d4ac0d);border-radius:50%;width:12px;height:12px;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #0003}.calendar-header{color:#fff;text-align:center;letter-spacing:.1em;background:#e74c3c;padding:20px 0 10px;font-family:Sora,sans-serif;font-size:14px;font-weight:700}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;padding:15px;display:grid}.calendar-day{aspect-ratio:1;background:#f0f0f0;border-radius:2px}.calendar-day.highlight{background:var(--royal)}.illust-magnifier{width:160px;height:180px;position:relative}.mag-notebook{background:#fff;border-radius:4px;width:140px;height:140px;padding:20px;position:absolute;bottom:0;left:0;box-shadow:0 5px 15px #0000000d}.mag-glass{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:3;background:#fff6;border:6px solid #2c3e50;border-radius:50%;width:80px;height:80px;position:absolute;top:0;right:0;box-shadow:inset 0 0 10px #0000001a,0 10px 20px #0000001a}.mag-handle{z-index:2;background:#8e44ad;border-radius:7px;width:14px;height:60px;position:absolute;top:75px;right:-10px;transform:rotate(-45deg)}.illust-bell{width:120px;height:100px;position:relative}.bell-dome{background:radial-gradient(#f1c40f,#b7950b);border-radius:50px 50px 0 0;width:100px;height:50px;position:absolute;bottom:15px;left:10px;box-shadow:inset 0 5px 10px #ffffff80}.bell-base{background:#2c3e50;border-radius:8px;width:120px;height:15px;position:absolute;bottom:0;left:0}.bell-button{background:#bdc3c7;border-radius:5px 5px 0 0;width:10px;height:20px;position:absolute;top:15px;left:55px}.illust-ai-teacher{z-index:2;background:#ffffffe6;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;animation:3s ease-in-out infinite alternate float-teacher;display:flex;position:relative;box-shadow:inset 0 0 20px #f1c40f33,0 10px 30px #0000001a}.teacher-emoji{text-shadow:0 5px 15px #0003;font-size:72px;line-height:1}.teacher-emoji-shadow{filter:blur(4px);background:#0000001a;border-radius:50%;width:80px;height:10px;animation:3s ease-in-out infinite alternate shadow-teacher;position:absolute;bottom:-20px}@keyframes float-teacher{0%{transform:translateY(5px)}to{transform:translateY(-5px)}}@keyframes shadow-teacher{0%{opacity:.5;transform:scale(1)}to{opacity:.2;transform:scale(.8)}}.ai-teacher-glow{z-index:1;background:radial-gradient(circle,#f1c40f33 0%,#0000 70%);width:120px;height:120px;position:absolute;top:10px;left:10px}.features-takeover{background-color:#f8f9fa;background-image:radial-gradient(#0b1f3a0f 1px,#0000 1px);background-size:24px 24px;width:100%;height:100vh;position:relative;overflow:hidden}.features-stationery-bg{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.stationery-item{will-change:transform;transition:opacity .6s}.stationery-svg{display:block}.features-content{z-index:2;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:absolute;inset:0}.features-image-container{z-index:5;justify-content:center;align-items:center;width:100%;max-width:400px;height:280px;display:flex;position:relative}.feature-image-item{opacity:0;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .6s,transform .6s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;top:0;left:0;transform:scale(.95)}.feature-image-item.active{opacity:1;transform:scale(1)}.feature-illustration{filter:drop-shadow(0 12px 24px #0b1f3a26)}.features-text-window{text-align:center;z-index:10;flex-direction:column;justify-content:flex-start;width:100vw;height:240px;display:flex;position:relative;overflow:hidden}.features-text-track{flex-direction:row;transition:transform .6s cubic-bezier(.25,1,.5,1);display:flex}.feature-text-slide{opacity:0;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:100vw;height:240px;padding:0 20px;transition:opacity .6s;display:flex}.feature-text-slide.active{opacity:1}.feature-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--royal);background:#1e3a8a14;border-radius:999px;margin-bottom:12px;padding:4px 12px;font-family:Sora,sans-serif;font-size:11px;font-weight:600}.feature-title{color:var(--midnight);margin-bottom:16px;font-family:Fraunces,serif;font-size:clamp(28px,3.5vw,48px);font-weight:800;line-height:1.1}.feature-desc{color:#4b5563;max-width:520px;margin:0 auto;font-family:Inter,sans-serif;font-size:17px;line-height:1.6}.features-progress{z-index:10;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.features-counter{letter-spacing:.08em;color:var(--royal);opacity:.7;font-family:Sora,sans-serif;font-size:12px;font-weight:600}.features-progress-bar{background:#0b1f3a1a;border-radius:2px;width:120px;height:3px;overflow:hidden}.features-progress-fill{background:var(--royal);border-radius:2px;height:100%;transition:width .5s cubic-bezier(.25,1,.5,1)}.features-dots{gap:8px;display:flex}.progress-dot{cursor:pointer;background:#0b1f3a26;border-radius:3px;width:6px;height:6px;transition:all .4s}.progress-dot.active{background:var(--royal);width:18px}.features-scroll-hint{z-index:10;flex-direction:column;align-items:center;gap:8px;animation:2s ease-in-out infinite hintPulse;display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.features-scroll-hint span{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-family:Sora,sans-serif;font-size:11px;font-weight:500}.scroll-hint-mouse{border:2px solid var(--muted);border-radius:11px;justify-content:center;width:22px;height:34px;display:flex;position:relative}.scroll-hint-wheel{background:var(--royal);border-radius:2px;width:3px;height:8px;margin-top:6px;animation:1.8s ease-in-out infinite scrollWheel}@keyframes scrollWheel{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.3;transform:translateY(8px)}}@keyframes hintPulse{0%,to{opacity:.8}50%{opacity:.4}}@media (width<=900px){.features-content{gap:10px}.features-image-container{max-width:300px;height:220px}.features-text-window,.feature-text-slide{height:220px}.feature-title{font-size:28px}.feature-desc{font-size:15px}.stationery-item{transform:scale(.7)!important}.features-scroll-hint{bottom:80px}}.testimonials{background-color:var(--white);padding:100px 0;position:relative;overflow:hidden}.desk-mug{z-index:2;opacity:.8;width:80px;height:100px;position:absolute;bottom:10%;right:5%;transform:rotate(5deg)}.mug-body{z-index:2;background:linear-gradient(90deg,#ecf0f1,#bdc3c7);border-radius:4px 4px 10px 10px;width:60px;height:70px;position:absolute;bottom:0;left:10px;box-shadow:0 5px 15px #0000000d}.mug-handle{z-index:1;border:6px solid #bdc3c7;border-radius:10px;width:25px;height:35px;position:absolute;top:15px;right:-15px}.mug-pens{z-index:1;width:40px;height:80px;position:absolute;bottom:30px;left:20px}.mug-pen{border-radius:4px;width:8px;height:70px;position:absolute;bottom:0}.pen-blue{background:var(--royal);left:0;transform:rotate(-15deg)}.pen-red{background:#e74c3c;height:80px;left:15px;transform:rotate(5deg)}.pen-yellow{background:var(--sticky-yellow);height:60px;left:30px;transform:rotate(20deg)}.testimonials-header{text-align:center;max-width:600px;margin:0 auto 60px;padding:0 20px}.trustpilot-badge{flex-direction:column;align-items:center;gap:6px;margin-bottom:24px;display:inline-flex}.tp-excellent{color:#1a1a1a;font-family:Sora,sans-serif;font-size:18px;font-weight:700}.tp-stars-container{gap:2px;display:flex}.tp-star-box{background-color:#00b67a;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.tp-star-box svg{width:18px;height:18px}.tp-logo-row{color:#666;align-items:center;gap:6px;margin-top:4px;font-family:Inter,sans-serif;font-size:13px;display:flex}.tp-logo-row strong{color:#1a1a1a}.tp-logo-text{color:#1a1a1a;font-family:Sora,sans-serif;font-size:15px;font-weight:700}.testimonials h2{color:var(--midnight);margin-bottom:0;font-family:Fraunces,serif;font-size:clamp(32px,5vw,48px);font-weight:800}.marquee-row{width:100vw;margin-bottom:24px;padding:10px 0;display:flex;overflow:hidden}.marquee-track{gap:24px;width:max-content;padding-left:24px;animation:45s linear infinite marquee-scroll;display:flex}.marquee-row.reverse .marquee-track{animation-direction:reverse}.marquee-row:hover .marquee-track{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.testimonial-card-wrapper{flex-shrink:0;width:380px;margin-bottom:20px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:relative;transform:translateZ(0)}.testimonial-card-wrapper:nth-child(odd){transform:rotate(-1.5deg)translateZ(0)}.testimonial-card-wrapper:nth-child(2n){transform:rotate(2deg)translateZ(0)}.testimonial-card-wrapper:hover{transform:translateY(-8px)scale(1.02)rotate(0)}.testimonial-card-backdrop{z-index:0;opacity:.6;border-radius:4px 4px 24px;width:100%;height:100%;transition:top .4s,left .4s,opacity .4s;position:absolute;top:4px;left:4px;box-shadow:2px 6px 12px -2px #0b1f3a26}.testimonial-card-wrapper:hover .testimonial-card-backdrop{opacity:.9;top:8px;left:8px;box-shadow:6px 16px 24px -4px #0b1f3a33}.testimonial-card{z-index:1;background-image:linear-gradient(135deg,#fff9 0%,#fff0 100%);border:1px solid #00000008;border-radius:4px 4px 24px;flex-direction:column;height:100%;padding:32px;display:flex;position:relative;box-shadow:inset 0 2px 4px #fffc,inset -2px -2px 6px #0000000d}.testimonial-card:after{content:"";background:linear-gradient(to top left,#0000 50%,#ffffffb3 50%);border-radius:0 0 24px;width:32px;height:32px;position:absolute;bottom:0;right:0;box-shadow:-4px -4px 8px #0000000f}.testimonial-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;font-family:Sora,sans-serif;font-size:16px;font-weight:700;display:flex;box-shadow:0 4px 8px #00000026}.testimonial-quote{flex-grow:1;margin-bottom:24px;font-family:Caveat,cursive;font-size:24px;font-weight:700;line-height:1.4}.testimonial-meta{flex-direction:column;gap:4px;display:flex}.testimonial-name{font-family:Sora,sans-serif;font-size:15px;font-weight:700}.testimonial-role{font-family:Inter,sans-serif;font-size:13px;font-weight:500}@media (width<=768px){.testimonials{padding:80px 0}.desk-mug{display:none}.testimonial-card-wrapper{width:320px}.testimonial-card{padding:24px}}.pricing{padding:100px 0}.pricing-header{text-align:center;max-width:600px;margin:0 auto 40px;padding:0 40px}.pricing-header h2{margin-bottom:10px;font-size:clamp(28px,3.5vw,40px)}.pricing-header p{color:#4b5563;margin-bottom:32px;font-family:Inter,sans-serif;font-size:17px}.pricing-toggles{flex-direction:column;align-items:center;gap:16px;margin-bottom:40px;display:flex}.pricing-toggle{background:#0b1f3a0d;border-radius:999px;padding:4px;display:inline-flex}.pricing-toggle-btn{color:var(--steel);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 24px;font-family:Sora,sans-serif;font-size:14px;font-weight:600;transition:all .3s;display:flex}.pricing-toggle-btn.active{background:var(--white);color:var(--midnight);box-shadow:0 4px 12px #0b1f3a14}.save-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#10b981;border-radius:4px;padding:2px 6px;font-size:10px}.pricing-grid{flex-wrap:wrap;justify-content:center;gap:32px;max-width:1000px;margin:0 auto;display:flex}.plan-card{background:var(--white);border:1px solid #0b1f3a14;border-radius:24px;flex:1;min-width:320px;max-width:400px;padding:48px 40px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:relative}.plan-card:hover{transform:translateY(-8px)}.plan-card.featured{border:2px solid var(--royal);z-index:2;background:linear-gradient(145deg,#fff,#f8fafe);transform:scale(1.05);box-shadow:0 24px 48px -12px #0b1f3a26}.plan-card.featured:hover{transform:scale(1.05)translateY(-8px)}.plan-popular-tag{background:var(--royal);color:var(--white);text-transform:uppercase;letter-spacing:.1em;border-radius:999px;padding:6px 16px;font-family:Sora,sans-serif;font-size:12px;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #1e3a8a4d}.plan-paperclip{z-index:10;pointer-events:none;width:20px;height:50px;position:absolute;top:-20px;right:30px}.plan-paperclip-inner{border:3px solid #bdc3c7;border-bottom:0;border-radius:10px 10px 0 0;width:100%;height:100%;position:relative;box-shadow:2px 4px 8px #0000001a}.plan-paperclip-inner:after{content:"";border:3px solid #bdc3c7;border-top:0;border-radius:0 0 6px 6px;width:4px;height:35px;position:absolute;top:15px;left:3px}.plan-tier{color:var(--midnight);margin-bottom:12px;font-family:Sora,sans-serif;font-size:20px;font-weight:700}.plan-price{color:var(--midnight);align-items:baseline;margin-bottom:16px;font-family:Fraunces,serif;font-size:48px;font-weight:800;display:flex}.plan-price span{color:var(--steel);margin-left:4px;font-family:Inter,sans-serif;font-size:16px;font-weight:500}.plan-description{color:#4b5563;margin-bottom:32px;font-family:Inter,sans-serif;font-size:15px;line-height:1.6}.plan-features{flex-direction:column;gap:16px;margin:0 0 40px;padding:0;list-style:none;display:flex}.plan-features li{color:var(--midnight);align-items:flex-start;gap:12px;font-family:Inter,sans-serif;font-size:15px;display:flex}.plan-check{width:20px;height:20px;color:var(--royal);flex-shrink:0}.plan-cta{width:100%}.pricing-footer-text{text-align:center;color:var(--steel);margin-top:60px;font-family:Inter,sans-serif;font-size:16px}.pricing-footer-text a{color:var(--royal);text-underline-offset:4px;font-weight:600;text-decoration:underline}@keyframes jiggle{0%{transform:rotate(0)}25%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}to{transform:rotate(0)}}.jiggle-anim{transform-origin:50%;animation:2s ease-in-out infinite jiggle}.jiggle-anim:hover{animation-play-state:paused}@media (width<=900px){.pricing-grid{flex-direction:column;align-items:center}.plan-card{width:100%;max-width:360px;padding:32px 24px}.plan-card.featured{transform:none}.plan-card.featured:hover{transform:translateY(-8px)}.pricing-toggles{flex-direction:column}.plan-price{font-size:36px}.plan-tier{font-size:18px}.plan-description{margin-bottom:24px;font-size:14px}.plan-features li{font-size:14px}}.cta-banner{text-align:center;padding:80px 40px}.cta-banner-content{max-width:600px;margin:0 auto}.cta-banner-handwritten{color:#fff9;margin-bottom:12px;font-family:Caveat,cursive;font-size:26px;font-weight:700;display:block}.cta-banner-title{color:var(--white);margin-bottom:32px;font-family:Fraunces,serif;font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.15}@media (width<=480px){.cta-banner{padding:60px 20px}}.faq{max-width:800px;margin:0 auto;padding:100px 20px}.faq-header{text-align:center;margin-bottom:60px}.faq-header .eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--steel);margin-bottom:16px;font-family:Sora,sans-serif;font-size:13px;font-weight:600}.faq-header h2{color:var(--midnight);margin-bottom:16px;font-family:Fraunces,serif;font-size:clamp(32px,5vw,44px);font-weight:800}.faq-header p{color:var(--muted);font-family:Inter,sans-serif;font-size:16px}.faq-list{flex-direction:column;gap:16px;display:flex}.faq-item{border-bottom:1px solid var(--border)}.faq-question{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:flex-start;gap:24px;width:100%;padding:24px 0;display:flex}.faq-question-text{color:var(--midnight);font-family:Sora,sans-serif;font-size:16px;font-weight:700;line-height:1.4;transition:color .2s}.faq-question:hover .faq-question-text{color:var(--royal)}.faq-icon{width:24px;height:24px;color:var(--royal);flex-shrink:0;justify-content:center;align-items:center;display:flex}.faq-pencil-icon{transform-origin:50%;width:14px;height:36px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:relative;transform:rotate(0)}.faq-item.open .faq-pencil-icon{transform:rotate(45deg)}.pencil-eraser{background:#e1b8b8;border-radius:4px 4px 0 0;width:14px;height:6px}.pencil-metal{background:linear-gradient(90deg,#95a5a6,#bdc3c7,#95a5a6);width:14px;height:4px}.pencil-body{background:var(--sticky-yellow);width:14px;height:18px;display:flex}.pencil-facet{border-right:1px solid #0000000d;flex:1;height:100%}.pencil-facet:first-child{background:#0000001a}.pencil-facet:nth-child(2){background:#fff3}.pencil-tip{clip-path:polygon(0 0,100% 0,50% 100%);background:#e6ceb5;width:14px;height:8px;position:relative}.pencil-lead{clip-path:polygon(0 0,100% 0,50% 100%);background:#2c3e50;width:4px;height:3px;position:absolute;bottom:0;left:5px}.faq-answer-wrapper{grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1);display:grid}.faq-item.open .faq-answer-wrapper{grid-template-rows:1fr}.faq-answer{overflow:hidden}.faq-answer-inner{color:var(--muted);max-width:90%;padding-bottom:32px;font-family:Inter,sans-serif;font-size:15px;line-height:1.7}@media (width<=768px){.faq{padding:80px 20px}.faq-question{padding:20px 0}.faq-question-text{font-size:15px}.faq-answer-inner{max-width:100%;font-size:14px}}.contact{padding:100px 0}.contact-inner{grid-template-columns:1fr 1fr;align-items:start;gap:60px;max-width:960px;margin:0 auto;padding:0 40px;display:grid}.contact-info h2{margin-bottom:16px;font-size:clamp(28px,3.5vw,38px)}.contact-info-text{color:var(--muted);margin-bottom:32px;font-size:16px;line-height:1.7}.contact-details{flex-direction:column;gap:18px;display:flex}.contact-detail{align-items:center;gap:12px;display:flex}.contact-detail-icon{background:var(--soft-gray);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.contact-detail-icon svg{width:18px;height:18px;color:var(--royal)}.contact-detail-text{flex-direction:column;gap:2px;display:flex}.contact-detail-label{text-transform:uppercase;letter-spacing:.06em;color:var(--steel);font-family:Sora,sans-serif;font-size:11px;font-weight:600}.contact-detail-value{color:var(--charcoal);font-size:14px}.contact-pen{background:linear-gradient(90deg,#d0d0d0,#f0f0f0,#d0d0d0);border-radius:4px;width:100px;height:7px;margin-top:32px;position:relative;transform:rotate(-10deg);box-shadow:0 2px 6px #00000014}.contact-pen:before{content:"";border-top:3.5px solid #0000;border-bottom:3.5px solid #0000;border-right:12px solid #d0d0d0;width:0;height:0;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.contact-pen:after{content:"";background:var(--royal);border-radius:0 4px 4px 0;width:10px;height:100%;position:absolute;top:0;right:-4px}.contact-form-card{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:18px;padding:36px}.contact-form{flex-direction:column;gap:18px;display:flex}.form-label{color:var(--midnight);letter-spacing:.02em;font-family:Sora,sans-serif;font-size:12px;font-weight:600}.form-input,.form-textarea{border:1px solid var(--border);background:var(--soft-gray);color:var(--charcoal);border-radius:10px;outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-textarea:focus{border-color:var(--royal);background:var(--white);box-shadow:0 0 0 3px #1e3a8a1a}.form-textarea{resize:vertical;min-height:120px}.form-submit{margin-top:4px}@media (width<=768px){.contact-inner{grid-template-columns:1fr;gap:40px;padding:0 20px}}.footer{background-color:var(--midnight);color:#ffffffb3;padding:72px 0 32px}.footer-inner{max-width:1100px;margin:0 auto;padding:0 40px}.footer-top{grid-template-columns:1.4fr repeat(4,1fr);gap:40px;margin-bottom:48px;display:grid}.footer-brand{flex-direction:column;gap:14px;display:flex}.footer-brand-row{align-items:center;gap:10px;display:flex}.footer-mark{border-radius:8px;flex-shrink:0;width:32px;height:32px;overflow:hidden}.footer-mark img{object-fit:cover;width:100%;height:100%}.footer-wordmark{letter-spacing:.04em;text-transform:uppercase;color:#fff;font-family:Sora,sans-serif;font-size:13px;font-weight:600}.footer-tagline{color:#ffffff80;max-width:260px;font-size:13px;line-height:1.6}.footer-col h4{letter-spacing:.1em;text-transform:uppercase;color:#fff6;margin-bottom:18px;font-family:Sora,sans-serif;font-size:12px;font-weight:600}.footer-col ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-col a{color:#ffffffa6;font-size:13.5px;text-decoration:none;transition:color .2s}.footer-col a:hover{color:#fff}.footer-socials{gap:12px;margin-top:18px;display:flex}.footer-social{color:#fff9;background:#ffffff14;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.footer-social:hover{color:#fff;background:#ffffff26}.footer-social svg{width:16px;height:16px}.footer-bottom{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:24px;display:flex}.footer-copyright{color:#ffffff59;font-size:12px}.footer-bottom-links{gap:20px;display:flex}.footer-bottom-links a{color:#ffffff59;font-size:12px;text-decoration:none;transition:color .2s}.footer-bottom-links a:hover{color:#ffffffb3}@media (width<=900px){.footer-top{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1/-1}}@media (width<=600px){.footer-top{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column;gap:12px}.footer-inner{padding:0 20px}}.banner{background-color:var(--midnight);background-image:radial-gradient(#ffffff1f 1px,#0000 1px);background-size:24px 24px;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;align-items:center;width:100%;height:72px;display:flex;position:relative;overflow:hidden}.banner-track{width:max-content;animation:30s linear infinite banner-scroll;display:flex}.banner-track:hover{animation-play-state:paused}.banner-content{align-items:center;gap:32px;padding-right:32px;display:flex}.banner-item{text-transform:uppercase;letter-spacing:.12em;color:var(--white);white-space:nowrap;align-items:center;gap:32px;font-family:Sora,sans-serif;font-size:13px;font-weight:600;display:flex}.banner-separator{color:#ffffff4d;font-size:10px}@keyframes banner-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.banner.banner-a .banner-track{animation-duration:25s}.banner.banner-b .banner-track{animation-duration:32s}.banner.banner-c .banner-track{animation-duration:28s}@media (width<=768px){.banner{height:60px}.banner-item{gap:24px;font-size:11px}.banner-content{gap:24px;padding-right:24px}}.banner-p{background-color:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border);z-index:10;align-items:center;width:100%;height:72px;display:flex;position:relative;overflow:hidden}.banner-highlighter{background:var(--sticky-yellow);opacity:.9;z-index:3;pointer-events:none;border-radius:8px;width:140px;height:40px;position:absolute;top:16px;left:0;transform:skew(-15deg)translate(-80px)}.banner-mask-container{z-index:2;background-color:var(--midnight);background-image:radial-gradient(circle,#ffffff1f 1.4px,#0000 1.4px);background-size:26px 26px;width:100%;height:100%;position:absolute;top:0;left:0}.banner-p .banner-track{width:max-content;height:100%;display:flex}.banner-p .banner-track.is-looping{animation:30s linear infinite marquee-p}.banner-p .banner-content{align-items:center;gap:32px;width:auto;padding-right:32px;display:flex}.banner-p .banner-item{white-space:nowrap;align-items:center;display:flex}.banner-p .banner-item span:first-child{letter-spacing:.18em;text-transform:uppercase;color:var(--white);font-family:Sora,sans-serif;font-size:13px;font-weight:600}.banner-p .banner-separator{color:var(--steel);opacity:.8;margin:0 32px;font-size:14px}@keyframes marquee-p{0%{transform:translate(0)}to{transform:translate(-50%)}}.global-scattered-bg{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.role-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;opacity:0;background:#0b1f3a99;justify-content:center;align-items:center;animation:.3s forwards modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{to{opacity:1}}.role-modal-content{-webkit-backdrop-filter:blur(20px);background:#ffffff59;border:1px solid #ffffff80;border-radius:20px;width:90%;max-width:800px;padding:40px;animation:.4s cubic-bezier(.16,1,.3,1) forwards modalSlideUp;position:relative;transform:translateY(20px)scale(.98);box-shadow:0 20px 40px #0000001a}@keyframes modalSlideUp{to{transform:translateY(0)scale(1)}}.role-modal-close{cursor:pointer;color:var(--slate);background:0 0;border:none;font-size:32px;line-height:1;transition:color .2s,transform .2s;position:absolute;top:20px;right:20px}.role-modal-close:hover{color:var(--midnight);transform:scale(1.1)}.role-modal-content h2{text-align:center;color:var(--midnight);margin-bottom:10px;font-size:2rem}.role-modal-content>p{text-align:center;color:var(--slate);margin-bottom:40px;font-size:1.1rem}.role-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.role-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;text-align:center;background:#fff6;border:1px solid #fff9;border-radius:16px;padding:30px 20px;transition:all .3s cubic-bezier(.16,1,.3,1)}.role-card:hover{border-color:var(--royal);background:#fffc;transform:translateY(-8px);box-shadow:0 10px 30px #4b6cb726}.role-card h3{color:var(--royal);margin-bottom:15px;font-size:1.4rem}.role-card p{color:var(--charcoal);margin-bottom:0;font-size:.95rem;line-height:1.5}@media (width<=768px){.role-cards{grid-template-columns:1fr}.role-modal-content{padding:30px 20px}.role-modal-content h2{font-size:1.7rem}}@media (width<=899px){.sidebar{display:none}}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (width<=899px){.topbar{padding:0 16px}.topbar-greeting{font-size:1.05rem}}@media (width<=899px){.mobile-topbar{display:flex}}@keyframes mobile-menu-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes ambient-drift-1{0%{transform:rotate(-15deg)translate(0)}25%{transform:rotate(-13deg)translate(4px,-5px)}50%{transform:rotate(-17deg)translate(-3px,6px)}75%{transform:rotate(-14deg)translate(5px,2px)}to{transform:rotate(-15deg)translate(0)}}@keyframes ambient-drift-2{0%{transform:rotate(10deg)translate(0)}30%{transform:rotate(13deg)translate(-5px,4px)}60%{transform:rotate(8deg)translate(3px,-6px)}to{transform:rotate(10deg)translate(0)}}@keyframes ambient-drift-3{0%{transform:rotate(22deg)translate(0)}33%{transform:rotate(25deg)translate(-4px,5px)}66%{transform:rotate(19deg)translate(6px,-3px)}to{transform:rotate(22deg)translate(0)}}@keyframes ambient-drift-4{0%{transform:rotate(-8deg)translate(0)}40%{transform:rotate(-5deg)translate(5px,-4px)}80%{transform:rotate(-10deg)translate(-4px,6px)}to{transform:rotate(-8deg)translate(0)}}@keyframes ambient-drift-5{0%{transform:rotate(5deg)translate(0)}35%{transform:rotate(8deg)translate(-6px,-3px)}70%{transform:rotate(3deg)translate(4px,5px)}to{transform:rotate(5deg)translate(0)}}@keyframes ambient-drift-6{0%{transform:rotate(0)translate(0)}20%{transform:rotate(4deg)translate(3px,-6px)}50%{transform:rotate(-3deg)translate(-4px,4px)}80%{transform:rotate(2deg)translate(5px,-2px)}to{transform:rotate(0)translate(0)}}@keyframes ambient-drift-7{0%{transform:rotate(-6deg)translate(0)}45%{transform:rotate(-9deg)translate(5px,5px)}90%{transform:rotate(-4deg)translate(-3px,-4px)}to{transform:rotate(-6deg)translate(0)}}@keyframes ambient-drift-8{0%{transform:rotate(30deg)translate(0)}50%{transform:rotate(34deg)translate(-5px,4px)}to{transform:rotate(30deg)translate(0)}}@media (prefers-reduced-motion:reduce){.ambient-drift-1,.ambient-drift-2,.ambient-drift-3,.ambient-drift-4,.ambient-drift-5,.ambient-drift-6,.ambient-drift-7,.ambient-drift-8{animation-play-state:paused}}@media (width<=899px){.dashboard-shell{padding:0}.dashboard-main{border-radius:0;margin-left:0;padding-top:58px}.topbar{display:none}.dashboard-content{padding:20px 16px}}@media (width<=600px){.dashboard-content{padding:16px 12px}}@keyframes glassy-sweep{0%{left:-100%}to{left:200%}}@keyframes ripple-fade{to{opacity:0;transform:translate(-50%,-50%)scale(15)}}.gamification-strip{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px;display:grid}@media (width<=800px){.gamification-strip{grid-template-columns:1fr}}.gamification-note{flex-direction:column;justify-content:space-between;min-height:140px;display:flex}.gamification-note-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.gamification-doodle{flex-shrink:0;width:30px;height:30px}.gamification-note-title{color:var(--midnight);font-family:Fraunces,serif;font-size:1rem;font-weight:700;line-height:1.2}.gamification-value-row{align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.gamification-value{font-family:Fraunces,serif;font-size:2.2rem;font-weight:800;line-height:1}.gamification-unit{opacity:.8;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.gamification-desc{color:var(--muted);margin:0;font-family:Inter,sans-serif;font-size:13px;line-height:1.4}.gamification-progress-wrap{flex-direction:column;gap:6px;margin-top:auto;display:flex}.gamification-progress-track{background:#1e3a8a1a;border-radius:999px;height:6px;overflow:hidden}.gamification-progress-fill{background:var(--royal);height:100%;transition:width .6s var(--liquid-ease);border-radius:999px}.gamification-progress-text{color:var(--royal);opacity:.8;text-align:right;font-family:Inter,sans-serif;font-size:11px;font-weight:600}.gamification-badge-content{flex-direction:column;gap:4px;display:flex}.gamification-badge-name{font-family:Fraunces,serif;font-size:1.1rem;font-weight:700}.gamification-badge-content.empty{margin-top:auto}.badge-pop{animation:badge-pop .6s var(--liquid-ease)}.dash-subjects-grid{gap:24px;display:grid}.dash-subjects-grid.grid-1,.dash-subjects-grid.grid-2,.dash-subjects-grid.grid-3,.dash-subjects-grid.grid-4{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.dash-subjects-grid.grid-1 .subject-glass-card{width:450px}.dash-subjects-grid.grid-2 .subject-glass-card{width:400px}.dash-subjects-grid.grid-3 .subject-glass-card{width:320px}.dash-subjects-grid.grid-4 .subject-glass-card{width:260px}.dash-subjects-grid.grid-multi{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.subject-glass-card{-webkit-backdrop-filter:blur(24px);perspective:1200px;background:#fff6;border:1px solid #fff9;border-radius:24px;flex-direction:column;align-items:center;padding:32px 24px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 12px 32px #0000000d}.subject-glass-card:hover{transform:translateY(-8px)}.subject-3d-book{cursor:pointer;width:160px;height:220px;transform-style:preserve-3d;margin-bottom:24px;position:relative}.subject-3d-book .book-pages{z-index:1;background:#fdfbf7 linear-gradient(90deg,#0000 0% 90%,#0000001a 90% 95%,#0000 95%);border:1px solid #cbd5e1;border-radius:4px 12px 12px 4px;position:absolute;inset:8px -5px 8px 10px;box-shadow:inset -4px 0 10px #0000000d,10px 15px 30px #0003}.subject-3d-book .book-cover{z-index:2;transform-origin:0;text-align:center;width:100%;height:100%;transform-style:preserve-3d;background:linear-gradient(135deg,#e0f2fe 0%,#1e3a8a 100%);border:1px solid #1e40af;border-radius:4px 12px 12px 4px;justify-content:center;align-items:center;padding:24px;transition:transform .6s cubic-bezier(.34,1.56,.64,1),box-shadow .6s;display:flex;position:absolute;top:0;left:0;box-shadow:inset 4px 0 10px #fff6,inset -2px 0 5px #0003,0 10px 20px #00000026}.subject-glass-card:hover .book-cover{transform:rotateY(-35deg);box-shadow:inset 4px 0 10px #fff9,12px 12px 24px #0000004d}.subject-3d-book .book-cover .book-title{color:#fff;letter-spacing:-.5px;text-shadow:0 2px 4px #0006;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;line-height:1.2;transform:translateZ(15px)}.subject-card-title{color:var(--midnight);text-align:center;margin:0 0 20px;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:600}.subject-card-buttons{flex-direction:column;gap:12px;width:100%;display:flex}.subject-card-buttons .btn{width:100%;color:var(--midnight);background:#fff9;border:1px solid #fffc;border-radius:12px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #0000000d}.subject-card-buttons .btn:hover{color:#fff;background:#1e3a8a;border-color:#1e3a8a;transform:translateY(-2px)}@media (width<=1024px){.dash-features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.dash-features-grid{grid-template-columns:1fr}}.dash-agenda-item.ai-teacher-event{background:linear-gradient(135deg,#7c3aed0a 0%,#0000 60%);border-left-color:#7c3aed}.progress-widget{background:#fff;border:1px solid #e2e2e2;border-radius:10px;max-width:340px;padding:20px}.progress-widget h3{margin:0 0 14px}.progress-empty{color:#777;font-size:.9rem}.progress-trend-hint{color:#999;margin:0 0 12px;font-size:.8rem}.progress-sparkline{align-items:flex-end;gap:4px;height:48px;display:flex}.progress-bar-mini{background:#2f855a;border-radius:2px 2px 0 0;flex:1;min-height:2px}.custom-drive-viewer{background:var(--surface-card);border-radius:var(--radius-lg);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.custom-drive-loading{width:100%;height:100%;min-height:400px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.custom-drive-spinner{border:3px solid #0000001a;border-top-color:var(--royal);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}.custom-drive-header{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;padding:16px 24px;display:flex}.custom-drive-breadcrumbs{align-items:center;gap:8px;font-size:.95rem;font-weight:500;display:flex}.custom-drive-crumb-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;transition:all .2s}.custom-drive-crumb-btn:hover{color:var(--royal);background:#0000000d}.custom-drive-crumb-active{color:var(--midnight);padding:4px 8px;font-weight:600}.custom-drive-crumb-sep{color:var(--text-tertiary)}.custom-drive-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding:24px;display:grid;overflow-y:auto}.custom-drive-item{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.custom-drive-item:hover{border-color:#1e3a8a33;transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.custom-drive-item-thumb{background:var(--surface-hover);border-bottom:1px solid var(--border);justify-content:center;align-items:center;height:120px;display:flex;position:relative}.custom-drive-item-thumb img{object-fit:cover;width:100%;height:100%}.custom-drive-folder-icon{fill:#fcd34d;width:64px;height:64px}.custom-drive-item-info{align-items:center;gap:12px;padding:12px 16px;display:flex}.custom-drive-item-icon{flex-shrink:0;width:24px;height:24px}.custom-drive-item-name{color:var(--midnight);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;overflow:hidden}.custom-drive-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:99999;background:#0b1f3ad9;flex-direction:column;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.custom-drive-modal-close{z-index:999999;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:absolute;top:16px;right:24px}.custom-drive-modal-close:hover{background:#0009;transform:scale(1.1)}.custom-drive-modal-content{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding:0;display:flex}.custom-drive-modal-iframe{width:100%;max-width:100%;height:100%;box-shadow:none;background:0 0;border:none;border-radius:0}.folder-shelf{margin-bottom:32px}.folder-tile.is-empty .folder-label,.folder-tile.is-empty .folder-count{color:var(--text-muted)}@keyframes pulse-skeleton{0%,to{opacity:.4}50%{opacity:.7}}@media (width<=768px){.reading-room{padding:24px 20px 32px}.reading-room-title{font-size:1.6rem}.folder-tile{width:110px;min-height:140px}.drive-folder-frame{height:400px}}@media (prefers-reduced-motion:reduce){.folder-tile{transition:none}}.premium-practice-theme{color:#0f172a;z-index:0;min-height:100%;padding-bottom:40px;position:relative;overflow:hidden}.premium-practice-theme:before{content:"";filter:blur(100px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#3b82f640 0%,#1d4ed81a 40%,#0000 70%);width:140vw;height:80vh;position:fixed;bottom:-30vh;left:-20vw}.premium-practice-theme>*{z-index:1;position:relative}@keyframes open-folder-anim{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.premium-practice-theme .drive-folder-frame{background:#fff;border:1px solid #ffffff1a;border-radius:24px;flex:1;height:100%;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards open-folder-anim;overflow:hidden;box-shadow:0 12px 40px #0006}.premium-practice-theme .drive-folder-embed{background:#fff;border-radius:24px;width:100%;margin-top:-48px;height:calc(100% + 48px)!important}.premium-practice-theme .folder-shelf{max-width:860px;margin:0 auto}.premium-practice-theme .folder-grid{scroll-snap-type:x mandatory;scrollbar-width:none;flex-flow:row;gap:40px;padding:40px 20px 60px;display:flex;overflow-x:auto}.premium-practice-theme .folder-grid::-webkit-scrollbar{display:none}.premium-practice-theme .folder-shelf-container{flex-direction:column;justify-content:center;align-items:center;max-width:1040px;margin:0 auto;display:flex;position:relative}.premium-practice-theme .carousel-controls{gap:32px;margin-top:10px;margin-bottom:20px;display:flex}.premium-practice-theme .carousel-btn{color:#fff6;cursor:pointer;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;width:60px;height:60px;transition:all .2s;display:flex}.premium-practice-theme .carousel-btn:hover{color:#fff;transform:scale(1.2)}.premium-practice-theme .carousel-btn svg{width:36px;height:36px}.premium-practice-theme .page-title,.premium-practice-theme .page-subtitle,.premium-practice-theme .reading-room-title,.premium-practice-theme .reading-room-subtitle{color:#0f172a}.premium-tabs-container{-webkit-backdrop-filter:blur(20px);background:#fff9;border:1px solid #0000000d;border-radius:24px;justify-content:center;align-items:center;gap:16px;width:fit-content;max-width:100%;margin:0 auto 32px;padding:12px;display:flex;overflow-x:auto;box-shadow:0 4px 20px #0000000d}.premium-tab-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:16px;align-items:center;gap:10px;padding:14px 28px;font-family:inherit;font-size:16px;font-weight:600;transition:all .2s ease-out;display:flex}.premium-tab-btn svg{width:24px;height:24px;transition:transform .2s}.premium-tab-btn:hover{color:#0f172a;background:#0000000d}.premium-tab-btn.active{color:#fff;background:#000;box-shadow:0 4px 12px #00000026}.premium-tab-btn.active svg{transform:scale(1.1)}.premium-tab-btn:active{transform:translateY(1px)}.premium-practice-theme .folder-tile{scroll-snap-align:center;width:240px;height:320px;box-shadow:none;perspective:1200px;cursor:pointer;background:0 0;border:none;flex:none;padding:0;position:relative}.premium-practice-theme .reading-room{-webkit-backdrop-filter:blur(40px);background:#00072d;border:1px solid #ffffff1a;border-radius:40px;margin:0 24px;padding-top:48px;box-shadow:0 -10px 40px #0003}.premium-practice-theme .reading-room-header{text-align:center;flex-direction:column;align-items:center;display:flex}.premium-practice-theme .book-pages{z-index:1;background:#fdfbf7 linear-gradient(90deg,#0000 0% 90%,#0000001a 90% 95%,#0000 95%);border:1px solid #cbd5e1;border-radius:4px 16px 16px 4px;position:absolute;inset:10px -5px 10px 15px;box-shadow:inset -4px 0 10px #0000000d,15px 20px 40px #0006}.premium-practice-theme .book-cover{z-index:2;transform-origin:0;text-align:center;width:100%;height:100%;transform-style:preserve-3d;background:linear-gradient(145deg,#fef08a 0%,#eab308 100%);border:1px solid #ca8a04;border-radius:4px 16px 16px 4px;justify-content:center;align-items:center;padding:32px;transition:transform .6s cubic-bezier(.34,1.56,.64,1),box-shadow .6s;display:flex;position:absolute;top:0;left:0;box-shadow:inset 4px 0 10px #fff9,inset -2px 0 5px #0003,0 10px 20px #0003}.premium-practice-theme .folder-tile:hover .book-cover{transform:rotateY(-35deg);box-shadow:inset 4px 0 10px #fffc,15px 15px 30px #00000080}.premium-practice-theme .folder-label{letter-spacing:-1px;text-shadow:none;white-space:nowrap;text-overflow:ellipsis;max-width:90%;font-size:26px;font-weight:800;line-height:1.1;overflow:hidden;transform:translateZ(20px);color:#000!important}.premium-practice-theme .folder-count,.premium-practice-theme .folder-caption,.premium-practice-theme .shelf-ledge{display:none!important}.premium-practice-theme .crumb-link{color:#fff;font-weight:600}.premium-practice-theme .crumb-link:hover{color:#fde047;text-decoration:underline}.premium-practice-theme .crumb-sep{color:#ffffff80}.premium-practice-theme .crumb-active{color:#fff}.premium-practice-theme .practice-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f8fafc;background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 8px 32px #00000026}.premium-practice-theme .practice-card-title{color:#fff}.premium-practice-theme .practice-card-meta{color:#94a3b8}.premium-practice-theme .lecture-subject{color:#fde047;background:#fde0471a;border:1px solid #fde04733}.premium-practice-theme .btn-primary{color:#0f172a;background:linear-gradient(145deg,#fde047 0%,#eab308 100%);border:none;box-shadow:0 4px 14px #eab3084d}.premium-practice-theme .btn-primary:hover{background:linear-gradient(145deg,#fef08a 0%,#eab308 100%);transform:translateY(-2px);box-shadow:0 6px 20px #eab30866}.premium-practice-theme .btn-ghost{color:#fde047}.premium-practice-theme .btn-ghost:hover{background:#fde0471a}.premium-practice-theme .filter-chip{color:#ffffffb3;background:#ffffff0d;border-color:#ffffff1a}.premium-practice-theme .filter-chip:hover{color:#fff;background:#ffffff1a}.premium-practice-theme .filter-chip.active{color:#0f172a;background:#fde047;border-color:#eab308}.practice-tabs{border-bottom:2px solid var(--border);gap:0;display:flex;overflow-x:auto}.practice-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:12px 24px;font-family:Sora,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.practice-tab:hover{color:var(--charcoal)}.practice-tab.active{color:var(--royal);border-bottom-color:var(--royal)}.filter-row{flex-direction:column;gap:8px;display:flex}.practice-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (width<=1024px){.practice-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.practice-grid{grid-template-columns:1fr}}.practice-card{flex-direction:column;gap:8px;padding:18px 20px;display:flex}.practice-card-top{justify-content:space-between;align-items:center;display:flex}.practice-status-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:3px 9px;font-family:Sora,sans-serif;font-size:9px;font-weight:700}.practice-status-badge.not_started{background:var(--soft-gray);color:var(--muted)}.practice-status-badge.in_progress{background:var(--warning-bg);color:var(--warning)}.practice-status-badge.graded{background:var(--success-bg);color:var(--success)}.practice-card-title{color:var(--midnight);margin:0;font-family:Fraunces,serif;font-size:1rem;font-weight:700}.practice-card-meta{color:var(--muted);flex-wrap:wrap;gap:4px;font-family:Inter,sans-serif;font-size:12px;display:flex}.practice-score{color:var(--success);font-weight:600}.practice-card-actions{margin-top:4px}@keyframes fadeUp3D{0%{opacity:0;transform:translateY(50px)rotateX(15deg)scale(.95)}to{opacity:1;transform:translateY(0)rotateX(0)scale(1)}}.form-container-3d{animation:.8s cubic-bezier(.2,.8,.2,1) forwards fadeUp3D}.practice-panel{-webkit-backdrop-filter:blur(24px);transform-style:preserve-3d;background:#ffffffb3;border:1px solid #ffffffe6;border-radius:24px;padding:40px;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;box-shadow:0 20px 40px #0000000d,inset 0 0 0 1px #ffffff80}.practice-panel:hover{transform:translateY(-8px)rotateX(2deg);box-shadow:0 30px 60px #00000014,inset 0 0 0 1px #fffc}.test-gen-form{flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;margin:0 auto;display:flex}.test-gen-form .form-group{text-align:center;width:100%;max-width:600px}.test-gen-form .form-label{color:#0f172a;margin-bottom:12px;font-size:1.1rem;font-weight:600;display:block}.test-gen-form .form-select,.test-gen-form .form-input{-webkit-backdrop-filter:blur(12px);color:#0f172a;text-align:center;text-align-last:center;background:#ffffff4d;border:1px solid #ffffff80;border-radius:16px;width:100%;padding:16px 40px;font-size:1.1rem;transition:all .3s;box-shadow:inset 0 2px 8px #00000005,0 4px 12px #00000008}.test-gen-form .form-select{appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%230f172a%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right 20px center;background-repeat:no-repeat;background-size:12px}.test-gen-form .form-select:focus,.test-gen-form .form-input:focus{border-color:#3b82f6;outline:none;transform:translateY(-2px);box-shadow:0 0 0 4px #3b82f626,inset 0 2px 4px #00000005}.practice-loading{text-align:center;color:#64748b;padding:48px;font-size:1.2rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.quiz-questions-container,.test-questions-container{margin-top:24px}.quiz-question-card{-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #0000000d;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 4px 20px #00000008}.quiz-question-text{color:#0f172a;margin-bottom:20px;font-size:1.15rem;font-weight:600;line-height:1.5}.question-number{color:#3b82f6;margin-right:8px;font-weight:800}.quiz-options-list{flex-direction:column;gap:12px;display:flex}.quiz-option-item{cursor:pointer;background:#ffffff80;border:1px solid #0000000d;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;transition:all .2s;display:flex}.quiz-option-item:hover{background:#fff;border-color:#3b82f64d;transform:translateY(-1px);box-shadow:0 4px 12px #00000005}.quiz-option-item.selected{background:#fde04726;border-color:#eab308}.option-letter{color:#475569;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.quiz-option-item.selected .option-letter{color:#0f172a;background:#eab308}.option-text{color:#334155;font-size:1.05rem;font-weight:500}.quiz-results-container{margin-top:24px}.quiz-score-header{text-align:center;margin-bottom:40px}.quiz-score-header h3{color:#475569;margin-bottom:20px;font-size:1.3rem;font-weight:600}.score-circle{color:#64748b;background:#fff;border:6px solid #eab308;border-radius:50%;justify-content:center;align-items:baseline;width:140px;height:140px;font-size:1.5rem;display:inline-flex;box-shadow:0 10px 30px #eab30833}.score-circle span{color:#0f172a;font-size:4rem;font-weight:800;line-height:128px}.quiz-result-card{background:#ffffffb3;border:1px solid #0000000d;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 4px 15px #00000005}.quiz-result-card.correct{background:#f0fdf499;border-color:#22c55e4d}.quiz-result-card.incorrect{background:#fef2f299;border-color:#ef44444d}.check-results-wrapper{width:100%;max-width:1000px;margin:0 auto;padding:32px}.results-layout{grid-template-columns:1fr 1fr;gap:32px;display:grid}@media (width<=800px){.results-layout{grid-template-columns:1fr}}.results-heading{color:#0f172a;margin-bottom:8px;font-size:1.25rem;font-weight:700}.results-hint{color:#64748b;margin-bottom:24px;font-size:.95rem}.history-accordion{flex-direction:column;gap:12px;display:flex}.history-card{background:#fff6;border:1px solid #ffffff80;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.history-card:hover{background:#fff9;border-color:#fffc}.history-card.expanded{background:#fffc;border-color:#ffffffe6;box-shadow:0 8px 16px -2px #0000001a}.history-card-header{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px;display:flex}.history-info{flex-direction:column;gap:4px;display:flex}.history-subject{color:#0f172a;font-size:1.05rem;font-weight:700}.history-topic{color:#64748b;font-size:.9rem}.history-stats{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.history-date{color:#94a3b8;font-size:.8rem}.history-score{border-radius:12px;padding:4px 10px;font-size:.85rem;font-weight:600}.history-score.complete{color:#0369a1;background:#e0f2fe}.history-score.pending{color:#b45309;background:#fef3c7}.history-detail{border-top:1px solid #0000000d;max-height:400px;margin-top:8px;padding:16px}.file-upload-box{text-align:center;background:#fff3;border:2px dashed #fff9;border-radius:16px;width:100%;padding:32px 16px;transition:all .2s}.file-upload-box:hover{background:#fff6;border-color:#ffffffe6}.file-upload-box input{color:#475569;font-size:.95rem}.result-header{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.result-q-num{color:#0f172a;font-size:1.15rem;font-weight:700}.result-badge{border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:700}.badge-correct{color:#166534;background:#22c55e26}.badge-incorrect{color:#991b1b;background:#ef444426}.result-answers{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.result-row{gap:12px;font-size:1.05rem;display:flex}.result-label{color:#64748b;font-weight:500}.text-correct{color:#16a34a;font-weight:600}.text-incorrect{color:#dc2626;font-weight:600}.quiz-explanation{color:#334155;background:#fff;border:1px solid #00000008;border-radius:12px;padding:16px 20px;font-size:1rem;line-height:1.6}.quiz-explanation strong{color:#0f172a;font-weight:700}.test-question-header{margin-bottom:24px}.test-question-marks{color:#d97706;background:#fde04733;border-radius:8px;margin-top:10px;padding:4px 12px;font-size:.95rem;font-weight:700;display:inline-block}.test-answer-toggle{gap:16px;margin-bottom:20px;display:flex}.test-answer-toggle .toggle-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex:1;padding:14px;font-size:1rem;font-weight:600;transition:all .2s}.test-answer-toggle .toggle-btn.active{color:#0f172a;background:#fde04726;border-color:#eab308;box-shadow:0 2px 10px #eab3081a}.test-input-container{margin-bottom:24px}.test-textarea{resize:vertical;width:100%;color:#0f172a!important;background:#fff!important;border-color:#cbd5e1!important;border-radius:12px!important;padding:16px!important;font-size:1.05rem!important;box-shadow:inset 0 2px 4px #00000005!important}.test-textarea:focus{background:#fff!important;border-color:#3b82f6!important;box-shadow:inset 0 2px 4px #00000005,0 0 0 3px #3b82f61a!important}.photo-upload-box{position:relative}.photo-upload-label{cursor:pointer;color:#64748b;text-align:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;font-weight:500;transition:all .2s;display:flex}.photo-upload-label:hover{color:#1e3a8a;background:#eff6ff;border-color:#3b82f6}.upload-icon{font-size:2.5rem}.hidden-file-input{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.submit-answer-btn{border-radius:12px;width:100%;padding:14px;font-size:1.05rem}.test-result-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:28px}.result-score-badge{border-bottom:1px solid #e2e8f0;align-items:baseline;gap:6px;margin-bottom:24px;padding-bottom:20px;display:flex}.marks-awarded{color:#3b82f6;font-size:2.5rem;font-weight:800}.marks-total{color:#64748b;font-size:1.25rem;font-weight:500}.result-details{flex-direction:column;gap:24px;display:flex}.result-detail-row{flex-direction:column;gap:10px;display:flex}.result-detail-row .result-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-size:.95rem;font-weight:700}.result-text{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;font-size:1.1rem;line-height:1.6}.feedback-text{background:#fde0470d;border-left:4px solid #eab308}.slide-in{animation:.5s cubic-bezier(.16,1,.3,1) forwards slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.exam-progress-header{margin-bottom:32px}.exam-progress-text{color:#64748b;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:1.1rem;font-weight:600;display:flex}.exam-progress-text span{color:#0f172a;font-size:1.25rem;font-weight:800}.exam-progress-track{background:#0000000d;border-radius:999px;width:100%;height:8px;overflow:hidden;box-shadow:inset 0 1px 3px #0000000d}.exam-progress-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.exam-card{min-height:300px}.exam-navigation{border-top:1px solid #0000000d;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;display:flex}.exam-nav-btn{border-radius:12px;padding:12px 24px;font-size:1.05rem;font-weight:600;transition:all .2s}.exam-nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.submit-btn{color:#fff;background:linear-gradient(145deg,#10b981 0%,#059669 100%);box-shadow:0 4px 14px #10b9814d}.submit-btn:hover:not(:disabled){background:linear-gradient(145deg,#34d399 0%,#10b981 100%);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.results-scroll-list{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;max-height:60vh;padding-right:16px;overflow-y:auto}.results-scroll-list::-webkit-scrollbar{width:8px}.results-scroll-list::-webkit-scrollbar-track{background:0 0}.results-scroll-list::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:20px}.quiz-taking{flex-direction:column;gap:20px;max-width:720px;display:flex}.quiz-header{justify-content:space-between;align-items:flex-start;display:flex}@media (width<=600px){.quiz-header{flex-direction:column;gap:12px}}.quiz-timer{color:var(--midnight);background:var(--soft-gray);border:1.5px solid var(--border);border-radius:999px;padding:8px 18px;font-family:Fraunces,serif;font-size:1.3rem;font-weight:800}.quiz-timer.warning{color:var(--error);background:var(--error-bg);border-color:#dc262633}.quiz-progress-track{background:var(--border);border-radius:999px;height:6px;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg, var(--royal), var(--steel));border-radius:999px;height:100%;transition:width .3s}.quiz-questions{flex-direction:column;gap:16px;display:flex}.quiz-question-card{background-image:none;padding:22px 24px 24px}.quiz-q-number{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:10px;font-family:Sora,sans-serif;font-size:11px;font-weight:700}.quiz-q-text{color:var(--charcoal);margin:0 0 18px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;line-height:1.6}.quiz-options{flex-direction:column;gap:8px;display:flex}.quiz-option{background:var(--soft-gray);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--charcoal);align-items:center;gap:12px;padding:11px 14px;font-family:Inter,sans-serif;font-size:14px;transition:all .14s;display:flex}.quiz-option input{display:none}.quiz-option:hover{background:#eff4ff;border-color:#1e3a8a33}.quiz-option.selected{border-color:var(--royal);color:var(--royal);background:#eff4ff;font-weight:600}.quiz-option-letter{border:1.5px solid var(--border);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-family:Sora,sans-serif;font-size:11px;font-weight:700;display:flex}.quiz-option.selected .quiz-option-letter{background:var(--royal);border-color:var(--royal);color:#fff}.quiz-submit-area{flex-direction:column;align-items:center;gap:16px;padding:24px 0 40px;display:flex}.quiz-confirm{background:var(--warning-bg);border-radius:var(--radius);border:1px solid #d9770633;flex-direction:column;gap:16px;width:100%;max-width:420px;padding:20px 24px;display:flex}.quiz-confirm-text{color:var(--charcoal);margin:0;font-family:Inter,sans-serif;font-size:14px}.results-page{flex-direction:column;gap:24px;max-width:720px;display:flex}.results-summary{background-image:none;align-items:center;gap:28px;padding:28px 32px;display:flex}.results-score-ring{flex-shrink:0;width:100px;height:100px;position:relative}.results-ring-svg{width:100%;height:100%}.results-score-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.results-score-num{color:var(--midnight);font-family:Fraunces,serif;font-size:1.5rem;font-weight:800;line-height:1}.results-score-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-family:Sora,sans-serif;font-size:10px;font-weight:600}.results-summary-info{flex-direction:column;gap:6px;display:flex}.results-meta{color:var(--muted);gap:4px;font-family:Inter,sans-serif;font-size:12px;display:flex}.results-breakdown{flex-direction:column;gap:12px;display:flex}.results-q-card{border-left:4px solid var(--border);padding:18px 20px}.results-q-card.correct{border-left-color:var(--success)}.results-q-card.incorrect{border-left-color:var(--error)}.results-q-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.results-q-num{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-family:Sora,sans-serif;font-size:11px;font-weight:700}.results-q-status{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:3px 9px;font-family:Sora,sans-serif;font-size:10px;font-weight:700}.results-q-status.correct{background:var(--success-bg);color:var(--success)}.results-q-status.incorrect{background:var(--error-bg);color:var(--error)}.results-q-text{color:var(--charcoal);margin:0 0 14px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;line-height:1.5}.results-answers{flex-direction:column;gap:8px;display:flex}.results-answer{border-radius:var(--radius-sm);flex-direction:column;gap:3px;padding:10px 12px;font-family:Inter,sans-serif;font-size:13px;display:flex}.results-answer.your-answer.correct{background:var(--success-bg);color:var(--success)}.results-answer.your-answer.incorrect{background:var(--error-bg);color:var(--error)}.results-answer.correct-answer{background:var(--success-bg);color:var(--success)}.results-answer-label{text-transform:uppercase;letter-spacing:.1em;opacity:.7;font-family:Sora,sans-serif;font-size:10px;font-weight:700}.results-feedback{border-radius:var(--radius-sm);background:#eff4ff;margin-top:10px;padding:10px 12px}.results-feedback-label{text-transform:uppercase;letter-spacing:.1em;color:var(--royal);margin-bottom:4px;font-family:Sora,sans-serif;font-size:10px;font-weight:700;display:block}.results-feedback p{color:var(--charcoal);margin:0;font-family:Inter,sans-serif;font-size:13px;line-height:1.5}.perf-chart-card{padding:24px 28px}.perf-skeleton-grid{grid-template-columns:1fr;gap:16px;display:grid}.perf-subject-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=600px){.perf-subject-grid{grid-template-columns:1fr}}.perf-subject-card{padding:14px 16px}.perf-subject-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.perf-subject-name{color:var(--charcoal);font-family:Inter,sans-serif;font-size:13px;font-weight:600}.perf-subject-pct{font-family:Fraunces,serif;font-size:1rem;font-weight:800}.perf-subject-track{background:var(--soft-gray);border-radius:999px;height:6px;overflow:hidden}.perf-subject-fill{border-radius:999px;height:100%;transition:width .6s}.perf-weak-card{padding:22px 24px}.perf-weak-list{flex-direction:column;gap:10px;display:flex}.perf-weak-item{align-items:center;gap:10px;display:flex}.perf-weak-dot{background:var(--warning);border-radius:50%;flex-shrink:0;width:8px;height:8px}.perf-weak-topic{color:var(--charcoal);flex:1;font-family:Inter,sans-serif;font-size:14px;font-weight:600}.perf-weak-subject{color:var(--muted);font-family:Sora,sans-serif;font-size:11px;font-weight:500}.progress-page{max-width:780px;margin:0 auto;padding:32px 20px}.progress-section{margin-bottom:40px}.progress-overall-bar{background:#eee;border-radius:999px;width:100%;height:10px;margin-bottom:6px;overflow:hidden}.progress-overall-bar.large{height:16px}.progress-overall-fill{background:#2f855a;border-radius:999px;height:100%;transition:width .3s}.progress-overall-label{color:#555;margin:0 0 8px;font-size:.9rem}.progress-trend{margin:0;font-size:.9rem;font-weight:600}.progress-trend.up{color:#2f855a}.progress-trend.down{color:#b3261e}.progress-trend-hint{color:#999;font-size:.85rem}.progress-subject-row{margin-bottom:16px}.progress-subject-label{justify-content:space-between;margin-bottom:6px;font-size:.9rem;display:flex}.progress-trend-chart{border-bottom:1px solid #ddd;align-items:flex-end;gap:6px;height:140px;padding-bottom:4px;display:flex}.progress-trend-bar-wrap{cursor:pointer;flex:1;align-items:flex-end;height:100%;display:flex}.progress-trend-bar{background:#2f855a;border-radius:3px 3px 0 0;width:100%;min-height:2px}.progress-chart-hint{color:#999;margin-top:8px;font-size:.8rem}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{text-transform:none;appearance:button;cursor:pointer;overflow:visible}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-toolbar{flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:10px;font-size:16px;display:flex}.rbc-toolbar .rbc-toolbar-label{text-align:center;flex-grow:1;padding:0 10px}.rbc-toolbar button{color:#373a3c;text-align:center;vertical-align:middle;white-space:nowrap;background:0 0;border:1px solid #ccc;border-radius:4px;margin:0;padding:.375rem 1rem;line-height:normal;display:inline-block}.rbc-toolbar button:active,.rbc-toolbar button.rbc-active{background-color:#e6e6e6;background-image:none;border-color:#adadad;box-shadow:inset 0 3px 5px #00000020}.rbc-toolbar button:active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button.rbc-active:focus{color:#373a3c;background-color:#d4d4d4;border-color:#8c8c8c}.rbc-toolbar button:focus{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:hover{color:#373a3c;cursor:pointer;background-color:#e6e6e6;border-color:#adadad}.rbc-btn-group{white-space:nowrap;display:inline-block}.rbc-btn-group>button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:0 4px 4px 0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px 0 0 4px}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media (width<=767px){.rbc-toolbar{flex-direction:column}}.rbc-event{box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;color:#fff;cursor:pointer;text-align:left;background-color:#3174ad;border:none;border-radius:5px;width:100%;margin:0;padding:2px 5px}.rbc-slot-selecting .rbc-event{cursor:inherit;pointer-events:none}.rbc-event.rbc-selected{background-color:#265985}.rbc-event:focus{outline:5px auto #3b99fc}.rbc-event-label{text-overflow:ellipsis;white-space:nowrap;font-size:80%;display:block;overflow:hidden}.rbc-event-overlaps{box-shadow:-1px 1px 5px #33333380}.rbc-event-continues-prior{border-top-left-radius:0;border-bottom-left-radius:0}.rbc-event-continues-after{border-top-right-radius:0;border-bottom-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-right-radius:0;border-bottom-left-radius:0}.rbc-row{flex-direction:row;display:flex}.rbc-row-segment{padding:0 1px 1px}.rbc-row-segment .rbc-event-content{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{text-overflow:ellipsis;white-space:nowrap;z-index:4;color:#3174ad;background-color:#ffffff4d;height:auto;font-size:85%;font-weight:700;line-height:normal;display:block;overflow:hidden}.rbc-show-more:hover,.rbc-show-more:focus{color:#265985}.rbc-month-view{-webkit-user-select:none;user-select:none;border:1px solid #ddd;flex-direction:column;flex:1 0 0;width:100%;height:100%;display:flex;position:relative}.rbc-month-header{flex-direction:row;display:flex}.rbc-month-row{flex-direction:column;flex:1 0 0;height:100%;display:flex;position:relative;overflow:hidden}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{text-align:right;flex:1 1 0;min-width:0;padding-right:5px}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{flex-direction:row;flex:1 0 0;display:flex;position:absolute;inset:0 1px 0 0;overflow:hidden}.rbc-day-bg{flex:1 0}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{z-index:5;background-color:#fff;border:1px solid #e5e5e5;padding:10px;position:absolute;box-shadow:0 5px 15px #00000040}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{flex-direction:column;flex:1 0 0;display:flex;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{border-spacing:0;border-collapse:collapse;border:1px solid #ddd;width:100%}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{vertical-align:top;padding:5px 10px}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{text-transform:lowercase;padding-left:15px;padding-right:15px}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:left;border-bottom:1px solid #ddd;padding:3px 5px}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{flex-direction:column;min-height:100%;display:flex}.rbc-time-column .rbc-timeslot-group{flex:1}.rbc-timeslot-group{border-bottom:1px solid #ddd;flex-flow:column;min-height:40px;display:flex}.rbc-time-gutter,.rbc-header-gutter{flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{margin-right:10px;position:absolute;inset:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-event,.rbc-day-slot .rbc-background-event{border:1px solid #265985;flex-flow:column wrap;align-items:flex-start;min-height:20px;max-height:100%;display:flex;position:absolute;overflow:hidden}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{flex:none;width:auto;padding-right:5px}.rbc-day-slot .rbc-event-content{word-wrap:break-word;flex:1 1 0;width:100%;height:100%;min-height:1em;line-height:1}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{z-index:10;background-color:#fff;border-right:1px solid #ddd;margin-right:-1px;position:sticky;left:0}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{flex:1 0 0;min-width:auto}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-header,.rbc-time-view-resources .rbc-day-bg{flex:1 1 0;width:140px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{flex:1 0 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{z-index:10;color:#fff;background-color:#00000080;width:100%;padding:3px;font-size:75%;position:absolute}.rbc-slot-selecting{cursor:move}.rbc-time-view{border:1px solid #ddd;flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.rbc-time-view .rbc-time-gutter{white-space:nowrap;text-align:right}.rbc-time-view .rbc-allday-cell{box-sizing:content-box;width:100%;height:100%;position:relative}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{z-index:4;position:relative}.rbc-time-view .rbc-row{box-sizing:border-box;min-height:20px}.rbc-time-header{flex-direction:row;flex:none;display:flex}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-left:1px solid #ddd;border-right-width:0}.rbc-time-header>.rbc-row:first-child,.rbc-time-header>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{border-left:1px solid #ddd;flex-direction:column;flex:1;min-width:0;display:flex}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;flex-shrink:0}.rbc-time-content{border-top:2px solid #ddd;flex:1 0;align-items:flex-start;width:100%;display:flex;position:relative;overflow-y:auto}.rbc-time-content>.rbc-time-gutter{flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{-webkit-user-select:none;user-select:none;width:100%}.rbc-current-time-indicator{z-index:3;pointer-events:none;background-color:#74ad31;height:1px;position:absolute;left:0;right:0}.rbc-resource-grouping.rbc-time-header-content{flex-direction:column;display:flex}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}.rbc-calendar{box-sizing:border-box;flex-direction:column;align-items:stretch;height:100%;display:flex}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar :before,.rbc-calendar :after{-webkit-box-sizing:inherit;box-sizing:inherit}.rbc-abs-full{position:absolute;inset:0;overflow:hidden}.rbc-ellipsis{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{text-overflow:ellipsis;white-space:nowrap;text-align:center;vertical-align:middle;border-bottom:1px solid #ddd;flex:1 0;min-height:0;padding:0 3px;font-size:90%;font-weight:700;overflow:hidden}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{color:inherit;cursor:pointer;-webkit-user-select:text;user-select:text;background:0 0;border:none;margin:0;padding:0}.rbc-row-content{-webkit-user-select:none;user-select:none;z-index:4;position:relative}.rbc-row-content-scrollable{flex-direction:column;height:100%;display:flex}.rbc-row-content-scrollable .rbc-row-content-scroll-container{-ms-overflow-style:none;scrollbar-width:none;height:100%;overflow-y:scroll}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.schedule-event-type-tag.ai_teacher{color:#7c3aed;background:linear-gradient(135deg,#f5f0ff 0%,#ede5ff 100%);border:1px solid #7c3aed26}.ai-teacher-completed-badge{color:#059669;letter-spacing:.03em;background:#f0fdf4;border-radius:999px;width:fit-content;padding:3px 10px;font-family:Sora,sans-serif;font-size:11px;font-weight:700;display:inline-block}.ai-teacher-inprogress-badge{color:#7c3aed;background:#f5f0ff;border-radius:999px;width:fit-content;padding:3px 10px;font-family:Sora,sans-serif;font-size:11px;font-weight:700;animation:2s ease-in-out infinite pulse-badge;display:inline-block}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}.ai-teacher-actions{flex-direction:column;gap:10px;margin-top:12px;display:flex}.ai-teacher-start-btn{box-shadow:0 4px 14px #7c3aed4d;background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 100%)!important;border-color:#0000!important;padding:12px 24px!important;font-size:15px!important;transition:all .2s!important}.ai-teacher-start-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed66}.ai-teacher-scheduled-note{color:var(--muted);margin:0;font-family:Inter,sans-serif;font-size:13px}.reschedule-modal{max-width:360px}.reschedule-fields{gap:12px;margin-bottom:16px;display:flex}.reschedule-field{flex-direction:column;flex:1;gap:6px;display:flex}.reschedule-field .form-input{font-family:Inter,sans-serif;font-size:14px}.reschedule-actions{flex-direction:column;gap:8px;display:flex}.mentor-steps{align-items:center;gap:0;margin:28px 0 32px;padding:0 4px;display:flex}.mentor-step{align-items:center;gap:8px;display:flex;position:relative}.mentor-step-number{background:var(--soft-gray);width:32px;height:32px;color:var(--muted);border:2px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Sora,sans-serif;font-size:13px;font-weight:700;transition:all .3s;display:flex}.mentor-step.active .mentor-step-number{background:var(--primary-light,#eff4ff);color:var(--primary,#1e3a8a);border-color:var(--primary,#1e3a8a)}.mentor-step.current .mentor-step-number{background:var(--primary,#1e3a8a);color:#fff;box-shadow:0 0 0 4px #1e3a8a26}.mentor-step-label{color:var(--muted);white-space:nowrap;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:color .3s}.mentor-step.active .mentor-step-label{color:var(--charcoal)}.mentor-step.current .mentor-step-label{color:var(--primary,#1e3a8a);font-weight:700}.mentor-step-connector{background:var(--border-color);border-radius:1px;flex-shrink:0;width:40px;height:2px;margin:0 8px}.mentor-step.active .mentor-step-connector{background:var(--primary,#1e3a8a)}@media (width<=640px){.mentor-step-label{display:none}.mentor-step-connector{width:24px;margin:0 4px}}.mentor-step-content{animation:.3s mentorFadeIn}@keyframes mentorFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mentor-step-instruction{color:var(--muted);margin:0 0 20px;font-family:Inter,sans-serif;font-size:14px}.mentor-section-title{color:var(--midnight);margin:4px 0 8px;font-family:Sora,sans-serif;font-size:20px;font-weight:700}.mentor-back-btn{margin-bottom:16px;font-size:13px}.mentor-subject-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.mentor-subject-card{background:var(--white);border:1px solid var(--border-color);cursor:pointer;text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:24px;transition:all .2s;display:flex}.mentor-subject-card:hover{border-color:var(--primary-light,#c7d7ff);transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.mentor-subject-info{flex-direction:column;gap:8px;display:flex}.mentor-subject-info h3{color:var(--midnight);margin:0;font-family:Sora,sans-serif;font-size:17px;font-weight:700}.mentor-subject-arrow{color:var(--muted);flex-shrink:0;font-size:20px;transition:transform .2s}.mentor-subject-card:hover .mentor-subject-arrow{color:var(--primary,#1e3a8a);transform:translate(4px)}.mentor-lecture-list{flex-direction:column;gap:10px;display:flex}.mentor-lecture-card{background:var(--white);border:1px solid var(--border-color);cursor:pointer;text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:18px 20px;transition:all .2s;display:flex}.mentor-lecture-card:not(:disabled):hover{border-color:var(--primary-light,#c7d7ff);box-shadow:0 4px 16px #0000000d}.mentor-lecture-card.scheduled{opacity:.65;cursor:not-allowed;background:var(--soft-gray)}.mentor-lecture-info{flex:1;min-width:0}.mentor-lecture-title{color:var(--charcoal);text-overflow:ellipsis;white-space:nowrap;margin:0 0 6px;font-family:Sora,sans-serif;font-size:15px;font-weight:600;overflow:hidden}.mentor-lecture-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mentor-lecture-date{color:var(--muted);font-family:Inter,sans-serif;font-size:12px}.mentor-lecture-badges{gap:6px;display:flex}.mentor-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:2px 8px;font-family:Inter,sans-serif;font-size:10px;font-weight:600}.mentor-badge.transcript{color:#1e3a8a;background:#eff4ff}.mentor-badge.notes{color:#059669;background:#f0fdf4}.mentor-lecture-arrow{color:var(--muted);flex-shrink:0;font-size:18px;transition:transform .2s}.mentor-lecture-card:not(:disabled):hover .mentor-lecture-arrow{color:var(--primary,#1e3a8a);transform:translate(4px)}.mentor-scheduled-tag{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.mentor-scheduled-tag>span:first-child{color:#059669;background:#f0fdf4;border-radius:999px;padding:3px 10px;font-family:Sora,sans-serif;font-size:12px;font-weight:700}.mentor-scheduled-date{color:var(--muted);font-family:Inter,sans-serif;font-size:11px}.mentor-schedule-card{border-radius:16px;max-width:480px;padding:32px}.mentor-schedule-fields{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}@media (width<=480px){.mentor-schedule-fields{grid-template-columns:1fr}}.mentor-schedule-field label{margin-bottom:6px}.mentor-schedule-info{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.mentor-day-count{color:var(--charcoal);background:#eff4ff;border-radius:8px;padding:10px 14px;font-family:Inter,sans-serif;font-size:13px}.mentor-day-count.full{color:#dc2626;background:#fef2f2;font-weight:600}.mentor-day-count.loading{background:var(--soft-gray);color:var(--muted)}.mentor-time-warning{color:#b45309;background:#fffbeb;border-radius:8px;padding:10px 14px;font-family:Inter,sans-serif;font-size:13px}.mentor-proceed-btn{width:100%;padding:14px}.mentor-confirm-card{text-align:center;border-radius:16px;max-width:480px;padding:40px 32px}.mentor-confirm-icon{margin-bottom:12px;font-size:48px}.mentor-confirm-title{color:var(--midnight);margin:0 0 24px;font-family:Fraunces,serif;font-size:1.5rem;font-weight:800}.mentor-confirm-details{border:1px solid var(--border-color);text-align:left;border-radius:12px;flex-direction:column;gap:0;margin-bottom:28px;display:flex;overflow:hidden}.mentor-confirm-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.mentor-confirm-row:last-child{border-bottom:none}.mentor-confirm-row:nth-child(2n){background:var(--soft-gray)}.mentor-confirm-label{color:var(--muted);font-family:Inter,sans-serif;font-size:13px;font-weight:500}.mentor-confirm-value{color:var(--charcoal);text-align:right;font-family:Sora,sans-serif;font-size:14px;font-weight:600}.mentor-submit-btn{width:100%;padding:16px;font-size:15px}.mentor-btn-loading{justify-content:center;align-items:center;gap:10px;display:flex}.mentor-btn-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.mentor-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;display:flex}.mentor-empty-state p{color:var(--muted);margin:0;font-family:Inter,sans-serif;font-size:15px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-header-content{flex-direction:column;gap:4px;display:flex}.notif-list{flex-direction:column;gap:8px;max-width:680px;display:flex}.notif-item{cursor:default;border-left:3px solid #0000;align-items:flex-start;gap:14px;padding:16px 18px;transition:all .15s;display:flex}.notif-item.unread{border-left-color:var(--royal);cursor:pointer;background:#f8faff}.notif-item.unread:hover{background:#eff4ff}.notif-icon{flex-shrink:0;margin-top:1px;font-size:1.5rem}.notif-body{flex:1;min-width:0}.notif-title{color:var(--charcoal);margin:0 0 3px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;line-height:1.4}.notif-item:not(.unread) .notif-title{color:var(--muted);font-weight:500}.notif-message{color:var(--muted);margin:0;font-family:Inter,sans-serif;font-size:13px;line-height:1.5}.notif-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.notif-time{color:var(--muted);white-space:nowrap;font-family:Sora,sans-serif;font-size:11px}.notif-unread-dot{background:var(--royal);border-radius:50%;width:8px;height:8px}.join-class-page{flex-direction:column;align-items:center;gap:24px;max-width:480px;margin:0 auto;padding:16px 0 48px;display:flex}.join-class-header{text-align:center}.join-class-title{color:var(--midnight);margin:0 0 8px;font-family:Fraunces,serif;font-size:2rem;font-weight:800}.join-class-subtitle{color:var(--muted);margin:0;font-family:Inter,sans-serif;font-size:15px;line-height:1.6}.join-class-card{width:100%;padding:32px}.join-code-input-field{letter-spacing:.18em;text-align:center;text-transform:uppercase;font-family:Sora,monospace;font-weight:700;border:2px solid var(--border)!important;padding:16px 24px!important;font-size:1.6rem!important}.join-code-input-field:focus{outline:none;box-shadow:0 0 0 3px #1e3a8a1f;border-color:var(--royal)!important}.join-class-error{background:var(--error-bg,#fef2f2);color:var(--error,#dc2626);border:1px solid #dc262633;border-radius:8px;align-items:center;gap:8px;margin-bottom:4px;padding:10px 14px;font-family:Inter,sans-serif;font-size:13px;display:flex}.join-class-note{color:var(--muted);text-align:center;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:13px;display:flex}.join-class-success{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;padding:48px 40px;animation:.3s success-in;display:flex}@keyframes success-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.join-success-icon{background:#1e3a8a14;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.join-success-title{color:var(--midnight);margin:0;font-family:Fraunces,serif;font-size:1.8rem;font-weight:800}.join-success-class{color:var(--charcoal);margin:0;font-family:Inter,sans-serif;font-size:16px}.join-success-sub{color:var(--muted);max-width:340px;margin:0;font-family:Inter,sans-serif;font-size:14px;line-height:1.6}.ai-teacher-page{background:linear-gradient(165deg,#0f0720 0%,#1a0b3e 30%,#0d1b2a 70%,#0a0f1e 100%);border-radius:16px;flex-direction:column;min-height:calc(100vh - 80px);display:flex;position:relative;overflow:hidden}.ai-teacher-page:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 50% 0,#7c3aed14 0%,#0000 60%),radial-gradient(circle at 80% 80%,#5b21b60d 0%,#0000 40%);position:absolute;inset:0}.ai-teacher-header{z-index:1;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:flex-start;padding:24px 28px 16px;display:flex;position:relative}.ai-teacher-header-info{flex-direction:column;gap:4px;display:flex}.ai-teacher-tag{text-transform:uppercase;letter-spacing:.15em;color:#a78bfa;background:#7c3aed26;border:1px solid #7c3aed33;border-radius:999px;width:fit-content;padding:3px 10px;font-family:Sora,sans-serif;font-size:9px;font-weight:700;display:inline-block}.ai-teacher-lecture-title{color:#f8fafc;margin:4px 0 0;font-family:Fraunces,serif;font-size:1.2rem;font-weight:800}.ai-teacher-subject{color:#fff6;text-transform:uppercase;letter-spacing:.08em;margin:0;font-family:Sora,sans-serif;font-size:11px;font-weight:600}.ai-teacher-timer{color:#ffffff80;letter-spacing:.05em;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;padding:6px 16px;font-family:JetBrains Mono,SF Mono,monospace;font-size:18px;font-weight:700}.ai-teacher-body{z-index:1;flex:1;justify-content:center;align-items:center;padding:40px 28px;display:flex;position:relative}.ai-teacher-state-card{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:400px;display:flex}.ai-teacher-state-text{color:#f8fafc;margin:0;font-family:Fraunces,serif;font-size:1.3rem;font-weight:800}.ai-teacher-state-subtext{color:#ffffff73;margin:0;font-family:Inter,sans-serif;font-size:14px;line-height:1.6}.ai-teacher-state-label{color:#fff9;text-align:center;min-height:20px;margin:0;font-family:Sora,sans-serif;font-size:14px;font-weight:600;transition:color .3s}.ai-teacher-spinner{border:3px solid #7c3aed33;border-top-color:#7c3aed;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite ai-teacher-spin}@keyframes ai-teacher-spin{to{transform:rotate(360deg)}}.ai-teacher-mic-icon,.ai-teacher-error-icon,.ai-teacher-complete-icon{font-size:48px;line-height:1}.ai-teacher-state-card.error .ai-teacher-state-text{color:#fca5a5}.ai-teacher-state-card.ended .ai-teacher-state-text{color:#86efac}.ai-teacher-active{flex-direction:column;align-items:center;gap:32px;display:flex}.ai-teacher-orb{justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative}.orb-core{z-index:2;background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;transition:transform .3s;display:flex;box-shadow:0 0 40px #7c3aed66,0 0 80px #7c3aed26}.orb-ring{border:1.5px solid #7c3aed33;border-radius:50%;transition:all .5s;position:absolute}.orb-ring-1{width:110px;height:110px;animation:3s ease-in-out infinite orb-pulse-1}.orb-ring-2{width:140px;height:140px;animation:3s ease-in-out .5s infinite orb-pulse-2}.orb-ring-3{width:170px;height:170px;animation:3s ease-in-out 1s infinite orb-pulse-3}.ai-teacher-orb.listening .orb-ring{border-color:#7c3aed33}.ai-teacher-orb.listening .orb-core{box-shadow:0 0 30px #7c3aed4d,0 0 60px #7c3aed1a}.ai-teacher-orb.speaking .orb-ring{border-color:#a78bfa59}.ai-teacher-orb.speaking .orb-ring-1{animation-duration:1.2s}.ai-teacher-orb.speaking .orb-ring-2{animation-duration:1.2s;animation-delay:.2s}.ai-teacher-orb.speaking .orb-ring-3{animation-duration:1.2s;animation-delay:.4s}.ai-teacher-orb.speaking.phase-lecture .orb-core{transform:scale(1.05);box-shadow:0 0 50px #7c3aed80,0 0 100px #7c3aed33}.ai-teacher-orb.phase-qa .orb-core{background:linear-gradient(135deg,#10b981 0%,#047857 100%);box-shadow:0 0 40px #10b98166,0 0 80px #10b98126}.ai-teacher-orb.phase-qa.listening .orb-ring{border-color:#10b98133}.ai-teacher-orb.phase-qa.listening .orb-core{box-shadow:0 0 30px #10b9814d,0 0 60px #10b9811a}.ai-teacher-orb.phase-qa.speaking .orb-ring{border-color:#34d39959}.ai-teacher-orb.phase-qa.speaking .orb-core{transform:scale(1.05);box-shadow:0 0 50px #10b98180,0 0 100px #10b98133}.ai-teacher-orb.muted .orb-ring{border-color:#ffffff14;animation:none}.ai-teacher-orb.muted .orb-core{background:linear-gradient(135deg,#4b5563 0%,#374151 100%);box-shadow:0 0 20px #4b55634d}@keyframes orb-pulse-1{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes orb-pulse-2{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.06)}}@keyframes orb-pulse-3{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.6;transform:scale(1.04)}}.ai-teacher-controls{align-items:center;gap:20px;display:flex}.ai-teacher-control-btn{cursor:pointer;color:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .2s;display:flex}.ai-teacher-control-btn:hover{background:#ffffff24;transform:scale(1.05)}.mute-btn.active{color:#fca5a5;background:#ef444433;border-color:#ef44444d}.end-btn{color:#fca5a5!important;background:#ef444426!important;border-color:#ef444440!important;width:64px!important;height:64px!important}.end-btn:hover{background:#ef44444d!important;transform:scale(1.08)!important}@media (width<=600px){.ai-teacher-header{flex-direction:column;gap:12px;padding:16px 18px 12px}.ai-teacher-lecture-title{font-size:1rem}.ai-teacher-orb{width:150px;height:150px}.orb-core{width:65px;height:65px;font-size:26px}.orb-ring-1{width:90px;height:90px}.orb-ring-2{width:115px;height:115px}.orb-ring-3{width:140px;height:140px}}@media (width<=768px){.settings-shell{grid-template-columns:1fr}}.settings-content,.settings-section{flex-direction:column;gap:20px;display:flex}@media (width<=600px){.avatar-picker-grid{grid-template-columns:repeat(3,1fr)}}.billing-plan-info{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.billing-plan-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 4px;font-family:Sora,sans-serif;font-size:11px;font-weight:600}.billing-plan-name-row{align-items:center;gap:10px;display:flex}.billing-plan-name{color:var(--midnight);margin:0;font-family:Fraunces,serif;font-size:1.4rem;font-weight:800}.billing-payment-row{align-items:center;gap:14px;display:flex}.billing-card-icon{font-size:1.5rem}.billing-history-empty{padding:16px 0}.connected-account-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.connected-badge{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-radius:999px;padding:4px 10px;font-family:Sora,sans-serif;font-size:10px;font-weight:700}.connected-badge.connected{background:var(--success-bg);color:var(--success)}.connected-badge.coming-soon{background:var(--soft-gray);color:var(--muted)}.illust-avatar{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.illust-avatar svg{width:100%;height:100%}.avatar-wrap{border:2px solid var(--border);background:linear-gradient(135deg,#eff4ff 0%,#dbeafe 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.avatar-photo{object-fit:cover;width:100%;height:100%}.avatar-initials{color:var(--royal);-webkit-user-select:none;user-select:none;font-family:Sora,sans-serif;font-weight:700;line-height:1}.sidebar{-webkit-backdrop-filter:blur(40px);z-index:100;background:#00072d;border:none;border-radius:40px 0 0 40px;flex-direction:column;flex-shrink:0;align-items:center;width:80px;height:100%;padding:32px 0;display:flex;position:relative;overflow:visible}.sidebar-brand{justify-content:center;align-items:center;margin-bottom:40px;text-decoration:none;display:flex}.sidebar-mark{background:#000;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.sidebar-mark img{object-fit:cover;width:100%;height:100%}.sidebar-nav{flex-direction:column;flex:1;align-items:center;gap:24px;width:100%;padding:0;display:flex}.sidebar-item-wrap{justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}.sidebar-item{color:#64748b;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 10px #0000000d}.sidebar-item svg{transition:transform .3s;width:18px!important;height:18px!important}.sidebar-item:hover{color:#000;background:#fff;transform:scale(1.15)translateY(-2px);box-shadow:0 10px 20px #00000026}.sidebar-item:hover svg{transform:scale(1.1)}.sidebar-item.active{color:#000;background:#fff;box-shadow:0 6px 16px #00000026}.sidebar-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.sidebar-premium-dot{background:var(--premium-dot);border:1.5px solid var(--white);border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;right:-4px}.sidebar-unread-dot{border:1.5px solid var(--white);background:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;right:-4px}.sidebar-tooltip{background:var(--white);border:1px solid var(--border);white-space:nowrap;box-shadow:var(--shadow-md);pointer-events:none;opacity:0;z-index:200;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-family:Sora,sans-serif;font-size:13px;font-weight:600;transition:opacity .16s,transform .16s;display:flex;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)translate(-6px);color:#000!important}.sidebar-item-wrap:hover .sidebar-tooltip{opacity:1;transform:translateY(-50%)translate(0)}.sidebar-tooltip-premium{text-transform:uppercase;letter-spacing:.06em;color:var(--premium);background:var(--premium-bg);border-radius:999px;padding:2px 7px;font-size:9px;font-weight:700}.sidebar-avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;margin-top:auto;padding:4px;transition:box-shadow .18s,transform .18s}.sidebar-avatar-btn:hover{transform:scale(1.05);box-shadow:0 0 0 3px #1e3a8a1a}@media (width<=899px){.sidebar{display:none}}.doodle-wrapper{justify-content:center;align-items:center;animation:6s ease-in-out infinite doodle-bob;display:inline-flex}.doodle-wrapper svg{stroke-dasharray:100;stroke-dashoffset:100px;width:100%;height:100%;animation:.8s ease-out forwards draw-doodle}.doodle-wrapper svg path,.doodle-wrapper svg rect,.doodle-wrapper svg line,.doodle-wrapper svg circle,.doodle-wrapper svg polygon,.doodle-wrapper svg polyline{vector-effect:non-scaling-stroke}.doodle-royal{color:var(--royal)}.doodle-steel{color:var(--steel)}.doodle-white{color:var(--white)}.doodle-achievement{color:#b45309}.doodle-static{animation:none!important}.topbar{height:var(--topbar-height);background:var(--white);border-bottom:1px solid var(--border);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.topbar-left{flex-direction:column;gap:1px;display:flex}.topbar-greeting{color:var(--midnight);margin:0;font-family:Fraunces,serif;font-size:1.25rem;font-weight:800;line-height:1.2}.topbar-student-id{color:var(--muted);margin:0;font-family:Sora,sans-serif;font-size:11px;font-weight:500}.topbar-right{align-items:center;gap:8px;display:flex}.topbar-streak{background:var(--soft-gray);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;margin-right:4px;padding:6px 12px 6px 8px;display:flex}.topbar-streak-icon{width:18px;height:18px}.topbar-streak-count{color:var(--midnight);font-family:Sora,sans-serif;font-size:13px;font-weight:700}.topbar-bell{background:var(--soft-gray);border:1px solid var(--border);width:40px;height:40px;color:var(--muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .18s;display:flex;position:relative}.topbar-bell:hover{color:var(--royal);background:#eff4ff;border-color:#1e3a8a33}.topbar-bell-badge{color:#fff;border:2px solid var(--white);background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-family:Sora,sans-serif;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:2px}.topbar-avatar-wrap{position:relative}.topbar-avatar-btn{cursor:pointer;border:none;border:1px solid var(--border);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:4px 8px 4px 4px;transition:all .18s;display:flex}.topbar-avatar-btn:hover{background:var(--soft-gray)}.topbar-chevron{color:var(--muted);flex-shrink:0;transition:transform .2s}.topbar-chevron.open{transform:rotate(180deg)}.topbar-dropdown{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:300;min-width:200px;animation:.15s dropdown-in;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.topbar-dropdown-header{padding:14px 16px}.topbar-dropdown-name{color:var(--charcoal);margin:0 0 2px;font-family:Inter,sans-serif;font-size:14px;font-weight:600}.topbar-dropdown-id{color:var(--muted);margin:0;font-family:Sora,sans-serif;font-size:11px}.topbar-dropdown-divider{background:var(--border);height:1px}.topbar-dropdown-item{cursor:pointer;width:100%;color:var(--charcoal);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:background .14s;display:flex}.topbar-dropdown-item:hover{background:var(--soft-gray)}.topbar-dropdown-signout{color:var(--error)}.topbar-dropdown-signout:hover{background:var(--error-bg)}@media (width<=899px){.topbar{padding:0 16px}.topbar-greeting{font-size:1.05rem}}.mobile-topbar{background:var(--white);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;height:58px;padding:0 16px;display:none;position:fixed;top:0;left:0;right:0}@media (width<=899px){.mobile-topbar{display:flex}}.mobile-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.mobile-mark{border:1px solid var(--border);border-radius:8px;flex-shrink:0;width:32px;height:32px;overflow:hidden}.mobile-mark img{object-fit:cover;width:100%;height:100%}.mobile-wordmark{color:var(--midnight);white-space:nowrap;font-family:Sora,sans-serif;font-size:13px;font-weight:700}.mobile-topbar-right{align-items:center;gap:8px;display:flex}.mobile-bell{background:var(--soft-gray);border:1px solid var(--border);width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.mobile-bell-badge{color:#fff;background:#ef4444;border:1.5px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-family:Sora,sans-serif;font-size:8px;font-weight:700;display:flex;position:absolute;top:1px;right:1px}.mobile-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:4px;display:flex}.mobile-hamburger span{background:var(--charcoal);transform-origin:50%;border-radius:2px;width:22px;height:2px;transition:all .22s;display:block}.mobile-hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.mobile-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu-panel{background:var(--white);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:99;max-height:calc(100vh - 58px);animation:.2s mobile-menu-in;position:fixed;top:58px;left:0;right:0;overflow-y:auto}.mobile-menu-profile{align-items:center;gap:12px;padding:16px;display:flex}.mobile-menu-name{color:var(--charcoal);margin:0 0 2px;font-family:Inter,sans-serif;font-size:14px;font-weight:600}.mobile-menu-id{color:var(--muted);margin:0;font-family:Sora,sans-serif;font-size:11px}.mobile-menu-divider{background:var(--border);height:1px;margin:0}.mobile-menu-nav{padding:8px 0}.mobile-menu-item{color:var(--charcoal);align-items:center;gap:12px;padding:11px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:background .14s;display:flex}.mobile-menu-item:hover{background:var(--soft-gray)}.mobile-menu-item.active{color:var(--royal);background:#eff4ff;font-weight:600}.mobile-menu-icon{color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mobile-menu-label{flex:1}.mobile-menu-premium-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--premium);background:var(--premium-bg);border-radius:999px;padding:2px 8px;font-size:9px;font-weight:700}.mobile-menu-badge{color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-family:Sora,sans-serif;font-size:10px;font-weight:700;display:flex}.mobile-menu-signout{cursor:pointer;width:100%;color:var(--error);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:background .14s;display:flex}.mobile-menu-signout:hover{background:var(--error-bg)}.ambient-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-item{justify-content:center;align-items:center;display:flex;position:absolute}.ambient-item svg{width:100%;height:100%}.ambient-drift-1{animation:28s ease-in-out -4s infinite ambient-drift-1}.ambient-drift-2{animation:34s ease-in-out -11s infinite ambient-drift-2}.ambient-drift-3{animation:40s ease-in-out -7s infinite ambient-drift-3}.ambient-drift-4{animation:31s ease-in-out -20s infinite ambient-drift-4}.ambient-drift-5{animation:37s ease-in-out -14s infinite ambient-drift-5}.ambient-drift-6{animation:24s ease-in-out -2s infinite ambient-drift-6}.ambient-drift-7{animation:38s ease-in-out -18s infinite ambient-drift-7}.ambient-drift-8{animation:26s ease-in-out -9s infinite ambient-drift-8}@media (prefers-reduced-motion:reduce){.ambient-drift-1,.ambient-drift-2,.ambient-drift-3,.ambient-drift-4,.ambient-drift-5,.ambient-drift-6,.ambient-drift-7,.ambient-drift-8{animation-play-state:paused}}.dashboard-shell{box-sizing:border-box;background:linear-gradient(90deg,#fff 0%,#dbeafe 100%);width:100vw;height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.dashboard-shell:before,.dashboard-shell:after{content:"";filter:blur(90px);z-index:0;pointer-events:none;border-radius:50%;position:absolute}.dashboard-shell:before{background:#3b82f633;width:50vw;height:50vw;top:-10vw;left:-10vw}.dashboard-shell:after{background:#0ea5e926;width:60vw;height:60vw;bottom:-20vw;right:-10vw}.dashboard-main,.sidebar{z-index:1;position:relative}.dashboard-main{background:var(--white);border-radius:0 40px 40px 0;flex-direction:column;flex:1;min-width:0;height:100%;margin-left:0;display:flex;overflow:hidden auto;box-shadow:10px 10px 40px #0000000d}.dashboard-content{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:32px 36px}.dashboard-loading{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.dashboard-loading-spinner{border:3px solid var(--border);border-top-color:var(--royal);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@media (width<=899px){.dashboard-shell{padding:0}.dashboard-main{border-radius:0;margin-left:0;padding-top:58px}.topbar{display:none}.dashboard-content{padding:20px 16px}}@media (width<=600px){.dashboard-content{padding:16px 12px}}.sticky-note{background:var(--white);text-align:left;transform:rotate(var(--note-rotate,0deg));transform-origin:50%;transition:transform .4s var(--liquid-ease), border-radius .4s var(--liquid-ease), box-shadow .4s var(--liquid-ease);color:inherit;border:none;border-radius:16px;flex-direction:column;padding:22px;font-family:inherit;animation:5s ease-in-out infinite alternate ambient-pulse;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #11182717,0 12px 32px #11182712}.sticky-note:after{content:"";pointer-events:none;z-index:4;background:linear-gradient(#ffffff8c 0%,#fff0 100%);border-radius:16px 16px 0 0;height:28px;position:absolute;top:0;left:0;right:0}button.sticky-note{cursor:pointer;-webkit-tap-highlight-color:transparent}.note-royal{background:var(--note-royal);color:var(--royal);border:1px solid #1e3a8a1a}.note-steel{background:var(--note-steel);color:var(--charcoal);border:1px solid #4b6cb71a}.note-midnight{background:var(--note-midnight);color:var(--white);border:1px solid #0b1f3a1a}.note-achievement{background:var(--note-achievement);color:#b45309;border:1px solid #b453091a}.note-yellow{color:var(--midnight);background-color:#ffe28a;background-image:repeating-linear-gradient(#0000,#0000 28px,#b4530926 28px 29px),url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"><filter id=\"noise\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.8\" numOctaves=\"3\" stitchTiles=\"stitch\"/></filter><rect width=\"100%\" height=\"100%\" filter=\"url(%23noise)\" opacity=\"0.06\"/></svg>");border:1px solid #ffe28acc;box-shadow:0 8px 24px #b4530926,0 24px 56px #b4530933}.sticky-washi-tape{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2;clip-path:polygon(2% 0,98% 2%,100% 100%,0 98%);background:#fff6;width:40px;height:14px;position:absolute;top:-4px;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 1px 2px #0000000d}.tape-royal{background:#1e3a8a26}.tape-steel{background:#4b6cb726;transform:translate(-50%)rotate(1deg)}.tape-midnight{background:#fff3}.tape-achievement{background:#b4530926;transform:translate(-50%)rotate(-1deg)}.sticky-pin-graphic{z-index:5;background:radial-gradient(circle at 35% 35%,#ff7675 0%,#d63031 60%,#9e1414 100%);border-radius:50%;width:12px;height:12px;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:inset -1px -1px 3px #0000004d,inset 1px 1px 3px #fff9,2px 4px 6px #0b1f3a33}.sticky-pin-graphic:after{content:"";z-index:-1;background:linear-gradient(90deg,#95a5a6,#ecf0f1,#7f8c8d);width:2px;height:10px;position:absolute;top:8px;left:5px;box-shadow:1px 2px 3px #0003}.sticky-glassy-sweep{z-index:1;pointer-events:none;opacity:0;background:linear-gradient(90deg,#fff0 0%,#fff6 50%,#fff0 100%);width:50%;height:100%;transition:opacity .3s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.note-midnight .sticky-glassy-sweep{background:linear-gradient(90deg,#fff0 0%,#ffffff1a 50%,#fff0 100%)}button.sticky-note:hover .sticky-glassy-sweep{animation:glassy-sweep 1.2s var(--liquid-ease);opacity:1}button.sticky-note:hover{transform:rotate(var(--note-rotate,0deg)) scale(1.04);border-radius:20px;animation-play-state:paused;box-shadow:0 3px 6px #1118271f,0 20px 48px #1118271a}button.sticky-note.pressed{transform:rotate(var(--note-rotate,0deg)) scale(.95);transition:transform .15s var(--liquid-ease), box-shadow .15s var(--liquid-ease);box-shadow:0 2px 4px #1118270a}.sticky-ripple-container{border-radius:inherit;z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sticky-ripple{width:20px;height:20px;animation:ripple-fade .6s var(--liquid-ease) forwards;background:#ffffff80;border-radius:50%;position:absolute;transform:translate(-50%,-50%)scale(0)}.note-midnight .sticky-ripple{background:#ffffff26}.sticky-content{z-index:2;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.sticky-corner-fold{z-index:3;background:linear-gradient(135deg,#0000 50%,#0000000a 50%);border-top-left-radius:4px;width:24px;height:24px;position:absolute;bottom:0;right:0}.note-midnight .sticky-corner-fold{background:linear-gradient(135deg,#0000 50%,#ffffff1a 50%)}.note-yellow .sticky-corner-fold{transform-origin:100% 100%;background:linear-gradient(135deg,#0000 48%,#ffffffb3 50%,#0000001f 52%,#0000 100%);border-top-left-radius:8px;width:32px;height:32px;transform:rotate(-3deg);box-shadow:-3px -3px 8px #b4530940}.note-midnight:after{background:linear-gradient(#ffffff1f 0%,#fff0 100%)}.home-stationery-bg{z-index:-1;pointer-events:none;perspective:1200px;position:absolute;inset:-150px;overflow:visible}.home-stationery-item{pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;transform-style:preserve-3d;position:absolute}.hero-stapler{filter:drop-shadow(0 12px 32px #0b1f3a26);width:100px;height:40px;position:relative}.stapler-base{background:var(--midnight);border-radius:4px;width:90px;height:12px;position:absolute;bottom:0;left:0}.stapler-top{background:var(--royal);transform-origin:100% 100%;border-radius:10px 4px 4px 10px;width:100px;height:20px;position:absolute;bottom:8px;left:-5px;transform:rotate(-10deg)}.hero-sticky-stack{filter:drop-shadow(0 16px 40px #0b1f3a40);width:130px;height:130px;position:relative}.sticky-stack-note{border-radius:3px;width:110px;height:110px;position:absolute;bottom:0;left:0;box-shadow:0 4px 12px #00000026}.sticky-stack-note:first-child{background:#fef08a;transform:rotate(-4deg)translate(4px,6px)}.sticky-stack-note:nth-child(2){background:#fcd34d;transform:rotate(2deg)translate(2px,3px)}.sticky-stack-note:nth-child(3){z-index:2;background:#f59e0b;transform:rotate(-1deg)}.scatter-pushpin{border-radius:50%;width:20px;height:20px;position:relative;box-shadow:inset -3px -3px 8px #0006,inset 3px 3px 8px #fffc,6px 12px 20px #0b1f3a40}.scatter-pushpin:after{content:"";background:linear-gradient(90deg,#95a5a6,#fff,#7f8c8d);border-radius:1px;width:2px;height:18px;position:absolute;top:16px;left:9px;box-shadow:3px 6px 8px #0000004d}.pushpin-red{background:radial-gradient(circle at 35% 35%,#fcd34d 0%,#f59e0b 60%,#b45309 100%)}.pushpin-blue{background:radial-gradient(circle at 35% 35%,#60a5fa 0%,#2563eb 60%,#1e3a8a 100%)}.hero-pencil-holder{filter:drop-shadow(0 12px 32px #0b1f3a33);width:140px;height:200px;position:relative}.pencil-holder-body{background:linear-gradient(145deg, #0f2847, var(--midnight));z-index:2;border-radius:12px 12px 16px 16px;width:90px;height:130px;position:absolute;bottom:0;left:25px;box-shadow:inset 0 2px 4px #ffffff14,0 8px 32px #0b1f3a4d}.pen{z-index:1;border-radius:4px 4px 2px 2px;width:8px;position:absolute;bottom:120px}.pen-1{background:linear-gradient(to top, #1a3a6b, var(--royal));height:110px;left:40px;transform:rotate(-12deg)}.pen-2{background:linear-gradient(#8a8a8a,silver,#8a8a8a);height:120px;left:65px;transform:rotate(4deg)}.pen-3{background:linear-gradient(#fff,#e8e8e8);height:100px;left:85px;transform:rotate(15deg)}.hero-books{filter:drop-shadow(0 16px 40px #0b1f3a26);width:160px;height:220px;position:relative}.book-bottom{background:var(--royal);border-radius:4px 12px 12px 4px;width:150px;height:200px;position:absolute;bottom:0;left:0;transform:rotate(-10deg);box-shadow:inset 5px 0 10px #0003}.book-top{background:#fff;border-radius:4px 12px 12px 4px;width:140px;height:190px;position:absolute;bottom:15px;left:10px;transform:rotate(-5deg);box-shadow:0 4px 10px #0000001a,inset 4px 0 8px #0000000d}.hero-calculator{filter:drop-shadow(0 12px 32px #0b1f3a33);width:100px;height:140px;position:relative}.calc-body{background:linear-gradient(145deg, #14345a, var(--midnight));box-sizing:border-box;border-radius:10px;width:100px;height:140px;padding:10px;box-shadow:inset 0 1px 3px #ffffff0f,0 6px 24px #0b1f3a40}.calc-screen{background:linear-gradient(135deg,#c8d8c0,#a8b8a0);border-radius:4px;width:100%;height:28px;margin-bottom:8px;box-shadow:inset 0 2px 4px #0000001a}.calc-keys{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.calc-key{aspect-ratio:1;background:#ffffffe6;border-radius:3px;width:100%;box-shadow:0 1px 2px #0000001a}.hero-loose-pen{filter:drop-shadow(0 8px 16px #0b1f3a26);width:140px;height:14px;position:relative}.loose-pen-body{background:linear-gradient(90deg,#d0d0d0,#f0f0f0,#d0d0d0);border-radius:4px;width:120px;height:8px;position:absolute;top:3px}.hero-tape{filter:drop-shadow(0 16px 32px #0b1f3a40);width:80px;height:60px;position:relative}.tape-body{background:var(--royal);border-radius:40px 20px 5px;width:70px;height:40px;position:absolute;bottom:0;box-shadow:inset -4px -4px 12px #0000004d,inset 4px 4px 12px #fff6}.tape-roll{box-sizing:border-box;background:#fff;border:5px solid #dcdde1;border-radius:50%;width:30px;height:30px;position:absolute;top:5px;left:10px;box-shadow:inset 0 2px 4px #0003,0 2px 4px #0003}.hero-highlighter{filter:drop-shadow(0 12px 24px #0b1f3a40);width:100px;height:20px;position:relative}.highlighter-body{background:#fcd34d;border-radius:4px;width:90px;height:16px;position:absolute;top:2px;box-shadow:inset 0 2px 4px #fff6,inset 0 -2px 4px #0003}.highlighter-cap{background:#f59e0b;border-radius:2px 6px 6px 2px;width:20px;height:20px;position:absolute;top:0;right:-10px;box-shadow:inset 2px 2px 4px #fff6,inset -2px -2px 4px #0003}.scatter-paperclip{background:0 0;border:3px solid #dcdde1;border-bottom:0;border-radius:8px 8px 0 0;width:16px;height:44px;position:relative;box-shadow:2px 6px 12px #0b1f3a26}.scatter-paperclip:after{content:"";border:3px solid #dcdde1;border-top:0;border-radius:0 0 6px 6px;width:4px;height:30px;position:absolute;top:10px;left:2px}.scatter-eraser{background:linear-gradient(135deg,#fcd34d 0%,#f59e0b 50%,#2563eb 50%,#1e3a8a 100%);border-radius:4px;width:40px;height:22px;box-shadow:inset 2px 2px 4px #ffffffe6,inset -2px -2px 6px #0000004d,-4px 8px 20px #0b1f3a40}.scatter-crumpled{background:radial-gradient(circle at 30% 30%,#fff 0%,#f1f2f6 50%,#ced6e0 100%);border-radius:45% 55% 65% 35%/40% 60% 55% 45%;width:32px;height:32px;box-shadow:inset 3px 4px 8px #ffffffe6,inset -3px -4px 8px #00000026,4px 8px 16px #0b1f3a1f}.scatter-pencil{background:linear-gradient(#fef08a 0%,#fcd34d 40%,#f59e0b 60%,#b45309 100%);border-radius:4px;width:60px;height:8px;position:relative;box-shadow:inset 0 1px 1px #fff6,-2px 4px 10px #0b1f3a26}.scatter-pencil:before{content:"";background:linear-gradient(90deg,#95a5a6 0%,#bdc3c7 50%,#7f8c8d 100%);border-radius:0 4px 4px 0;width:10px;height:100%;position:absolute;top:0;right:0}.scatter-pencil:after{content:"";background:#1e3a8a;border-radius:0 4px 4px 0;width:8px;height:100%;position:absolute;top:0;right:-8px}.hero-notebook{filter:drop-shadow(0 20px 48px #0b1f3a4d);width:200px;height:140px;position:relative}.notebook-cover{background:#1e272e;border-radius:4px 12px 12px 4px;position:absolute;inset:0;box-shadow:inset 0 -4px 8px #0006}.notebook-pages-left{background:#fff repeating-linear-gradient(#0000,#0000 14px,#cbd5e1 14px 15px);border-radius:2px 0 0 2px;width:90px;position:absolute;top:5px;bottom:5px;left:5px;box-shadow:inset -6px 0 12px #0000001a}.notebook-pages-right{background:#fff repeating-linear-gradient(#0000,#0000 14px,#cbd5e1 14px 15px);border-radius:0 10px 10px 0;width:100px;position:absolute;top:5px;bottom:5px;left:95px;box-shadow:inset 6px 0 12px #0000001a}.notebook-spine{background:linear-gradient(90deg,#111,#333,#111);width:4px;position:absolute;top:0;bottom:0;left:93px}.hero-ruler{filter:drop-shadow(0 8px 16px #0b1f3a1f);width:180px;height:24px;position:relative}.ruler-body{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff9;border:1px solid #fffc;border-radius:2px;width:100%;height:100%;position:absolute;top:0;box-shadow:inset 0 1px 2px #ffffffe6}.ruler-marks{opacity:.5;background-image:repeating-linear-gradient(90deg,#333 0 1px,#0000 1px 10px);width:100%;height:6px;position:absolute;top:0;left:0}.hero-scissors{filter:drop-shadow(0 10px 20px #0b1f3a26);width:120px;height:60px;position:relative}.scissors-blade-1{transform-origin:0;background:linear-gradient(#dcdde1,#7f8c8d);border-radius:0 100% 10px 0;width:80px;height:8px;position:absolute;top:28px;left:40px;transform:rotate(-15deg)}.scissors-blade-2{transform-origin:0;background:linear-gradient(#7f8c8d,#dcdde1);border-radius:0 10px 100% 0;width:80px;height:8px;position:absolute;top:28px;left:40px;transform:rotate(15deg)}.scissors-handle-1{border:6px solid var(--royal);box-sizing:border-box;border-radius:20px;width:45px;height:30px;position:absolute;top:0;left:0}.scissors-handle-2{border:6px solid var(--royal);box-sizing:border-box;border-radius:20px;width:45px;height:30px;position:absolute;top:30px;left:0}.scissors-screw{z-index:2;background:#333;border-radius:50%;width:6px;height:6px;position:absolute;top:29px;left:43px}.dashboard-home{flex-direction:column;gap:32px;padding-bottom:40px;display:flex;position:relative}.dash-progress-card{padding:24px 28px}.dash-progress-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dash-progress-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-family:Sora,sans-serif;font-size:11px;font-weight:700}.dash-progress-pct{color:var(--midnight);font-family:Fraunces,serif;font-size:1.5rem;font-weight:800}.dash-progress-track{background:var(--soft-gray);border-radius:999px;height:8px;margin-bottom:12px;overflow:hidden}.dash-progress-fill{background:var(--success);height:100%;transition:width 1s var(--liquid-ease);border-radius:999px}.dash-progress-breakdown{color:var(--muted);gap:24px;font-family:Inter,sans-serif;font-size:13px;display:flex}.dash-section{flex-direction:column;gap:16px;display:flex}.dash-section-header{justify-content:space-between;align-items:baseline;display:flex}.dash-section-title{color:var(--midnight);margin:0;font-family:Fraunces,serif;font-size:1.4rem;font-weight:800}.dash-section-link{text-transform:uppercase;letter-spacing:.08em;color:var(--royal);font-family:Sora,sans-serif;font-size:11px;font-weight:600;text-decoration:none}.dash-upcoming-scroll{scroll-snap-type:x mandatory;gap:16px;margin-bottom:-12px;padding-bottom:12px;display:flex;overflow-x:auto}.dash-upcoming-scroll::-webkit-scrollbar{display:none}.dash-upcoming-card{scroll-snap-align:start;flex-shrink:0;min-width:260px;padding:18px 20px}.dash-upcoming-empty{padding:32px}.dash-upcoming-subject{text-transform:uppercase;letter-spacing:.1em;color:var(--royal);background:var(--info-bg);border-radius:999px;width:fit-content;margin-bottom:10px;padding:3px 8px;font-family:Sora,sans-serif;font-size:10px;font-weight:700}.dash-upcoming-title{color:var(--charcoal);margin:0 0 4px;font-family:Inter,sans-serif;font-size:15px;font-weight:600}.dash-upcoming-time{color:var(--muted);margin:0;font-family:Inter,sans-serif;font-size:13px}.dash-upcoming-teacher{color:var(--muted);opacity:.8;margin:8px 0 0;font-family:Inter,sans-serif;font-size:12px}.dash-features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=1024px){.dash-features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.dash-features-grid{grid-template-columns:1fr}}.dash-feature-note{flex-direction:column;height:200px;display:flex}.dash-feature-header{justify-content:space-between;align-items:flex-start;margin-bottom:auto;display:flex}.dash-feature-doodle{width:30px;height:30px}.dash-feature-content{flex-direction:column;gap:6px;display:flex}.dash-feature-title{color:var(--midnight);margin:0;font-family:Fraunces,serif;font-size:1rem;font-weight:700}.dash-feature-desc{color:var(--muted);margin:0;font-family:Inter,sans-serif;font-size:13px;line-height:1.4}.glass-widget{-webkit-backdrop-filter:blur(16px);background:#1e3a8a1f!important;border:1px solid #ffffff4d!important;box-shadow:0 2px 4px #1118271f,0 16px 40px #1118271a!important}.glass-widget .dash-feature-header,.glass-widget .dash-feature-content,.glass-widget .dash-upcoming-subject,.glass-widget .dash-upcoming-title,.glass-widget .dash-upcoming-time,.glass-widget .dash-upcoming-teacher,.glass-widget .dash-progress-header,.glass-widget .dash-progress-breakdown,.glass-widget .gamification-note-header,.glass-widget .gamification-value-row,.glass-widget .gamification-desc,.glass-widget .gamification-badge-content{background:#ffffff14;border-radius:6px;margin:-4px -6px;padding:4px 6px}.glass-widget .sticky-corner-fold{background:linear-gradient(135deg,#0000 50%,#ffffff38 50%)!important}.glass-widget.sticky-note:after{background:linear-gradient(#fff6 0%,#fff0 100%)!important}.glass-widget .tape-royal{background:#1e3a8a8c}.glass-widget .tape-steel{background:#4b6cb78c}.glass-widget .tape-midnight{background:#ffffff59}.glass-widget .tape-achievement{background:#b453098c}.glass-widget h3,.glass-widget h2,.glass-widget .dash-progress-pct,.glass-widget .gamification-value,.glass-widget .dash-feature-title,.glass-widget .gamification-note-title,.glass-widget .gamification-badge-name,.glass-widget .dash-upcoming-title{color:var(--midnight)!important}.glass-widget .dash-feature-desc,.glass-widget .gamification-desc,.glass-widget .gamification-unit,.glass-widget .dash-upcoming-time,.glass-widget .dash-upcoming-teacher,.glass-widget .dash-progress-label,.glass-widget .dash-progress-breakdown{color:#0b1f3ab3!important}.glass-widget .dash-progress-track{background:#1e3a8a26}button.sticky-note.glass-widget:hover{background:#1e3a8a26!important;box-shadow:0 3px 8px #11182729,0 20px 56px #1e3a8a2e!important}.glass-widget .dash-upcoming-subject{color:var(--royal);background:#1e3a8a2e}.dash-feature-prominent{z-index:5;transform:scale(1.02)rotate(1deg);background:#b4530914!important;border:1px solid #b4530966!important;box-shadow:0 2px 4px #1118271f,0 16px 40px #b4530926!important}button.sticky-note.glass-widget.dash-feature-prominent:hover{background:#b453091f!important;box-shadow:0 3px 8px #11182729,0 20px 56px #b4530940!important}.dash-calendar-widget{flex-direction:column;padding:0;display:flex;overflow:hidden}.dash-calendar-header{background:#fff6;border-bottom:1px solid #1e3a8a1a;padding:16px 20px}.dash-calendar-month{color:var(--midnight);margin-bottom:16px;font-size:15px;font-weight:700}.dash-calendar-week{justify-content:space-between;display:flex}.dash-calendar-day{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:40px;height:56px;transition:all .2s;display:flex;position:relative}.dash-calendar-day:hover{background:#fff9}.dash-calendar-day.selected{background:var(--royal);color:#fff;box-shadow:0 4px 12px #1e3a8a4d}.dash-calendar-day.today:not(.selected){border:1px solid var(--royal)}.dash-calendar-day-name{text-transform:uppercase;opacity:.8;margin-bottom:4px;font-size:11px;font-weight:600}.dash-calendar-day.selected .dash-calendar-day-name{opacity:1;color:#fff}.dash-calendar-day-num{font-size:16px;font-weight:700}.dash-calendar-dot{background:var(--royal);border-radius:50%;width:4px;height:4px;position:absolute;bottom:6px}.dash-calendar-day.selected .dash-calendar-dot{background:#fff}.dash-agenda-view{background:#fff3;padding:20px}.dash-agenda-date-title{color:var(--midnight);margin-bottom:16px;font-size:14px;font-weight:600}.dash-agenda-empty{color:var(--charcoal);opacity:.7;flex-direction:column;justify-content:center;align-items:center;padding:32px 0;display:flex}.dash-agenda-empty svg{color:var(--royal);margin-bottom:8px}.dash-agenda-list{flex-direction:column;gap:12px;display:flex}.dash-agenda-item{border-left:4px solid var(--royal);background:#fff9;border-radius:8px;gap:16px;padding:12px 16px;transition:transform .2s;display:flex;box-shadow:0 2px 8px #0b1f3a0d}.dash-agenda-item:hover{background:#fffc;transform:translate(4px)}.dash-agenda-time{color:var(--midnight);white-space:nowrap;padding-top:2px;font-size:13px;font-weight:700}.dash-agenda-content{flex-direction:column;display:flex}.dash-agenda-subject{text-transform:uppercase;color:var(--royal);letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:700}.dash-agenda-title{color:var(--midnight);margin-bottom:2px;font-size:15px;font-weight:600}.dash-agenda-teacher{color:var(--charcoal);font-size:12px}.dash-horizontal-scroll{gap:16px;margin-bottom:-12px;padding-bottom:12px;display:flex;overflow-x:auto}.dash-horizontal-scroll::-webkit-scrollbar{display:none}.dash-class-card{flex-direction:column;flex-shrink:0;gap:6px;min-width:240px;padding:16px 20px;display:flex}.dash-class-time{color:var(--royal);text-transform:uppercase;letter-spacing:.05em;font-family:Sora,sans-serif;font-size:11px;font-weight:700}.dash-class-name{color:var(--midnight);margin:0;font-family:Fraunces,serif;font-size:1.2rem;font-weight:700}.dash-class-meta{color:var(--muted);font-family:Inter,sans-serif;font-size:13px}.dash-attention-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=768px){.dash-attention-grid{grid-template-columns:1fr}}.dash-attention-note{flex-direction:column;justify-content:center;align-items:flex-start;padding:24px;display:flex}.dash-attention-title{text-transform:uppercase;letter-spacing:.05em;color:var(--midnight);margin:0 0 12px;font-family:Inter,sans-serif;font-size:13px;font-weight:700}.dash-attention-stat{color:var(--midnight);margin-bottom:8px;font-family:Fraunces,serif;font-size:2.5rem;font-weight:800;line-height:1}.dash-attention-desc{color:var(--muted);margin:0;font-family:Inter,sans-serif;font-size:14px}.dash-snapshots-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.dash-snapshot-card{flex-direction:column;gap:12px;padding:20px;display:flex}.dash-snapshot-name{color:var(--midnight);margin:0;font-family:Fraunces,serif;font-size:1.25rem;font-weight:700}.dash-snapshot-roster{color:var(--muted);font-family:Inter,sans-serif;font-size:14px}.dash-snapshot-progress{flex-direction:column;gap:8px;display:flex}.dash-snapshot-progress span{color:var(--muted);align-self:flex-end;font-family:Inter,sans-serif;font-size:12px}.progress-bar-bg{background:var(--soft-gray);border-radius:999px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:var(--royal);border-radius:999px;height:100%;transition:width 1s ease-out}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:56px 32px;display:flex}.empty-icon{background:var(--soft-gray);width:64px;height:64px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.empty-title{color:var(--charcoal);margin:0;font-family:Fraunces,serif;font-size:1.1rem;font-weight:700}.empty-message{color:var(--muted);max-width:380px;margin:0;font-family:Inter,sans-serif;font-size:.875rem;line-height:1.6}.empty-action{margin-top:8px}.classes-page{flex-direction:column;gap:24px;display:flex}.classes-header{justify-content:space-between;align-items:flex-start;display:flex}.classes-title{color:var(--midnight);margin:0 0 4px;font-family:Fraunces,serif;font-size:2rem;font-weight:800}.classes-subtitle{color:var(--muted);margin:0;font-family:Inter,sans-serif;font-size:15px}.btn-back{color:var(--royal);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;margin-bottom:12px;padding:0;font-family:Sora,sans-serif;font-size:12px;font-weight:700}.btn-back:hover{text-decoration:underline}.classes-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.class-roster-card{flex-direction:column;gap:8px;padding:24px;display:flex}.class-roster-title{color:var(--midnight);margin:0;font-family:Fraunces,serif;font-size:1.5rem;font-weight:700}.class-roster-level{text-transform:uppercase;color:var(--royal);background:var(--info-bg);border-radius:4px;width:fit-content;margin-bottom:4px;padding:4px 8px;font-family:Sora,sans-serif;font-size:11px;font-weight:700}.class-roster-count{color:var(--muted);margin-bottom:16px;font-family:Inter,sans-serif;font-size:14px}.class-roster-actions{gap:12px;margin-top:auto;display:flex}.classes-roster-panel{padding:0;overflow-x:auto}.roster-table{border-collapse:collapse;width:100%}.roster-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--border);background:var(--soft-gray);padding:16px 24px;font-family:Sora,sans-serif;font-size:11px;font-weight:700}.roster-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:16px 24px;font-family:Inter,sans-serif;font-size:14px}.roster-name{color:var(--midnight);align-items:center;gap:12px;font-weight:600;display:flex}.roster-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.roster-id{color:var(--charcoal);font-family:monospace}.roster-progress{color:var(--midnight);align-items:center;gap:12px;font-weight:500;display:flex}.roster-progress .progress-bar-bg{width:100px}.roster-date{color:var(--muted)}.roster-action{text-align:right}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{border-radius:20px;width:100%;max-width:480px;padding:32px;animation:.18s modal-in;box-shadow:0 32px 64px #0000002e}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-title{color:var(--midnight);margin:0;font-family:Fraunces,serif;font-size:1.4rem;font-weight:800}.modal-close{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:background .15s;display:flex}.modal-close:hover{background:var(--soft-gray);color:var(--charcoal)}.join-code-display{align-items:center;gap:10px;display:flex}.join-code-display-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);white-space:nowrap;font-family:Sora,sans-serif;font-size:10px;font-weight:700}.copy-code-btn{background:var(--info-bg,#eff4ff);border:1.5px solid var(--royal);color:var(--royal);letter-spacing:.12em;cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:Sora,sans-serif;font-size:13px;font-weight:700;transition:background .15s,transform .1s;display:inline-flex}.copy-code-btn:hover{background:#1e3a8a1f;transform:translateY(-1px)}.copy-code-btn:active{transform:none}.class-join-code-row{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:4px;padding:10px 0;display:flex}.join-code-preview{background:var(--soft-gray);border-radius:10px;align-items:center;gap:12px;padding:14px 16px;display:flex}.join-code-label{color:var(--muted);flex:1;font-family:Inter,sans-serif;font-size:13px}.join-code-example{color:var(--royal);letter-spacing:.12em;font-family:Sora,sans-serif;font-size:13px;font-weight:700}.reading-room{--ink:#10151c;--ink-panel:#171f28;--ink-line:#2a3540;--parchment:#f2ead9;--brass:#c08d4f;--brass-soft:#8a6a42;--text-warm:#ece6d8;--text-muted:#8b96a1;background:var(--ink);color:var(--text-warm);border-radius:16px;min-height:80vh;padding:36px 40px 48px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.reading-room-header-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.reading-room-title{letter-spacing:-.01em;color:var(--parchment);margin:0 0 8px;font-family:Fraunces,Georgia,serif;font-size:2rem;font-weight:500}.reading-room-subtitle{color:var(--text-muted);margin:0;font-family:Inter,sans-serif;font-size:14px}.reading-room .lecture-breadcrumb{text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);border-bottom:1px solid var(--ink-line);align-items:center;gap:6px;margin-bottom:24px;padding-bottom:14px;font-size:.72rem;display:flex}.reading-room .crumb-sep{color:var(--ink-line);margin:0 4px}.reading-room .crumb-link{color:var(--brass);cursor:pointer;transition:color .15s}.reading-room .crumb-link:hover{color:#d8a565;text-decoration:underline}.reading-room .crumb-active{color:var(--parchment);font-weight:600}.folder-shelf{margin-top:16px;margin-bottom:32px}.folder-grid{flex-wrap:wrap;align-items:flex-end;gap:18px;padding-bottom:16px;display:flex}.shelf-ledge{background:linear-gradient(90deg, var(--brass-soft), var(--brass), var(--brass-soft));border-radius:2px;height:4px;box-shadow:0 3px 8px #0006}.folder-tile{background:var(--parchment);cursor:pointer;text-align:left;border:none;border-radius:6px 6px 3px 3px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:6px;width:140px;min-height:170px;padding:16px 14px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;box-shadow:0 8px 18px #00000059}.folder-tile:before{content:"";background:var(--brass);border-radius:6px 6px 0 0;height:7px;position:absolute;top:0;left:0;right:0}.folder-tile:hover{transform:translateY(-6px);box-shadow:0 14px 24px #00000080}.folder-tile:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.folder-label{color:var(--ink);word-break:break-word;font-family:Fraunces,Georgia,serif;font-size:.95rem;font-weight:500;line-height:1.3}.folder-count{color:var(--brass-soft);font-family:Inter,sans-serif;font-size:.68rem;font-weight:600}.folder-caption{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-family:Inter,sans-serif;font-size:.6rem}.folder-tile.is-empty{border:1.5px dashed var(--ink-line);box-shadow:none;background:0 0}.folder-tile.is-empty:before{background:0 0}.folder-tile.is-empty:hover{box-shadow:none;transform:none}.folder-tile.is-empty .folder-label,.folder-tile.is-empty .folder-count{color:var(--text-muted)}.drive-folder-frame{background:var(--ink-panel);border:1px solid var(--ink-line);border-radius:10px;height:560px;margin-top:24px;padding:4px}.drive-folder-embed{border:none;border-radius:8px;width:100%;height:100%}.reading-room .watch-btn{background:var(--brass);color:var(--ink);text-align:center;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;padding:8px 18px;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;transition:background .15s;display:inline-block}.reading-room .watch-btn:hover{background:#d8a565}.reading-room .empty-message{color:var(--text-muted);padding:32px 0;font-family:Fraunces,Georgia,serif;font-size:1rem;font-style:italic}.loading-shelf{border-bottom:4px solid var(--ink-line);gap:18px;padding-bottom:16px;display:flex}.skeleton-tile{width:140px;min-height:170px;animation:1.5s ease-in-out infinite pulse-skeleton;background:var(--ink-panel)!important;border:1px solid var(--ink-line)!important;box-shadow:none!important}.skeleton-tile:before{display:none!important}.reading-room .lecture-card{background:var(--ink-panel);border:1px solid var(--ink-line);color:var(--text-warm);border-radius:10px;flex-direction:column;gap:8px;padding:20px;display:flex}.reading-room .upload-form{cursor:default;max-width:600px;margin-top:16px}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-warm);text-transform:uppercase;letter-spacing:.05em;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600}.form-group input,.form-group select{background:var(--ink);color:var(--text-warm);border:1px solid var(--ink-line);border-radius:8px;outline:none;padding:12px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--brass)}.file-input{cursor:pointer;border:1px dashed var(--ink-line)!important;color:var(--text-muted)!important;background:#171f2880!important;padding:24px!important}.file-input:focus{border-color:var(--brass)!important}.upload-actions{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.btn-cancel{color:var(--text-muted);border:1px solid var(--ink-line);cursor:pointer;background:0 0;border-radius:999px;padding:8px 18px;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;transition:all .15s}.btn-cancel:hover{background:var(--ink-line);color:var(--text-warm)}.btn-primary{background:var(--brass);color:var(--ink);cursor:pointer;border:none;border-radius:999px;padding:8px 18px;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;transition:background .15s}.btn-primary:hover{background:#d8a565}.btn-primary:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.reading-room{padding:24px 20px 32px}.reading-room-title{font-size:1.6rem}.folder-tile{width:110px;min-height:140px}.drive-folder-frame{height:400px}.reading-room-header-row{flex-direction:column;align-items:stretch}.reading-room-header-row .watch-btn{width:100%}}@media (prefers-reduced-motion:reduce){.folder-tile{transition:none}}.lecture-detail{flex-direction:column;gap:24px;display:flex}.back-btn{cursor:pointer;color:var(--muted);text-align:left;background:0 0;border:none;padding:0;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:color .15s}.back-btn:hover{color:var(--royal)}.lecture-detail-header{flex-direction:column;gap:6px;display:flex}.lecture-video-wrap{aspect-ratio:16/9;border-radius:var(--radius);background:var(--midnight);overflow:hidden}.lecture-iframe{border:none;width:100%;height:100%}.lecture-video-placeholder{color:#ffffff4d;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;min-height:240px;display:flex}.lecture-video-placeholder p{font-family:Inter,sans-serif;font-size:14px}.lecture-tabs-panel{padding:0}.lecture-tab-bar{border-bottom:1px solid var(--border);z-index:1;gap:4px;padding:0 20px;display:flex;position:relative;overflow-x:auto}.lecture-tab-btn{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:14px 16px 12px;font-family:Sora,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.lecture-tab-btn:hover{color:var(--charcoal)}.lecture-tab-btn.active{color:var(--royal);border-bottom-color:var(--royal)}.lecture-tab-content{padding:20px 24px 24px}.page-loading{justify-content:center;align-items:center;min-height:300px;display:flex}.published-badge{text-transform:uppercase;letter-spacing:.1em;color:#065f46;background:#d1fae5;border-radius:999px;align-items:center;padding:6px 12px;font-family:Sora,sans-serif;font-size:12px;font-weight:700;display:inline-flex}.pending-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;display:flex}.pending-state h3{color:var(--midnight);margin:0 0 8px;font-family:Fraunces,serif;font-size:1.5rem;font-weight:700}.notes-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.notes-textarea{border:1px solid var(--border);resize:vertical;background:var(--soft-gray);width:100%;color:var(--midnight);border-radius:8px;outline:none;margin-bottom:16px;padding:16px;font-family:Inter,sans-serif;font-size:14px;line-height:1.6}.notes-textarea:focus{border-color:var(--royal);background:#fff}.notes-actions{justify-content:flex-end;gap:12px;display:flex}.transcript-text{color:var(--midnight);white-space:pre-wrap;font-family:Inter,sans-serif;font-size:14px;line-height:1.8}.test-gen-form-wrap{background-image:none;padding:32px 36px 36px}.test-gen-form{flex-direction:column;gap:0;max-width:520px;display:flex}.tg-type-toggle{gap:10px;display:flex}.tg-type-btn{background:var(--soft-gray);border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--charcoal);cursor:pointer;text-align:center;flex:1;padding:12px 16px;font-family:Sora,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.tg-type-btn:hover{background:#eff4ff;border-color:#1e3a8a40}.tg-type-btn.active{border-color:var(--royal);color:var(--royal);background:#eff4ff}.tg-difficulty-row,.tg-count-row{flex-wrap:wrap;gap:8px;display:flex}.tg-diff-btn,.tg-count-btn{background:var(--soft-gray);border:1.5px solid var(--border);color:var(--charcoal);cursor:pointer;border-radius:999px;padding:8px 16px;font-family:Sora,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.tg-diff-btn:hover,.tg-count-btn:hover{background:#eff4ff;border-color:#1e3a8a33}.tg-diff-btn.active,.tg-count-btn.active{border-color:var(--royal);color:var(--royal);background:#eff4ff}.tg-hint{color:var(--muted);margin-top:6px;font-family:Inter,sans-serif;font-size:12px}.tg-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.generator-form{flex-direction:column;gap:20px;max-width:800px;margin:0 auto;padding:32px;display:flex}.form-row{gap:20px;display:flex}@media (width<=600px){.form-row{flex-direction:column}}.flex-1{flex:1}.generator-questions-list{flex-direction:column;gap:24px;max-width:800px;margin:0 auto;display:flex}.generator-question-card{flex-direction:column;gap:16px;padding:24px;display:flex}.question-header{justify-content:space-between;align-items:center;display:flex}.question-number{color:var(--midnight);font-family:Fraunces,serif;font-size:1.1rem;font-weight:700}.question-type{text-transform:uppercase;color:var(--muted);background:var(--soft-gray);border-radius:4px;padding:4px 8px;font-family:Sora,sans-serif;font-size:10px;font-weight:700}.question-editor{border:1px solid var(--border);resize:vertical;border-radius:8px;outline:none;width:100%;padding:12px;font-family:Inter,sans-serif;font-size:14px}.question-editor:focus{border-color:var(--royal)}.mcq-options{flex-direction:column;gap:8px;display:flex}.mcq-option-edit{border:1px solid var(--border);background:var(--soft-gray);border-radius:6px;align-items:center;gap:12px;padding:8px 12px;display:flex}.mcq-option-edit.correct{border-color:var(--success);background:#ecfdf5}.mcq-option-input{background:0 0;border:none;outline:none;flex:1;font-family:Inter,sans-serif;font-size:14px}.question-actions{border-top:1px solid var(--border);justify-content:flex-end;margin-top:8px;padding-top:12px;display:flex}.assessment-tabs{border-bottom:1px solid var(--border);gap:16px;margin-top:8px;padding-bottom:0;display:flex;overflow-x:auto}.assessment-tab{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:12px 16px;font-family:Sora,sans-serif;font-size:13px;font-weight:700;position:relative}.assessment-tab.active{color:var(--royal)}.assessment-tab.active:after{content:"";background:var(--royal);height:2px;position:absolute;bottom:-1px;left:0;right:0}.filter-select{border:1px solid var(--border);color:var(--midnight);cursor:pointer;background:#fff;border-radius:8px;outline:none;padding:8px 12px;font-family:Inter,sans-serif;font-size:13px}.assessment-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:24px;display:grid}.assessment-card{flex-direction:column;gap:12px;padding:24px;display:flex}.assessment-card-header{justify-content:space-between;align-items:center;display:flex}.assessment-class{text-transform:uppercase;color:var(--royal);background:var(--info-bg);border-radius:4px;padding:4px 8px;font-family:Sora,sans-serif;font-size:11px;font-weight:700}.assessment-title{color:var(--midnight);margin:0;font-family:Fraunces,serif;font-size:1.25rem;font-weight:700}.assessment-progress{flex-direction:column;gap:6px;margin:12px 0;display:flex}.progress-text{color:var(--muted);justify-content:space-between;font-family:Inter,sans-serif;font-size:12px;display:flex}.assessment-actions{justify-content:flex-end;margin-top:auto;display:flex}.class-selector{border:1px solid var(--border);color:var(--midnight);cursor:pointer;background:#fff;border-radius:8px;outline:none;min-width:200px;padding:10px 16px;font-family:Inter,sans-serif;font-size:14px}.gradebook-tabs{border-bottom:1px solid var(--border);gap:16px;margin-top:8px;padding-bottom:0;display:flex;overflow-x:auto}.gradebook-tab{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:12px 16px;font-family:Sora,sans-serif;font-size:13px;font-weight:700;display:flex;position:relative}.gradebook-tab.active{color:var(--royal)}.gradebook-tab.active:after{content:"";background:var(--royal);height:2px;position:absolute;bottom:-1px;left:0;right:0}.tab-badge{background:var(--warning);color:#fff;border-radius:999px;padding:2px 6px;font-size:10px;line-height:1}.analytics-view{flex-direction:column;gap:24px;margin-top:24px;display:flex}.analytics-top-row{grid-template-columns:2fr 1fr;gap:24px;display:grid}@media (width<=900px){.analytics-top-row{grid-template-columns:1fr}}.card-title{color:var(--midnight);margin:0;font-family:Fraunces,serif;font-size:1.25rem;font-weight:700}.analytics-chart-card,.analytics-weak-topics,.student-breakdown-card{padding:24px}.weak-topics-list{flex-direction:column;gap:12px;margin:16px 0 0;padding:0;list-style:none;display:flex}.weak-topic-item{color:var(--midnight);background:var(--soft-gray);border-radius:8px;align-items:center;gap:8px;padding:12px;font-family:Inter,sans-serif;font-size:14px;display:flex}.weak-topic-dot{background:var(--warning);border-radius:50%;width:8px;height:8px}.review-view{margin-top:24px}.review-list{flex-direction:column;gap:24px;max-width:800px;display:flex}.review-card{flex-direction:column;gap:16px;padding:24px;display:flex}.review-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.review-assessment-title{text-transform:uppercase;color:var(--royal);background:var(--info-bg);border-radius:4px;padding:4px 8px;font-family:Sora,sans-serif;font-size:11px;font-weight:700}.review-student-name{color:var(--midnight);margin:8px 0 0;font-family:Fraunces,serif;font-size:1.25rem;font-weight:700}.review-question,.review-answer{color:var(--midnight);background:var(--soft-gray);border-radius:8px;padding:12px;font-family:Inter,sans-serif;font-size:14px;line-height:1.6}.review-answer{background:#f0fdf4}.review-ai-assessment{border:1px dashed var(--border);color:var(--midnight);background:#fffbeb;border-radius:8px;flex-direction:column;gap:8px;padding:16px;font-family:Inter,sans-serif;font-size:13px;display:flex}.review-override-form{border-top:1px solid var(--border);align-items:flex-start;gap:16px;margin-top:16px;padding-top:20px;display:flex}.schedule-view-toggle{gap:8px;display:flex}.schedule-legend{flex-wrap:wrap;gap:16px;display:flex}.legend-item{color:var(--charcoal);align-items:center;gap:6px;font-family:Sora,sans-serif;font-size:12px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.schedule-calendar-wrap{padding:16px;overflow-x:auto}.rbc-calendar{font-family:Inter,sans-serif}.rbc-toolbar{margin-bottom:16px}.rbc-toolbar button{color:var(--charcoal);border:1.5px solid var(--border);background:var(--white);border-radius:999px;padding:6px 14px;font-family:Sora,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.rbc-toolbar button:hover{background:var(--soft-gray)}.rbc-toolbar button.rbc-active{background:var(--royal);color:#fff;border-color:var(--royal)}.rbc-toolbar-label{color:var(--midnight);font-family:Fraunces,serif;font-size:1.1rem;font-weight:800}.rbc-header{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-family:Sora,sans-serif;font-size:11px;font-weight:600}.rbc-today{background:#1e3a8a08}.schedule-event-overlay{z-index:500;background:#00000059;justify-content:center;align-items:center;padding:20px;animation:.15s fade-in;display:flex;position:fixed;inset:0}.schedule-event-popup{flex-direction:column;gap:8px;width:100%;max-width:380px;padding:24px;animation:.2s popup-in;display:flex;position:relative}.schedule-popup-close{background:var(--soft-gray);cursor:pointer;width:28px;height:28px;color:var(--muted);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;top:14px;right:14px}.schedule-event-type-tag{text-transform:uppercase;letter-spacing:.1em;border-radius:999px;width:fit-content;padding:3px 10px;font-family:Sora,sans-serif;font-size:9px;font-weight:700;display:inline-block}.schedule-event-type-tag.class{color:var(--royal);background:#eff4ff}.schedule-event-type-tag.test{background:var(--error-bg);color:var(--error)}.schedule-event-type-tag.deadline{background:var(--warning-bg);color:var(--warning)}.schedule-event-type-tag.reminder{background:var(--success-bg);color:var(--success)}.schedule-event-title{color:var(--midnight);margin:0;font-family:Fraunces,serif;font-size:1.1rem;font-weight:800}.schedule-event-subject{color:var(--steel);text-transform:uppercase;letter-spacing:.08em;font-family:Sora,sans-serif;font-size:11px;font-weight:600}.schedule-event-time{color:var(--charcoal);font-family:Inter,sans-serif;font-size:13px;font-weight:600}.schedule-event-desc{color:var(--muted);font-family:Inter,sans-serif;font-size:13px;line-height:1.5}.ai-page-container{flex-direction:column;flex:1;width:100%;max-width:1200px;min-height:calc(100vh - 120px);margin:0 auto;padding:0;display:flex}.ai-chat-header{flex-shrink:0;margin-bottom:24px}.ai-avatar-wrapper{background:var(--royal);color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.ai-chat-window{flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow:hidden}.ai-chat-messages{flex-direction:column;flex:1;gap:24px;padding:32px;display:flex;overflow-y:auto}.ai-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.ai-empty-state h2{color:var(--midnight);margin-bottom:32px;font-family:Fraunces,serif;font-size:1.5rem}.ai-prompt-grid{grid-template-columns:repeat(2,1fr);gap:16px;max-width:600px;display:grid}.ai-prompt-btn{background:var(--soft-gray);border:1px solid var(--border);color:var(--midnight);text-align:left;cursor:pointer;border-radius:12px;padding:16px;font-family:Inter,sans-serif;font-size:14px;transition:all .2s}.ai-prompt-btn:hover{border-color:var(--royal);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.ai-message{max-width:80%;display:flex}.ai-message.user{align-self:flex-end}.ai-message.assistant{align-self:flex-start}.ai-message-bubble{border-radius:16px;padding:16px 20px;font-family:Inter,sans-serif;font-size:15px;line-height:1.6}.ai-message.user .ai-message-bubble{background:var(--royal);color:#fff;border-bottom-right-radius:4px}.ai-message.assistant .ai-message-bubble{background:var(--soft-gray);color:var(--midnight);border-bottom-left-radius:4px}.ai-chat-input-area{border-top:1px solid var(--border);background:#fff;gap:16px;padding:24px;display:flex}.ai-chat-input{border:1px solid var(--border);border-radius:999px;outline:none;flex:1;padding:16px 24px;font-family:Inter,sans-serif;font-size:15px;transition:border-color .2s}.ai-chat-input:focus{border-color:var(--royal)}.ai-chat-send{border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;padding:0;display:flex}.typing{align-items:center;gap:6px;display:flex;padding:20px!important}.typing .dot{background:var(--muted);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both bounce}.typing .dot:first-child{animation-delay:-.32s}.typing .dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.ai-class-select{cursor:pointer;min-width:200px;background:var(--soft-gray)!important;border:1.5px solid var(--border)!important;border-radius:10px!important;padding:8px 12px!important;font-size:13px!important}.ai-class-select:focus{outline:none;border-color:var(--royal)!important}.ai-prompt-btn{text-align:left;align-items:flex-start;gap:10px;line-height:1.4;display:flex}.ai-chat-header-inner{justify-content:space-between;align-items:center;gap:16px;display:flex}.ai-chat-header-title-row{flex:1;align-items:center;gap:16px;display:flex}.ai-class-selector-wrapper{flex-shrink:0}@media (width<=768px){.ai-page-container{padding:0}.ai-chat-header-inner{flex-direction:column;align-items:stretch}.ai-class-select{width:100%}.ai-chat-messages{padding:16px}.ai-prompt-grid{grid-template-columns:1fr}.ai-chat-input-area{padding:16px}}.notifications-split-view{grid-template-columns:1fr 1fr;gap:32px;margin-top:24px;display:grid}@media (width<=900px){.notifications-split-view{grid-template-columns:1fr}}.column-title{color:var(--midnight);margin:0 0 24px;font-family:Fraunces,serif;font-size:1.5rem;font-weight:700}.notifications-list,.announcements-list{flex-direction:column;gap:16px;display:flex}.notification-card,.announcement-card{padding:20px}.notification-card.unread{border-left:4px solid var(--royal);background:var(--info-bg)}.notification-title{color:var(--midnight);margin:0;font-family:Inter,sans-serif;font-size:15px;font-weight:600}.notification-date{color:var(--muted);font-family:Inter,sans-serif;font-size:12px}.notification-message{color:var(--charcoal);margin:0;font-family:Inter,sans-serif;font-size:14px;line-height:1.6}.announcement-form{padding:24px}.announcement-class-tag{text-transform:uppercase;color:#b45309;background:#fffbeb;border-radius:4px;padding:4px 8px;font-family:Sora,sans-serif;font-size:10px;font-weight:700}.settings-shell{grid-template-columns:220px 1fr;align-items:start;gap:24px;display:grid}@media (width<=768px){.settings-shell{grid-template-columns:1fr}}.settings-subnav{top:calc(var(--topbar-height) + 20px);padding:10px 8px;position:sticky}.settings-subnav-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0;padding:8px 12px 6px;font-family:Sora,sans-serif;font-size:10px;font-weight:700}.settings-subnav-item{border-radius:var(--radius-sm);color:var(--charcoal);align-items:center;gap:10px;padding:9px 12px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;text-decoration:none;transition:background .14s,color .14s;display:flex}.settings-subnav-item:hover{background:var(--soft-gray);color:var(--charcoal)}.settings-subnav-item.active{color:var(--royal);background:#eff4ff;font-weight:600}.settings-subnav-icon{flex-shrink:0;font-size:16px}.settings-content,.settings-section{flex-direction:column;gap:20px;display:flex}.settings-section-header{margin-bottom:4px}.settings-section-title{color:var(--midnight);margin:0 0 4px;font-family:Fraunces,serif;font-size:1.3rem;font-weight:800}.settings-section-subtitle{color:var(--muted);margin:0;font-family:Inter,sans-serif;font-size:14px}.settings-card{padding:24px 28px}.settings-save-row{justify-content:flex-end;margin-top:4px;display:flex}.settings-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-row-info{flex:1}.settings-row-label{color:var(--charcoal);margin:0 0 2px;font-family:Inter,sans-serif;font-size:14px;font-weight:600}.settings-row-desc{color:var(--muted);margin:0;font-family:Inter,sans-serif;font-size:12px}.avatar-picker-label{color:var(--charcoal);margin-bottom:12px;font-family:Sora,sans-serif;font-size:12px;font-weight:600}.avatar-picker-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}@media (width<=600px){.avatar-picker-grid{grid-template-columns:repeat(3,1fr)}}.avatar-option{background:var(--soft-gray);border-radius:var(--radius-sm);cursor:pointer;border:2px solid #0000;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;transition:all .18s;display:flex}.avatar-option:hover{background:#eff4ff;border-color:#1e3a8a33;transform:translateY(-2px)}.avatar-option.active{border-color:var(--royal);background:#eff4ff;box-shadow:0 0 0 2px #1e3a8a1a}.avatar-option-inner{border:1px solid var(--border);background:#fff;border-radius:50%;width:52px;height:52px;overflow:hidden}.avatar-option-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-family:Sora,sans-serif;font-size:9px;font-weight:600}.avatar-option.active .avatar-option-label{color:var(--royal)}.avatar-upload-slot .avatar-option-inner{background:var(--white)}.avatar-upload-placeholder{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border:1.5px dashed var(--border);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-family:Sora,sans-serif;font-size:8px;font-weight:600;display:flex}.avatar-upload-placeholder:hover{border-color:var(--royal);color:var(--royal)}.avatar-upload-placeholder svg{flex-shrink:0}.drag-over .avatar-upload-placeholder{border-color:var(--royal);color:var(--royal);background:#eff4ff}.avatar-upload-preview{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-upload-spinner{border:2px solid var(--border);border-top-color:var(--royal);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.avatar-file-input{display:none}.profile-current-avatar{align-items:center;gap:16px;margin-bottom:20px;display:flex}.profile-avatar-divider{background:var(--border);height:1px;margin:0 0 20px}