:root{--color-primary: #1A3A5C;--color-accent: #C8102E;--color-success: #2E7D32;--color-warning: #E65100;--color-error: #B71C1C;--color-neutral-50: #FAFAFA;--color-neutral-100: #F5F5F5;--color-neutral-200: #E8E8E8;--color-neutral-600: #666666;--color-neutral-700: #444444;--color-neutral-900: #111111;--color-bg: var(--color-neutral-100);--color-surface: #FFFFFF;--color-border: var(--color-neutral-200);--color-text: var(--color-neutral-700);--color-text-secondary: var(--color-neutral-600);--color-heading: var(--color-neutral-900);--radius: 12px;--radius-sm: 6px;--shadow: 0 2px 8px rgba(0,0,0,.07);--shadow-md: 0 4px 16px rgba(0,0,0,.12);--spacing: 8px;--font-display: "Playfair Display", Georgia, serif;--font-body: "Source Sans 3", system-ui, sans-serif;--nav-height: 56px;--max-content: 480px;--max-desktop: 960px;--color-card-back-bg: #EEF3F8;--color-answer-text: #1A3A5C;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}:root.theme-light{color-scheme:light;--color-bg: var(--color-neutral-100);--color-surface: #FFFFFF;--color-border: var(--color-neutral-200);--color-text: var(--color-neutral-700);--color-text-secondary: var(--color-neutral-600);--color-heading: var(--color-neutral-900);--color-card-back-bg: #EEF3F8;--color-answer-text: #1A3A5C}@media (prefers-color-scheme: dark){:root.theme-system{color-scheme:dark;--color-bg: #0F1F30;--color-surface: #1A2E40;--color-border: #2A4060;--color-text: #E8EDF2;--color-text-secondary: #A0B4C8;--color-heading: #F0F4F8;--color-neutral-100: #0F1F30;--color-neutral-200: #2A4060;--shadow: 0 2px 8px rgba(0,0,0,.3);--color-card-back-bg: #1E3452;--color-answer-text: #90C3F0}}:root.theme-dark{color-scheme:dark;--color-bg: #0F1F30;--color-surface: #1A2E40;--color-border: #2A4060;--color-text: #E8EDF2;--color-text-secondary: #A0B4C8;--color-heading: #F0F4F8;--color-neutral-100: #0F1F30;--color-neutral-200: #2A4060;--shadow: 0 2px 8px rgba(0,0,0,.3);--color-card-back-bg: #1E3452;--color-answer-text: #90C3F0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}#app-root{min-height:100vh;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px)}h1,h2,h3{font-family:var(--font-display);color:var(--color-heading);line-height:1.2}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-body);cursor:pointer;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;transition:opacity .15s,transform .1s}button:active{transform:scale(.97)}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input,select{font-family:var(--font-body);font-size:1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 12px;background:var(--color-surface);color:var(--color-text);width:100%}input:focus,select:focus{outline:2px solid var(--color-primary);outline-offset:1px;border-color:transparent}.page{flex:1;padding:0 16px;padding-bottom:calc(var(--nav-height) + var(--safe-area-bottom) + 16px);max-width:var(--max-content);margin:0 auto;width:100%}@media (min-width: 768px){.page{padding:0 24px 24px;max-width:var(--max-desktop)}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-sm);font-weight:600;font-size:1rem;min-height:44px;min-width:44px;transition:opacity .15s,box-shadow .15s,transform .1s}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{opacity:.9}.btn-secondary{background:var(--color-primary);color:#fff}.btn-secondary:hover{opacity:.9}.btn-ghost{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn-ghost:hover{background:#1a3a5c0f}.btn-success{background:var(--color-success);color:#fff}.btn-warning{background:var(--color-warning);color:#fff}.btn-error{background:var(--color-error);color:#fff}.btn-full{width:100%;display:flex}.btn-lg{padding:14px 28px;font-size:1.05rem}.label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.chip{display:inline-block;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.04em}.chip-neutral{background:var(--color-neutral-200);color:var(--color-neutral-600)}.chip-amber{background:#fff3e0;color:#e65100}.chip-green{background:#e8f5e9;color:#2e7d32}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-height) + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;align-items:stretch;z-index:100}.bottom-nav .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;border-radius:0;color:var(--color-text-secondary);font-size:11px;font-weight:500;cursor:pointer;min-height:44px;padding:6px 0;transition:color .15s}.bottom-nav .nav-item svg{width:22px;height:22px}.bottom-nav .nav-item.active{color:var(--color-primary);border-top:2px solid var(--color-primary);margin-top:-1px}@media (min-width: 768px){.bottom-nav{display:none}.top-nav{display:flex!important;position:sticky;top:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;padding:0 24px}}.top-nav{display:none;align-items:center;gap:4px;height:56px}.top-nav .brand{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--color-primary);margin-right:24px}.top-nav .nav-item{padding:6px 14px;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-weight:600;font-size:.95rem;cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;transition:color .15s}.top-nav .nav-item.active{color:var(--color-primary);border-bottom-color:var(--color-primary);border-radius:0}.mastery-bar{height:4px;background:var(--color-neutral-200);border-radius:2px;overflow:hidden;margin:6px 0}.mastery-bar-fill{height:100%;border-radius:2px;background:var(--color-success);transition:width .4s ease-out}.gauge-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.gauge-score{font-family:var(--font-display);font-size:40px;font-weight:700;color:var(--color-heading);line-height:1}.gauge-label{font-size:13px;color:var(--color-text-secondary)}.flashcard-scene{perspective:1000px;width:100%;max-width:480px;min-height:220px;margin:0 auto;cursor:pointer}.flashcard-scene:focus{outline:2px solid var(--color-primary);border-radius:var(--radius)}.flashcard{width:100%;min-height:220px;position:relative;transform-style:preserve-3d;transition:transform .4s ease-in-out;border-radius:var(--radius)}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-face{position:absolute;top:0;left:0;right:0;min-height:220px;border-radius:var(--radius);backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:20px;display:flex;flex-direction:column}.flashcard-front{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow)}.flashcard-back{background:var(--color-card-back-bg);border:1px solid var(--color-border);box-shadow:var(--shadow);transform:rotateY(180deg);color:var(--color-text)}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.flashcard-question{font-size:22px;font-family:var(--font-display);color:var(--color-heading);flex:1;line-height:1.35}.flashcard-answer{font-size:20px;font-weight:700;color:var(--color-answer-text);margin-bottom:12px;line-height:1.4}.flashcard-context{font-size:13px;color:var(--color-text-secondary);line-height:1.6}.flip-hint{margin-top:auto;text-align:center;font-size:12px;color:var(--color-neutral-600);padding-top:12px}.rating-buttons-wrap{position:sticky;bottom:calc(var(--nav-height) + 8px);background:var(--color-bg);padding:12px 0 4px;z-index:5}.rating-buttons{display:flex;gap:8px;width:100%;max-width:480px;margin-left:auto;margin-right:auto}.rating-buttons .btn{flex:1;min-width:0;height:48px;padding:0}.learning-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.learning-card .q-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.learning-card .q-text{font-size:22px;font-family:var(--font-body);font-weight:600;color:var(--color-heading);margin-bottom:16px;line-height:1.4}.learning-card .divider{border:none;border-top:1px solid var(--color-border);margin:16px 0}.learning-card .answer-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin-bottom:6px}.learning-card .answer-text{font-size:20px;font-weight:700;color:var(--color-answer-text);margin-bottom:4px;line-height:1.4}.learning-card .section-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin-top:16px;margin-bottom:6px}.learning-card .context-text{font-size:15px;color:var(--color-text);line-height:1.6}.learning-card .memory-tip{font-size:14px;color:var(--color-text-secondary);line-height:1.5;font-style:italic}.kc-option{display:block;width:100%;text-align:left;padding:12px 16px;margin-bottom:10px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:border-color .15s,background .15s;min-height:44px}.kc-option:hover{border-color:var(--color-primary)}.kc-option.correct{background:#e8f5e9;border-color:var(--color-success);color:var(--color-success)}.kc-option.wrong{background:#ffebee;border-color:var(--color-error);color:var(--color-error)}.kc-option.correct-pulse{animation:pulse-green .4s ease-out}.kc-option.wrong-shake{animation:shake .4s ease-out}@keyframes pulse-green{0%{transform:scale(1)}50%{transform:scale(1.02);background:#c8e6c9}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.dashboard-header{padding:16px 0;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.streak-block{display:flex;align-items:center;gap:6px;font-size:18px;font-weight:700;color:var(--color-heading)}.streak-icon{font-size:22px}.readiness-block{text-align:center}.action-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}@media (min-width: 768px){.action-cards{gap:16px}}.action-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px}.action-card .card-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.action-card .card-subject{font-weight:700;color:var(--color-heading);font-size:1rem;line-height:1.3}.action-card .card-meta{font-size:13px;color:var(--color-text-secondary)}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (min-width: 768px){.category-grid{grid-template-columns:1fr 1fr 1fr}}.category-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);cursor:pointer;transition:box-shadow .15s}.category-card:hover{box-shadow:var(--shadow-md)}.category-card .cat-icon{font-size:32px;margin-bottom:8px;display:block}.category-card .cat-name{font-size:14px;font-weight:600;color:var(--color-heading);margin-bottom:6px;line-height:1.3}.category-card .cat-questions{font-size:12px;color:var(--color-text-secondary);margin-top:4px}.session-progress{display:flex;align-items:center;gap:10px;margin-bottom:16px}.session-progress-bar{flex:1;height:6px;background:var(--color-neutral-200);border-radius:3px;overflow:hidden}.session-progress-fill{height:100%;background:var(--color-primary);border-radius:3px;transition:width .3s ease-out}.session-progress-label{font-size:13px;color:var(--color-text-secondary);white-space:nowrap}.star-badge{color:#f9a825;font-size:14px}.wizard-dots{display:flex;gap:8px;justify-content:center;margin:20px 0}.wizard-dot{width:10px;height:10px;border-radius:50%;background:var(--color-neutral-200);transition:background .2s}.wizard-dot.active{background:var(--color-primary)}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:32px 16px;text-align:center;gap:16px}.welcome-logo{font-family:var(--font-display);font-size:40px;font-weight:700;color:var(--color-primary)}.welcome-tagline{font-size:18px;color:var(--color-text-secondary);letter-spacing:.05em}.welcome-flag{font-size:64px;margin-bottom:8px}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in-up .25s ease-out both}.stagger-1{animation-delay:0s}.stagger-2{animation-delay:.08s}.stagger-3{animation-delay:.16s}.stagger-4{animation-delay:.24s}.stagger-5{animation-delay:.32s}.completion-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px;text-align:center;box-shadow:var(--shadow)}.completion-badge{font-size:56px;margin-bottom:8px}.completion-title{font-size:24px;font-family:var(--font-display);margin-bottom:8px}.settings-section{margin-bottom:24px}.settings-section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--color-border);gap:16px}.settings-row:last-child{border-bottom:none}.settings-row-label{font-weight:600;font-size:.95rem}.settings-row-sub{font-size:13px;color:var(--color-text-secondary);margin-top:2px}.toggle{position:relative;width:48px;height:28px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--color-neutral-200);border-radius:28px;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 4px #0003}.toggle input:checked+.toggle-slider{background:var(--color-primary)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.toggle input:focus-visible+.toggle-slider{outline:2px solid var(--color-primary);outline-offset:2px}.footer-disclaimer{font-size:12px;color:var(--color-text-secondary);text-align:center;padding:16px 0 8px;line-height:1.5}.weak-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-border)}.weak-item:last-child{border-bottom:none}.weak-item-info{flex:1;min-width:0}.weak-item-q{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weak-item-meta{font-size:12px;color:var(--color-text-secondary);margin-top:2px}.weak-item-actions{display:flex;gap:6px;flex-shrink:0}.btn-xs{padding:4px 10px;font-size:12px;height:32px}.pacing-alert{background:#fff8e1;border:1px solid #FFE082;border-radius:var(--radius);padding:14px 16px;font-size:14px;color:#5d4037;margin:12px 0}.verify-link{font-size:12px;color:var(--color-text-secondary);margin-top:8px}.verify-link a{color:var(--color-primary)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.visual-container{width:100%;max-width:480px;margin:16px auto;overflow:hidden;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);padding:12px}.visual-container svg{width:100%;height:auto;display:block}.notification-banner{background:var(--color-primary);color:#fff;padding:10px 16px;text-align:center;font-size:14px;font-weight:500}.audio-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1.5px solid var(--color-border);border-radius:20px;background:none;color:var(--color-text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:color .15s,border-color .15s}.audio-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.audio-btn.playing{color:var(--color-accent);border-color:var(--color-accent)}.audio-btn svg{width:14px;height:14px;flex-shrink:0}.install-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:12px}.install-banner-text{flex:1}.install-banner-title{font-weight:700;font-size:14px}.install-banner-sub{font-size:12px;color:var(--color-text-secondary)}.narrative-card{background:var(--color-surface);border-radius:var(--radius);padding:20px 16px;box-shadow:var(--shadow)}.narrative-chapter-title{font-family:var(--font-display);font-size:22px;color:var(--color-heading);margin-bottom:20px;line-height:1.3}.narrative-section{margin-bottom:4px}.narrative-section-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--color-primary);margin-bottom:10px;line-height:1.35}.narrative-body{font-size:15px;line-height:1.7;color:var(--color-text);margin-bottom:10px}.narrative-image-wrap{margin:12px 0 16px;border-radius:8px;overflow:hidden;border:1px solid var(--color-border)}.narrative-image{width:100%;height:auto;display:block}.image-caption{font-size:12px;color:var(--color-text-secondary);font-style:italic;background:var(--color-neutral-100);padding:7px 10px;margin:0;line-height:1.45}.image-credit{opacity:.75}.narrative-divider{border:none;border-top:1px solid var(--color-border);margin:20px 0}.narrative-cta{position:sticky;bottom:calc(var(--nav-height) + var(--safe-area-bottom));padding:12px 0 4px;background:linear-gradient(transparent,var(--color-bg) 35%)}.photo-gallery-section{margin-bottom:20px}.photo-gallery{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.photo-gallery::-webkit-scrollbar{height:4px}.photo-gallery::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.gallery-item{flex:0 0 200px;scroll-snap-align:start;border-radius:8px;overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow);border:1px solid var(--color-border)}.gallery-img{width:100%;height:130px;object-fit:cover;display:block}.gallery-caption{font-size:11px;color:var(--color-text-secondary);font-style:italic;padding:6px 8px;margin:0;line-height:1.4}.visual-diagram-section{margin-bottom:4px}