@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";:root{--surface:#fff;--surface-container-low:#eff4ff;--surface-container:#e5eeff;--surface-container-high:#dce9ff;--surface-container-highest:#d3e4fe;--on-surface:#0b1c30;--on-surface-variant:#4e5a69;--outline-variant:#c6d3e9;--primary:#182442;--on-primary:#fff;--secondary:#006b56;--secondary-container:#92f5d6;--success-bg:#c9f0e4;--success-fg:#0d3f33;--danger-bg:#ffd8d1;--danger-fg:#5f130a;--input-bg:#fff;--input-fg:#0b1c30;--bg-start:#f8f9ff;--bg-end:#eef3ff}:root[data-theme=dark]{--surface:#16233d;--surface-container-low:#1a2a47;--surface-container:#223354;--surface-container-high:#2a3b5d;--surface-container-highest:#304367;--on-surface:#e8efff;--on-surface-variant:#a8b5d0;--outline-variant:#3f5276;--primary:#dce6ff;--on-primary:#0f1a34;--secondary:#7fdcc0;--secondary-container:#224d43;--success-bg:#1d5b4c;--success-fg:#daf8ee;--danger-bg:#6f2f2a;--danger-fg:#ffd7d1;--input-bg:#13233f;--input-fg:#e8efff;--bg-start:#0f172a;--bg-end:#15233c}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--on-surface);background:radial-gradient(circle at 12% 10%, var(--surface-container), transparent 35%), linear-gradient(150deg, var(--bg-start), var(--bg-end));background-attachment:fixed;margin:0;font-family:Manrope,Segoe UI,sans-serif}h1,h2,p{margin:0}.layout-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid;position:relative}.layout-shell.sidebar-hidden{grid-template-columns:1fr}.layout-shell.sidebar-hidden .sidebar{display:none}.layout-shell.fullscreen-active{grid-template-columns:1fr}.layout-shell.fullscreen-active .sidebar{display:none}.sidebar{border-right:1px solid var(--outline-variant);background:color-mix(in srgb, var(--surface) 90%, transparent);flex-direction:column;gap:1.2rem;padding:1.4rem 1rem;display:flex}.brand-title{margin:0;font-weight:700}.sidebar-nav{gap:.4rem;display:grid}.nav-btn{text-align:left;width:100%;color:var(--on-surface-variant);background:0 0;border:1px solid #0000;border-radius:.6rem}.nav-btn:hover{background:var(--surface-container-low)}.nav-btn.active{background:var(--surface-container-high);border-color:var(--outline-variant);color:var(--on-surface);font-weight:600}.sidebar-bottom{gap:.75rem;margin-top:auto;display:grid}.main-content{justify-content:center;min-width:0;padding:.5rem 0;display:flex}.show-sidebar-btn{margin-bottom:.8rem}.mobile-menu-btn.icon-square-btn,.mobile-backdrop{display:none}.app-shell{width:min(1200px,100% - 2rem);margin:0 auto;padding:1rem 0 2rem}.study-shell{width:min(1024px,100% - 2rem)}.top-bar{justify-content:center;align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.top-bar h1{margin:.3rem 0 0;font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1.15}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant);margin:0;font-size:.75rem}.top-bar>div:last-child{gap:.6rem;display:flex}.intro-card,.settings-card,.summary-card,.session-card{border:1px solid var(--outline-variant);background:var(--surface);border-radius:1rem;padding:1.1rem;box-shadow:0 4px 20px #0f172a0d}.intro-card{margin-bottom:1.4rem}.intro-card p{color:var(--on-surface-variant);margin:0}.intro-actions{grid-template-columns:auto minmax(200px,1fr);gap:.7rem;margin-top:.9rem;display:grid}.search-input{border:1px solid var(--outline-variant);background:var(--input-bg);min-height:44px;color:var(--input-fg);border-radius:.7rem;padding:.65rem .9rem;font-family:inherit}.upload-message{color:var(--on-surface);margin:.7rem 0 0;font-size:.95rem}.module-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.module-card{border:1px solid var(--outline-variant);background:var(--surface);border-radius:1rem;flex-direction:column;justify-content:space-between;gap:1rem;padding:1rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 20px #0f172a0d}.module-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0f172a14}.module-source{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.78rem}.module-card h2{margin:.45rem 0 0;font-size:1.2rem}.module-description{color:var(--on-surface-variant);margin:.4rem 0 0}.topic-insights{gap:.25rem;margin-top:.7rem;display:grid}.topic-insights p{color:var(--on-surface-variant);margin:0;font-size:.86rem}.module-footer{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.module-footer span{color:var(--on-surface-variant);font-size:.95rem}.module-actions{align-items:center;gap:.5rem;display:flex}.shuffle-btn{border:1px solid var(--outline-variant);background:var(--surface);min-width:44px;min-height:44px;color:var(--on-surface-variant);place-items:center;padding:0;display:grid}.shuffle-btn.active{background:var(--surface-container-high);color:var(--on-surface);border-color:var(--on-surface-variant)}.icon-square-btn{border:1px solid var(--outline-variant);background:var(--surface);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--on-surface);place-items:center;padding:0;font-size:1.15rem;line-height:1;display:grid}.icon-square-btn.active{background:var(--surface-container-high);border-color:var(--on-surface-variant)}.progress-panel{margin-bottom:1rem}.progress-panel p{color:var(--on-surface-variant);margin:0 0 .55rem}.meter{background:var(--surface-container);border-radius:999px;width:100%;height:.52rem;overflow:hidden}.meter span{background:linear-gradient(90deg, var(--secondary-container), var(--secondary));height:100%;transition:width .2s;display:block}.flashcard{border:1px solid var(--outline-variant);background:linear-gradient(140deg, color-mix(in srgb, var(--surface-container-high) 82%, transparent), color-mix(in srgb, var(--surface-container-low) 90%, transparent)), var(--surface);text-align:center;perspective:1400px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y;border-radius:1.1rem;place-items:center;min-height:min(52vh,430px);margin-bottom:1rem;transition:transform .25s;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 30px #0f172a14}.flashcard.flipped{transform:rotateX(2deg)}.flashcard.feedback-known{animation:.16s feedbackKnown}.flashcard.feedback-unknown{animation:.16s feedbackUnknown}@keyframes feedbackKnown{0%{box-shadow:0 8px 30px #0f172a14}to{box-shadow:0 10px 34px #1b925c38}}@keyframes feedbackUnknown{0%{box-shadow:0 8px 30px #0f172a14}to{box-shadow:0 10px 34px #b13c2f38}}.flashcard-inner{width:100%;height:100%;min-height:inherit;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.22,1,.36,1);position:relative}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flash-face{text-align:center;backface-visibility:hidden;-webkit-user-select:none;user-select:none;place-content:center;place-items:center;padding:2.8rem 2rem 3rem;display:grid;position:absolute;inset:0}.flash-face-rich{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;justify-content:center;align-items:center;display:flex;overflow-y:auto}.flash-front{background:linear-gradient(135deg, color-mix(in srgb, var(--surface-container-high) 72%, transparent), color-mix(in srgb, var(--surface-container-low) 88%, transparent)), var(--surface)}.flash-back{background:linear-gradient(135deg, color-mix(in srgb, var(--surface-container-highest) 70%, transparent), color-mix(in srgb, var(--surface-container-low) 84%, transparent)), var(--surface);transform:rotateY(180deg)}.card-label{text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant);margin:0;font-size:.75rem}.card-label-top{position:absolute;top:1rem;left:50%;transform:translate(-50%)}.flashcard h2{max-width:70ch;margin:0;font-size:clamp(1.25rem,2.2vw,1.7rem);line-height:1.45}.card-rich-content{gap:.7rem;width:100%;margin-top:1.1rem;display:grid}.card-rich-content-center{justify-items:center}.card-rich-content-test,.card-rich-content-session{justify-items:start}.card-rich-content h2,.card-rich-content strong,.card-rich-content span{white-space:pre-wrap;margin:0}.card-rich-content.has-mixed-media h2{font-size:clamp(1.05rem,2vw,1.45rem);line-height:1.35}.card-rich-content.has-mixed-media .card-image{max-height:min(26vh,220px)}.card-image{object-fit:contain;border-radius:.75rem;width:auto;max-width:min(100%,720px);height:auto;max-height:min(36vh,300px);box-shadow:0 4px 18px #0f172a1f}.shortcut-hint{color:var(--on-surface-variant);z-index:3;margin:0;font-size:.85rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.test-card{border:1px solid var(--outline-variant);background:var(--surface);border-radius:1rem;padding:1.2rem;box-shadow:0 4px 20px #0f172a0d}.test-card h2{color:var(--on-surface);margin:.4rem 0 0}.test-image{object-fit:contain;border-radius:.7rem;width:auto;max-width:min(100%,640px);height:auto;max-height:min(34vh,280px);margin-top:.4rem;box-shadow:0 4px 16px #0f172a1a}.test-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1rem;display:grid}.test-option{border:1px solid var(--outline-variant);background:var(--surface-container-low);color:var(--on-surface);font-weight:600}.test-option:disabled{opacity:1;color:var(--on-surface)}.test-option.correct{border-color:color-mix(in srgb, var(--secondary) 68%, var(--outline-variant));background:color-mix(in srgb, var(--secondary-container) 78%, var(--surface));color:var(--on-surface)}.test-feedback{margin:.8rem 0 0;font-size:.95rem}.test-feedback.good{color:#1e715b}.test-feedback.bad{color:#8f2e24}.settings-card h2,.session-card h2,.summary-card h2{margin:0;font-size:1.05rem}.settings-card{gap:.9rem;display:grid}.toggle-row{color:var(--on-surface-variant);align-items:center;gap:.6rem;display:flex}.helper-text{color:var(--on-surface-variant);margin:0}.summary-card p{color:var(--on-surface-variant);margin:.4rem 0}.summary-actions{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.session-card{margin-top:1rem}.layout-shell.fullscreen-active .study-shell{width:min(1100px,100% - 1.2rem);padding-top:.4rem}.layout-shell.fullscreen-active .session-card{display:none}.session-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.session-tabs{gap:.4rem;display:flex}.tab-btn{border:1px solid var(--outline-variant);background:var(--surface);min-height:36px;color:var(--on-surface-variant);border-radius:.55rem;padding:.45rem .7rem}.tab-btn.active{background:var(--surface-container-high);color:var(--on-surface)}.session-list{gap:.5rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.session-list li{border:1px solid var(--outline-variant);background:var(--surface-container-low);border-radius:.65rem;gap:.2rem;padding:.6rem .75rem;display:grid}.session-list strong{font-size:.95rem}.session-list span,.session-empty{color:var(--on-surface-variant);font-size:.88rem}.session-image{object-fit:contain;background:color-mix(in srgb, var(--surface) 70%, transparent);border-radius:.55rem;width:auto;max-width:min(100%,360px);height:auto;max-height:140px}button,.upload-btn{cursor:pointer;border:0;border-radius:.7rem;min-height:44px;padding:.65rem 1rem;font-family:inherit;font-size:.95rem;transition:transform .2s,filter .2s,background .2s}button:disabled{opacity:.5;cursor:not-allowed}button:not(:disabled):active,.upload-btn:active{transform:translateY(1px)}.primary-btn{background:var(--primary);color:var(--on-primary)}.ghost-btn{background:var(--surface);border:1px solid var(--outline-variant);color:var(--on-surface)}.upload-btn{background:var(--surface-container-low);border:1px solid var(--outline-variant);color:var(--on-surface);align-items:center;display:inline-grid}.success-btn{background:var(--success-bg);color:var(--success-fg)}.danger-btn{background:var(--danger-bg);color:var(--danger-fg)}@media (width<=760px){.layout-shell{grid-template-columns:1fr}.mobile-menu-btn.icon-square-btn{z-index:42;margin:0;display:inline-grid;position:fixed;top:.75rem;left:.75rem}.show-sidebar-btn{display:none}.mobile-backdrop{z-index:24;background:#060b1673;border:0;border-radius:0;min-height:0;margin:0;padding:0;display:block;position:fixed;inset:0}.sidebar{border-right:1px solid var(--outline-variant);z-index:30;border-bottom:0;gap:.8rem;width:min(88vw,320px);padding-top:1.4rem;transition:transform .24s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:0 20px 40px #0f172a47}.sidebar>div:first-child{justify-content:center;display:flex}.layout-shell.mobile-menu-open .sidebar{transform:translate(0)}.sidebar-nav{grid-template-columns:1fr}.sidebar-bottom{margin-top:0}.sidebar-bottom .icon-square-btn{display:none}.main-content{padding-top:3.6rem}.app-shell{width:min(100%,100% - 1rem);padding-bottom:1.3rem}}@media (width<=900px){.controls{grid-template-columns:repeat(2,minmax(0,1fr))}.test-actions{grid-template-columns:1fr}.session-header{flex-direction:column;align-items:flex-start}}@media (width<=700px){.intro-actions{grid-template-columns:1fr}.top-bar{text-align:center;flex-direction:column;align-items:center}.top-bar>div:first-child{width:100%}.top-bar>div:last-child{justify-content:center;width:100%;display:flex}.top-bar>div:last-child button,.top-bar>div:last-child .icon-square-btn,.module-actions{width:100%}.flashcard{min-height:min(58vh,430px)}.flash-face{padding:2.4rem 1.15rem 2.85rem}.flashcard h2{font-size:clamp(1.1rem,5.4vw,1.35rem);line-height:1.35}.card-image{max-height:min(38vh,260px)}.shortcut-hint{text-align:center;width:calc(100% - 1.2rem);font-size:.78rem}.summary-actions{grid-template-columns:1fr;display:grid}}.layout-shell.fullscreen-active .main-content{align-items:center}.layout-shell.fullscreen-active .app-shell{width:min(1120px,100% - 1.2rem)}