*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{height:100%;margin:0}body{background:var(--color-canvas, #080D1C);color:var(--color-text-primary, #F7F9FF);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,Segoe UI,Roboto,Inter,sans-serif;font-size:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased}.app-root[data-platform=android]{font-family:Roboto,Inter,system-ui,Segoe UI,sans-serif}.app-root{--touch-min: 44px;--screen-margin: 20px}.app-root[data-platform=android]{--touch-min: 48px}@media(min-width:376px){.app-root{--screen-margin: 24px}}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:6px}[tabindex="-1"]:focus{outline:none}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.t-display{font-size:var(--font-display);line-height:1.1;font-weight:800;letter-spacing:-.02em;margin:0}.t-h1{font-size:var(--font-heading-large);line-height:1.2;font-weight:750;margin:0;letter-spacing:-.01em}.t-h2{font-size:var(--font-heading-medium);line-height:1.25;font-weight:700;margin:0}.t-card{font-size:var(--font-card-title);line-height:1.3;font-weight:650;margin:0}.t-body{font-size:var(--font-body);margin:0}.t-caption{font-size:var(--font-caption);color:var(--color-text-secondary);margin:0}.t-small{font-size:var(--font-small);color:var(--color-text-secondary);margin:0}.t-secondary,.t-muted{color:var(--color-text-secondary)}.t-disabled{color:var(--color-text-disabled)}.t-preline{white-space:pre-line}.app-bg{background:var(--gradient-background)}@keyframes enter-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes skeleton{0%{opacity:.55}50%{opacity:.9}to{opacity:.55}}@keyframes dots{0%,80%,to{opacity:.25}40%{opacity:1}}.enter{animation:enter-up var(--motion-normal) var(--motion-easing) both}.fade{animation:fade-in var(--motion-normal) ease both}.pressable{transition:transform var(--motion-fast) var(--motion-easing),opacity var(--motion-fast) ease,background-color var(--motion-fast) ease}.pressable:active:not(:disabled):not([aria-disabled=true]){transform:scale(var(--press-scale))}.anim-shake{animation:shake .3s ease}.anim-pop{animation:pop var(--motion-normal) var(--motion-easing)}[data-reduced-motion=true] .enter{animation-name:fade-in}[data-reduced-motion=true] .pressable:active:not(:disabled){transform:none;opacity:.8}[data-reduced-motion=true] .anim-shake,[data-reduced-motion=true] .anim-pop,[data-reduced-motion=true] .skeleton{animation:none}[data-reduced-motion=true] *{scroll-behavior:auto!important}[data-app-hidden] *,[data-app-hidden] *:before,[data-app-hidden] *:after{animation-play-state:paused!important;transition:none!important}@media(prefers-reduced-motion:reduce){.app-root[data-reduced-motion=true] *{transition-duration:1ms!important}}.device-stage{min-height:100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px}.device-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:var(--font-caption)}.device-toolbar .seg{display:inline-flex;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:999px;padding:3px}.device-toolbar button{border:0;background:transparent;padding:8px 14px;border-radius:999px;min-height:36px;cursor:pointer;color:var(--color-text-secondary)}.device-toolbar button[aria-pressed=true]{background:var(--color-primary-fill);color:var(--color-on-primary)}.device-frame{position:relative;overflow:hidden;flex:none;width:var(--device-w);height:min(var(--device-h),calc(100dvh - 90px));border-radius:48px;border:10px solid #05070f;box-shadow:0 0 0 1px #ffffff14,0 30px 80px #0000008c}.device-frame[data-platform=android]{border-radius:30px}.device-frame.full{width:100%;height:100%;border:0;border-radius:0;box-shadow:none}.device-stage.full{padding:0;height:100%}@media(max-width:600px){.device-stage{padding:0;height:100%}.device-toolbar{display:none}.device-frame{width:100%;height:100%;border:0;border-radius:0;box-shadow:none}}.app-shell{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden}.status-bar{flex:none;height:var(--safe-top);display:flex;align-items:flex-end;justify-content:space-between;padding:0 28px 6px;font-size:.8125rem;font-weight:600}.status-bar[data-hidden=true]{visibility:hidden}.app-main{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.screen-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.screen{padding:8px var(--screen-margin) 32px;display:flex;flex-direction:column;gap:var(--space-lg)}.screen-header{display:flex;align-items:center;gap:8px;padding:6px calc(var(--screen-margin) - 8px);min-height:calc(var(--touch-min) + 8px)}.screen-header h1{flex:1;font-size:var(--font-card-title);margin:0;font-weight:700;overflow-wrap:anywhere}.safe-bottom-spacer{height:var(--safe-bottom);flex:none}.tab-bar{flex:none;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;gap:2px;padding:6px 8px calc(6px + var(--safe-bottom));background:#080d1cf0;border-top:1px solid var(--color-border-subtle)}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--touch-min);min-width:var(--touch-min);text-decoration:none;color:var(--color-text-secondary);font-size:.6875rem;font-weight:600;border-radius:12px;padding:4px 2px}.tab-item[aria-current=page]{color:var(--color-text-primary)}.tab-item[aria-current=page]>svg{color:var(--color-primary-light)}.tab-item[aria-current=page] .tab-dot{opacity:1}.tab-dot{width:16px;height:4px;border-radius:2px;background:var(--gradient-accent);opacity:0}.tab-item.ai{margin-top:-22px;color:var(--color-text-primary)}.tab-ai-bubble{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--gradient-ai);color:var(--color-on-primary);box-shadow:0 8px 24px #7c5cff73;border:3px solid var(--color-canvas)}.tab-item.ai[aria-current=page] .tab-ai-bubble{outline:2px solid var(--color-primary-light);outline-offset:2px}.offline-banner{display:flex;gap:10px;align-items:center;padding:10px var(--screen-margin);background:#fbbf241f;color:var(--color-notice-warning-text);font-size:var(--font-caption);border-bottom:1px solid var(--color-notice-warning-border)}.offline-banner>svg{color:var(--color-warning);flex:none}.disclaimer{font-size:var(--font-small);color:var(--color-text-secondary);text-align:center;padding:4px 8px}.validation-note{display:flex;gap:6px;align-items:center;margin:0;font-size:var(--font-small);color:var(--color-text-secondary)}.validation-note>svg{flex:none;opacity:.8}.demo-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:var(--font-small);font-weight:500;background:var(--color-notice-warning-bg);color:var(--color-notice-warning-text);border:1px solid var(--color-notice-warning-border);width:fit-content}.demo-chip>svg{color:var(--color-warning);flex:none}.notice{display:flex;gap:10px;padding:12px 14px;border-radius:var(--radius-small);background:var(--color-surface);border:1px solid var(--color-border-subtle);font-size:var(--font-caption);color:var(--color-text-secondary)}.shell-bottom{position:relative;flex:none}.update-toast{position:absolute;left:12px;right:12px;bottom:calc(100% + 30px);z-index:30;display:flex;align-items:center;gap:10px;padding:10px 10px 10px 14px;border-radius:var(--radius-small);background:var(--color-surface-elevated, #1A2140);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);font-size:var(--font-caption);box-shadow:0 10px 30px #00000073}.update-toast>svg{color:var(--color-primary-light);flex:none}.update-toast>span{flex:1}.update-toast-action{border:0;border-radius:999px;min-height:40px;padding:0 14px;font-weight:700;background:var(--color-primary-fill);color:var(--color-on-primary);cursor:pointer}.update-toast-close{border:0;background:transparent;color:var(--color-text-secondary);min-width:40px;min-height:40px;display:grid;place-items:center;cursor:pointer}.install-steps{margin:0;padding-left:20px;display:grid;gap:6px}.install-steps svg{vertical-align:-3px;margin-right:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:999px;font-weight:650;cursor:pointer;text-decoration:none;min-height:var(--touch-min);min-width:var(--touch-min);padding:0 18px;line-height:1.2;text-align:center}.btn.sm{padding:0 14px;font-size:var(--font-caption)}.btn.md{font-size:var(--font-body)}.btn.lg{padding:0 24px;font-size:1.0625rem;min-height:max(52px,var(--touch-min));width:100%}.btn.primary{background:var(--gradient-cta);color:var(--color-on-primary);font-weight:700;box-shadow:0 6px 18px #6844ff47}.btn.primary:active{background:var(--color-primary-pressed)}.btn.secondary{background:var(--color-surface-elevated);border-color:var(--color-border-subtle);color:var(--color-text-primary)}.btn.ghost{background:transparent;color:var(--color-text-secondary)}.btn.destructive{background:#ef5a6724;color:var(--color-text-error);border-color:var(--color-border-error)}.btn.iconOnly{padding:0;width:var(--touch-min);background:var(--color-surface-elevated);border-color:var(--color-border-subtle)}.btn[data-status=success]{background:var(--color-success);color:#052e16}.btn[data-status=error]{background:var(--color-error);color:#1a0508}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[data-reduced-motion=true] .spinner{animation-duration:2s}.card{position:relative;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);color:inherit;text-decoration:none;text-align:left;width:100%}button.card,a.card{cursor:pointer}.card.elevated{background:var(--color-surface-elevated)}.card[data-state=locked]{opacity:.6}.card[data-state=error]{border-color:var(--color-border-error)}.card[data-state=completed]{border-color:var(--color-border-subtle)}.card[data-state=active]{border-color:var(--color-border-active)}.chapter-card[data-state=notStarted]{background:var(--color-surface);border-color:var(--color-border-subtle)}.chapter-card[data-state=inProgress]{background:var(--color-surface-elevated);border-color:var(--color-border-in-progress)}.chapter-card[data-state=completed]{background:var(--color-surface);border-color:var(--color-border-subtle)}.chapter-card[data-state=locked]{background:var(--color-surface);border-color:var(--color-border-subtle);opacity:.72}.chapter-card[data-state=locked] .t-card,.chapter-card[data-state=locked] .card-meta{color:var(--color-text-muted)}.chapter-card[data-state=locked] .media{opacity:.55;filter:grayscale(.6)}.chapter-card[data-state=notStarted] .progress-wrap .progress-text{color:var(--color-text-secondary)}.chapter-card .done-check{color:var(--color-success);flex:none}.card-row{display:flex;align-items:center;gap:var(--space-sm)}.card-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:var(--font-caption);color:var(--color-text-secondary)}.card-meta span{display:inline-flex;align-items:center;gap:4px}.hero-card{padding:0;overflow:hidden;gap:0}.hero-card .hero-body{padding:var(--space-md);display:flex;flex-direction:column;gap:8px}.hero-card.continueLearning,.hero-card.examPreparation{background:var(--color-surface-elevated);border-color:var(--color-border-active)}.eyebrow{font-size:var(--font-small);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);font-weight:700}.chapter-card.compact,.chapter-card.recentlyViewed{flex-direction:row;align-items:center}.chapter-card.compact .media,.chapter-card.recentlyViewed .media{width:72px;flex:none}.chapter-card.featured{padding:0;overflow:hidden}.chapter-card.featured .chapter-body{padding:var(--space-md);display:flex;flex-direction:column;gap:8px}.chapter-card.standard{flex-direction:row;align-items:center}.chapter-card.standard .media{width:96px;flex:none}.chapter-card.aiRecommended{border-color:var(--color-border-active)}.chapter-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.status-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:var(--font-small);font-weight:650;background:#a7b1c814;color:var(--color-text-secondary);width:fit-content}.status-pill[data-tone=success]{background:#22c55e26;color:var(--color-text-success)}.status-pill[data-tone=success]>svg{color:var(--color-success)}.status-pill[data-tone=primary]{background:var(--color-badge-progress-bg);color:var(--color-text-on-primary-soft)}.status-pill[data-tone=warning]{background:var(--color-notice-warning-bg);color:var(--color-notice-warning-text)}.status-pill[data-tone=error]{background:#ef5a6726;color:var(--color-text-error)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;min-height:var(--touch-min);padding:0 14px;border-radius:999px;background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-caption);font-weight:600;text-decoration:none}.chip[aria-pressed=true],.chip[aria-selected=true]{background:var(--color-primary-fill);border-color:var(--color-primary-fill);color:var(--color-on-primary)}.chip:disabled{opacity:.45}.section{display:flex;flex-direction:column;gap:var(--space-sm)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.list{display:flex;flex-direction:column;gap:var(--space-sm);margin:0;padding:0;list-style:none}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.stat{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-medium);padding:12px;display:flex;flex-direction:column;gap:2px}.stat strong{font-size:var(--font-heading-medium)}.progress-line{width:100%;height:8px;background:var(--color-progress-track);border-radius:999px;overflow:hidden}.progress-line>span{display:block;height:100%;background:var(--color-primary);border-radius:inherit;transform-origin:left;transition:transform var(--motion-emphasis) var(--motion-easing)}.progress-line[data-state=completed]>span{background:var(--color-success)}.progress-line[data-state=error]>span{background:var(--color-error)}.progress-ring{position:relative;display:inline-grid;place-items:center;flex:none}.progress-ring svg{transform:rotate(-90deg)}.progress-ring circle{transition:stroke-dashoffset var(--motion-emphasis) var(--motion-easing)}.progress-ring .ring-label{position:absolute;font-weight:750;font-size:var(--font-caption)}.progress-compact[data-state=completed] .ring-label{color:var(--color-success)}.progress-compact{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-caption);color:var(--color-text-secondary)}.progress-wrap{display:flex;flex-direction:column;gap:6px;width:100%}.progress-wrap .progress-text{display:flex;justify-content:space-between;font-size:var(--font-caption);color:var(--color-text-secondary)}.countdown{display:flex;align-items:center;gap:12px}.countdown .days{font-size:var(--font-display);font-weight:800;line-height:1}.countdown[data-state=approaching] .days{color:var(--color-warning)}.countdown[data-state=urgent] .days{color:#fca5a5}.countdown.compact .days{font-size:var(--font-heading-medium)}.skeleton{background:#a7b1c814;border-radius:var(--radius-medium);animation:skeleton 1.4s ease-in-out infinite}.state-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:var(--space-xl) var(--space-md);border-radius:var(--radius-large);background:var(--color-surface);border:1px dashed var(--color-border-subtle)}.state-box .icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--color-surface-elevated)}.state-box[data-tone=error] .icon{background:#ef5a6726;color:var(--color-text-error)}.hist-image{position:relative;overflow:hidden;border-radius:var(--radius-medium);background:var(--color-surface-elevated);width:100%}.hist-image.hero{aspect-ratio:16 / 9;border-radius:0}.hist-image.story{aspect-ratio:4 / 5}.hist-image.thumbnail{aspect-ratio:1 / 1}.hist-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity var(--motion-normal) ease}.hist-image[data-state=loading] img{opacity:0}.hist-image .fallback{position:absolute;inset:0;display:grid;place-items:center;color:var(--color-text-muted)}.hist-image .img-tag{position:absolute;left:8px;bottom:8px;font-size:.6875rem;padding:2px 8px;border-radius:999px;background:#080d1cc7;color:var(--color-text-secondary)}.crossfade{position:relative}.crossfade>.layer{position:absolute;inset:0;transition:opacity var(--motion-emphasis) ease}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:999px;padding:4px;gap:4px}.segmented button{border:0;background:transparent;border-radius:999px;min-height:var(--touch-min);padding:0 8px;font-weight:650;font-size:var(--font-caption);color:var(--color-text-secondary);cursor:pointer}.segmented button[aria-selected=true],.segmented button[aria-pressed=true]{background:var(--color-primary-fill);color:var(--color-on-primary)}.summary-card .summary-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;background:none;border:0;padding:0;min-height:var(--touch-min);cursor:pointer;text-align:left;width:100%}.bullets{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:6px}.cause-effect{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;font-size:var(--font-caption)}.cause-effect>div{background:var(--color-surface-elevated);border-radius:var(--radius-small);padding:10px}.quiz-option{display:flex;align-items:center;gap:12px;width:100%;min-height:max(52px,var(--touch-min));padding:10px 14px;border-radius:var(--radius-medium);border:1.5px solid var(--color-border-subtle);background:var(--color-surface-elevated);color:inherit;cursor:pointer;text-align:left}.quiz-option[aria-pressed=true],.quiz-option[aria-checked=true]{border-color:var(--color-primary);background:var(--color-primary-soft)}.quiz-option[data-result=correct]{border-color:var(--color-success);background:#22c55e1f}.quiz-option[data-result=incorrect]{border-color:var(--color-error);background:#ef5a671f}.quiz-option:disabled{cursor:default}.quiz-option .marker{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;background:#a7b1c81a;font-weight:700;font-size:var(--font-caption)}.feedback{border-radius:var(--radius-medium);padding:12px 14px;display:flex;gap:10px}.feedback[data-tone=success]{background:#22c55e1a;border:1px solid var(--color-border-success)}.feedback[data-tone=error]{background:#ef5a671a;border:1px solid var(--color-border-error)}.ai-msg{max-width:88%;padding:12px 14px;border-radius:18px;font-size:.9375rem;display:flex;flex-direction:column;gap:8px}.ai-msg.assistant{align-self:flex-start;background:var(--color-surface-elevated);border-bottom-left-radius:6px}.ai-msg.assistant{border-left:3px solid var(--color-primary)}.ai-avatar{width:20px;height:20px;border-radius:50%;display:inline-grid;place-items:center;background:var(--gradient-ai);color:var(--color-on-primary);flex:none}.ai-composer .btn.iconOnly[type=submit]:not(:disabled){background:var(--gradient-ai);border-color:transparent;color:var(--color-on-primary)}.ai-msg.user{align-self:flex-end;background:var(--color-primary-fill);color:var(--color-on-primary);border-bottom-right-radius:6px}.ai-msg.user .t-caption{color:var(--color-on-primary);opacity:.92}.ai-msg.systemNotice{align-self:center;max-width:100%;background:var(--color-notice-warning-bg);color:var(--color-notice-warning-text);font-size:var(--font-caption);border:1px solid var(--color-notice-warning-border)}.ai-msg.educationalWarning{align-self:center;max-width:100%;background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-caption);border:1px solid var(--color-border-subtle)}.ai-msg[data-status=failed]{outline:1px solid var(--color-error)}.ai-label{font-size:var(--font-small);color:var(--color-text-secondary);display:flex;gap:6px;align-items:center;flex-wrap:wrap}.typing{display:inline-flex;gap:4px}.typing i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:dots 1.2s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}[data-reduced-motion=true] .typing i{animation:none;opacity:.7}.ai-composer{display:flex;gap:8px;align-items:flex-end;padding:8px var(--screen-margin);border-top:1px solid var(--color-border-subtle);background:#080d1ceb}.ai-composer textarea{flex:1;resize:none;min-height:var(--touch-min);max-height:120px;border-radius:22px;border:1px solid var(--color-border-subtle);background:var(--color-surface);padding:10px 14px}.quick-action{display:inline-flex;align-items:center;gap:6px;min-height:var(--touch-min);padding:0 14px;border-radius:999px;border:1px solid var(--color-border-subtle);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-caption);font-weight:600;white-space:nowrap}.quick-action[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-soft)}.quick-action:disabled{opacity:.45;cursor:not-allowed}.h-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.h-scroll::-webkit-scrollbar{display:none}.fab-ai{position:absolute;right:var(--screen-margin);bottom:16px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--gradient-ai);color:var(--color-on-primary);border:0;box-shadow:0 10px 28px #7c5cff73;cursor:pointer;z-index:5}.fab-ai[data-state=offline],.fab-ai[data-state=error]{background:var(--color-surface-elevated);color:var(--color-text-secondary)}.fab-ai[data-state=attention]:after{content:"";position:absolute;top:4px;right:4px;width:12px;height:12px;border-radius:50%;background:var(--color-warning);border:2px solid var(--color-canvas)}.fab-ai .fab-badge{position:absolute;bottom:-6px;font-size:.625rem;background:var(--color-background-primary);padding:1px 6px;border-radius:999px}.timeline-track{position:relative;display:flex;gap:4px;overflow-x:auto;scroll-snap-type:x proximity;padding:18px 4px 10px;scrollbar-width:thin}.timeline-track:before{content:"";position:absolute;left:0;right:0;top:40px;height:2px;background:var(--color-border-subtle);min-width:100%}.tl-event{position:relative;flex:none;width:92px;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:0;color:var(--color-text-secondary);cursor:pointer;min-height:var(--touch-min);padding:4px;border-radius:12px}.tl-dot{width:22px;height:22px;border-radius:50%;border:3px solid var(--color-text-muted);background:var(--color-background-primary);display:grid;place-items:center;transition:transform var(--motion-fast) var(--motion-easing),background-color var(--motion-fast) ease}.tl-event[data-state=visited] .tl-dot{border-color:var(--color-text-secondary)}.tl-event[data-state=completed] .tl-dot{border-color:var(--color-success)}.tl-event[data-state=selected]{color:var(--color-text-primary)}.tl-event[data-state=selected] .tl-dot{border-color:var(--color-primary-light);background:var(--gradient-accent);transform:scale(1.25);box-shadow:0 0 0 4px var(--color-primary-soft)}[data-reduced-motion=true] .tl-event[data-state=selected] .tl-dot{transform:none;box-shadow:0 0 0 3px #7c5cff73}.tl-event:disabled{opacity:.4;cursor:not-allowed}.tl-year{font-weight:750;font-size:var(--font-caption)}.tl-title{font-size:var(--font-small);text-align:center;line-height:1.3}.timeline.compactPreview .tl-event{width:72px}.tl-detail{display:flex;flex-direction:column;gap:12px}.tl-detail .tl-media{width:100%;max-width:280px;align-self:center}.tl-grid{display:grid;grid-template-columns:1fr;gap:8px}.tl-grid>div{background:var(--color-surface-elevated);border-radius:var(--radius-small);padding:10px 12px}.tl-grid dt{font-size:var(--font-small);color:var(--color-text-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.tl-grid dd{margin:2px 0 0;font-size:var(--font-caption)}.learning-path{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.lp-node{display:flex;gap:12px;align-items:stretch}.lp-rail{display:flex;flex-direction:column;align-items:center;width:32px;flex:none}.lp-dot{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--color-surface-elevated);border:2px solid var(--color-border-subtle);flex:none}.lp-line{width:2px;flex:1;background:var(--color-border-subtle);min-height:12px}.lp-node[data-state=completed] .lp-dot,.lp-node[data-state=mastered] .lp-dot{background:#22c55e24;border-color:var(--color-border-success);color:var(--color-success)}.lp-node[data-state=started] .lp-dot{border-color:var(--color-primary);color:var(--color-text-on-primary-soft)}.lp-node[data-state=locked]{opacity:.55}.lp-content{flex:1;padding-bottom:12px}.badge{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:12px 6px;border-radius:var(--radius-medium);background:var(--color-surface);border:1px solid var(--color-border-subtle)}.badge-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center}.badge[data-tier=bronze] .badge-icon{background:#cd7f3233;color:#e7a86b}.badge[data-tier=silver] .badge-icon{background:#c0c0c029;color:#e2e8f0}.badge[data-tier=gold] .badge-icon{background:#fbbf242e;color:#fde68a}.badge[data-tier=special] .badge-icon{background:var(--color-primary-soft);color:var(--color-text-on-primary-soft)}.badge[data-state=locked] .badge-icon{background:#a7b1c80f;color:var(--color-text-disabled)}.badge[data-state=newlyEarned]{border-color:var(--color-border-active);box-shadow:inset 0 2px 0 0 var(--color-primary-light)}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--touch-min);padding:6px 0;border-bottom:1px solid var(--color-border-subtle)}.setting-row:last-child{border-bottom:0}.switch{position:relative;width:52px;height:32px;border-radius:999px;border:0;background:#a7b1c83d;cursor:pointer;flex:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:var(--color-text-primary);transition:transform var(--motion-fast) var(--motion-easing)}.switch[aria-checked=true]{background:var(--color-primary)}.switch[aria-checked=true]:after{transform:translate(20px)}.switch-hit{display:inline-grid;place-items:center;min-width:var(--touch-min);min-height:var(--touch-min)}.modal-backdrop{position:absolute;inset:0;background:#05070fb3;display:flex;align-items:flex-end;z-index:20}.modal-sheet{width:100%;background:var(--color-surface);border-radius:24px 24px 0 0;padding:16px var(--screen-margin) calc(16px + var(--safe-bottom));display:flex;flex-direction:column;gap:12px;max-height:85%;overflow-y:auto}.programa-codes{display:inline-flex;flex-wrap:wrap;gap:4px}.programa-code{letter-spacing:.02em}.lp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.theme-lessons{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.theme-lesson-link{display:flex;flex-direction:column;gap:2px;min-height:var(--touch-min);justify-content:center;padding:8px 12px;border-radius:var(--radius-medium);background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);text-decoration:none}.source-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.source-item{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:var(--radius-medium);border:1px solid var(--color-border-subtle);background:var(--color-surface-elevated)}.source-head{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.source-title{font-weight:650;font-size:var(--font-caption);line-height:1.35;flex:1 1 60%}.source-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.source-kind{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:var(--font-small);font-weight:700;background:var(--color-badge-progress-bg);color:var(--color-text-on-primary-soft);white-space:nowrap}.source-kind[data-kind=lege],.source-kind[data-kind=program_ordin],.source-kind[data-kind=subiect_bac]{background:#22c55e26;color:var(--color-text-success)}.source-kind[data-kind=document_istoric]{background:var(--color-notice-warning-bg);color:var(--color-notice-warning-text)}.source-link{display:inline-flex;align-items:center;gap:6px;min-height:var(--touch-min);min-width:var(--touch-min);padding:0 4px;font-size:var(--font-caption);font-weight:650;color:var(--color-text-on-primary-soft);text-decoration:underline;text-underline-offset:3px}.source-link.compact{font-size:var(--font-small)}.source-link:focus-visible{outline:2px solid var(--color-border-active);outline-offset:2px;border-radius:6px}.source-line{display:flex;flex-direction:column;gap:2px;padding-top:6px;border-top:1px solid var(--color-border-subtle)}.source-line ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.source-line li{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}.ai-sources{display:flex;flex-direction:column;gap:2px;margin-top:4px}.ai-sources ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.ai-sources li{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:var(--font-small)}.bib-group{display:flex;flex-direction:column;gap:10px}.sources-section .summary-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;background:none;border:0;padding:0;min-height:var(--touch-min);cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit}.quiz-source{flex-wrap:wrap}nav.h-scroll>.chip{flex:none;white-space:nowrap}.form{display:flex;flex-direction:column;gap:var(--space-md)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-weight:650;font-size:var(--font-caption);color:var(--color-text-primary)}.field-input{display:flex;align-items:center;gap:4px;min-height:max(48px,var(--touch-min));border-radius:var(--radius-medium);border:1px solid var(--color-border-strong);background:var(--color-surface);padding:0 4px 0 14px}.field-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.field-input input{flex:1;min-width:0;min-height:44px;border:0;background:transparent;color:var(--color-text-primary);font:inherit;font-size:1rem;outline:none}.field[data-invalid=true] .field-input,.check-row[data-invalid=true]{border-color:var(--color-border-error)}.field-hint{font-size:var(--font-small);color:var(--color-text-secondary)}.field-error,.form-error{font-size:var(--font-caption);color:var(--color-text-error)}.form-error{padding:10px 12px;border-radius:var(--radius-small);border:1px solid var(--color-border-error);background:#ef5a6714}.check-row{display:flex;align-items:flex-start;gap:12px;min-height:max(48px,var(--touch-min));padding:10px 12px;border-radius:var(--radius-medium);border:1px solid var(--color-border-subtle);background:var(--color-surface);cursor:pointer}.check-row input[type=checkbox]{flex:none;width:24px;height:24px;margin:0;accent-color:var(--color-primary-fill);cursor:pointer}.check-row .check-text{font-size:var(--font-caption);line-height:1.45;color:var(--color-text-primary)}.check-row a,.legal-links a,.inline-link{color:var(--color-text-on-primary-soft);text-decoration:underline;text-underline-offset:2px}.inline-link{display:inline-flex;align-items:center;min-height:var(--touch-min)}.legal-links{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:var(--font-small);color:var(--color-text-secondary)}.legal-links a{display:inline-flex;align-items:center;min-height:var(--touch-min)}.plan-grid{display:flex;flex-direction:column;gap:var(--space-sm)}.plan-card{gap:10px}.plan-card[data-highlight=true]{border-color:var(--color-border-active);background:var(--color-surface-elevated)}.plan-price{display:flex;align-items:baseline;gap:6px;margin:0}.plan-price strong{font-size:var(--font-heading-medium);color:var(--color-text-primary)}.plan-price span{color:var(--color-text-secondary);font-size:var(--font-caption)}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:var(--font-caption)}.kv dt{color:var(--color-text-secondary)}.kv dd{margin:0;color:var(--color-text-primary);font-weight:600}.welcome-hero{display:flex;flex-direction:column;gap:var(--space-sm)}.feature-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.feature-list li{display:flex;gap:10px;align-items:flex-start;font-size:var(--font-caption);color:var(--color-text-secondary)}.feature-list li svg{flex:none;color:var(--color-primary-light);margin-top:2px}.legal-doc{display:flex;flex-direction:column;gap:10px;font-size:var(--font-caption);line-height:1.55;color:var(--color-text-secondary)}.legal-doc h2{font-size:var(--font-heading-small, 1.125rem);color:var(--color-text-primary);margin:12px 0 0}.legal-doc h3{font-size:var(--font-body);color:var(--color-text-primary);margin:8px 0 0}.legal-doc p,.legal-doc ul{margin:0}.legal-doc ul{padding-left:20px;display:flex;flex-direction:column;gap:4px}.legal-doc strong{color:var(--color-text-primary)}.legal-doc a{color:var(--color-text-on-primary-soft);word-break:break-word}.legal-table{border-collapse:collapse;width:100%;font-size:var(--font-small)}.legal-table th,.legal-table td{border:1px solid var(--color-border-subtle);padding:6px 8px;text-align:left;vertical-align:top}.legal-table th{color:var(--color-text-primary);background:var(--color-surface)}.lock-badge{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--color-primary-soft);color:var(--color-text-on-primary-soft);flex:none}.locked-card h2{display:inline-flex;align-items:center;gap:6px}.sample-banner{flex-wrap:wrap;align-items:center}.sample-banner>span{flex:1 1 220px}.beta-banner{display:flex;flex-direction:column;gap:8px;padding:14px 14px 10px;border-radius:var(--radius-large);background:#60a5fa14;border:1px solid rgba(96,165,250,.35)}.beta-banner[data-phase=ended]{background:var(--color-surface);border-color:var(--color-border-strong)}.beta-banner-head{display:flex;align-items:flex-start;gap:10px}.beta-banner-head h2{flex:1;margin-top:4px}.beta-icon{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#60a5fa29;color:var(--color-info)}.beta-close{flex:none;margin:-6px -6px 0 0}.beta-text{color:var(--color-text-primary);line-height:1.5}.beta-countdown{margin:0;font-weight:700;font-size:var(--font-caption);color:var(--color-text-primary);display:inline-flex;align-self:flex-start;padding:4px 10px;border-radius:999px;background:var(--color-primary-soft);border:1px solid var(--color-border-active)}.beta-chip{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;max-width:100%;min-height:var(--touch-min);padding:6px 14px;border-radius:999px;background:#60a5fa14;border:1px solid rgba(96,165,250,.35);color:var(--color-text-primary);font:inherit;font-size:var(--font-small);text-align:left;cursor:pointer}.beta-chip svg{flex:none;color:var(--color-info)}.header-feedback{flex:none;color:var(--color-text-secondary)}.report-link{align-self:flex-start;color:var(--color-text-secondary)}.fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;min-width:0}.fieldset legend{font-weight:650;font-size:var(--font-caption);color:var(--color-text-primary);padding:0;margin-bottom:8px}.radio-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.radio-row{align-items:center}.radio-row input[type=radio]{flex:none;width:22px;height:22px;margin:0;accent-color:var(--color-primary-fill)}.rating-row{display:flex;flex-wrap:wrap;gap:8px}.rating-chip{padding:0 12px}.field-textarea{width:100%;min-height:140px;resize:vertical;border-radius:var(--radius-medium);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-primary);font:inherit;font-size:1rem;line-height:1.5;padding:12px 14px}.field-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.field[data-invalid=true] .field-textarea{border-color:var(--color-border-error)}.hp-field{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.feedback-done{align-items:flex-start}@media(max-width:360px){.radio-grid{grid-template-columns:1fr}}