:root{--canvas: #f7f3ec;--surface: #fffdf8;--sunken: #f2ece1;--ink: #2b2320;--ink-muted: #776758;--ink-faint: #8b8074;--accent: #8c2f39;--accent-hover: #73242d;--accent-wash: #f7ebec;--sage: #4a6b4a;--sage-wash: #eef2ea;--amber: #8a5a12;--amber-wash: #fbf3e2;--clay: #9c3b31;--clay-wash: #fbeeec;--rule: #e6ddd0;--rule-strong: #d3c7b6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 2px rgba(43, 35, 32, .05);--shadow-md: 0 2px 8px rgba(43, 35, 32, .07);--shadow-lg: 0 8px 24px rgba(43, 35, 32, .09);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--dur-fast: .14s;--dur-base: .22s;--dur-slow: .32s;--font-serif: "Literata", Georgia, "Times New Roman", serif;--font-sans: "Be Vietnam Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--nav-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--canvas);color:var(--ink);line-height:1.5;-webkit-text-size-adjust:100%;overflow-x:hidden}.app-container{min-height:100vh;max-width:480px;margin:0 auto;background-color:var(--canvas);position:relative;display:flex;flex-direction:column;box-shadow:0 0 24px #2b232012}.app-header{padding:var(--space-4);background-color:var(--surface);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:10}.app-header h1{font-family:var(--font-sans);font-size:1.25rem;font-weight:700;color:var(--ink);letter-spacing:-.01em}.app-main{flex:1;padding:var(--space-4);padding-bottom:calc(var(--nav-height) + var(--space-5));width:100%;max-width:100%;overflow-x:hidden}@media(min-width:400px){.app-header{padding:var(--space-5)}.app-main{padding:var(--space-5);padding-bottom:calc(var(--nav-height) + var(--space-5))}}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:var(--nav-height);background-color:var(--surface);border-top:1px solid var(--rule);display:flex;justify-content:space-around;align-items:center;z-index:50;padding:0 var(--space-1)}.nav-item{position:relative;flex:1;min-height:48px;min-width:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);text-decoration:none;color:var(--ink-muted);font-family:var(--font-sans);font-size:.75rem;font-weight:500;border-radius:var(--radius-sm);padding:var(--space-1) 2px;background:transparent;border:none;cursor:pointer;transition:opacity var(--dur-fast) var(--ease-out)}.nav-item svg{width:20px;height:20px;color:var(--ink-faint);flex-shrink:0}.nav-item:hover:not(:disabled){color:var(--ink)}.nav-item:hover:not(:disabled) svg{color:var(--ink)}.nav-item.active{color:var(--accent);font-weight:600}.nav-item.active svg{color:var(--accent)}.nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:2px;background-color:var(--accent);border-radius:1px}.nav-item:disabled,.nav-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:48px;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:1rem;font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;text-decoration:none;text-align:center;transition:transform var(--dur-fast) var(--ease-out)}.btn:active{transform:scale(.985)}.btn-primary{background-color:var(--accent);color:var(--surface)}.btn-primary:hover{background-color:var(--accent-hover)}.btn-outline{background-color:transparent;border-color:var(--rule-strong);color:var(--ink)}.btn-outline:hover{background-color:var(--sunken)}.btn-quiet{background-color:transparent;border-color:transparent;color:var(--ink-muted)}.btn-quiet:hover{background-color:var(--accent-wash);color:var(--accent)}.btn-block{width:100%}.btn-danger{background-color:var(--clay);color:var(--surface)}.btn-danger:hover{background-color:#853229}.reset-confirmation{background-color:var(--clay-wash);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center}.reset-confirm-text{font-family:var(--font-sans);font-size:.9375rem;font-weight:500;color:var(--clay);margin-bottom:var(--space-4)}.reset-confirm-actions{display:flex;flex-direction:column;gap:var(--space-2)}.card{background-color:var(--surface);border:none;border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4)}.badge{display:inline-block;padding:var(--space-1) var(--space-2);font-family:var(--font-sans);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-variant-numeric:tabular-nums;border-radius:var(--radius-sm);background-color:var(--sunken);color:var(--ink-muted)}.badge-mastered{background-color:var(--sage-wash);color:var(--sage)}.badge-accent{background-color:var(--accent-wash);color:var(--accent)}.question-card{position:relative;overflow:hidden;background-color:var(--surface);border:none;border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md);margin-bottom:var(--space-4);animation:questionSettle var(--dur-slow) var(--ease-out) 40ms backwards}.question-title,.question-card h2{font-family:var(--font-serif);font-size:1.3125rem;font-weight:600;line-height:1.35;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.stat-tile{background-color:var(--sunken);border-radius:var(--radius-md);padding:var(--space-3);text-align:center;border:none}.stat-tile.is-sage{background-color:var(--sage-wash)}.stat-tile.is-clay{background-color:var(--clay-wash)}.stat-value{font-family:var(--font-serif);font-size:1.75rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2;color:var(--accent)}.stat-value.is-accent{color:var(--accent)}.stat-value.is-sage{color:var(--sage)}.stat-value.is-clay{color:var(--clay)}.stat-caption{font-family:var(--font-sans);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);margin-top:var(--space-1)}.progress-summary-title{font-family:var(--font-sans);font-size:1rem;font-weight:600;color:var(--ink);margin-bottom:var(--space-3)}.caveat-notice{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background-color:var(--amber-wash);border-left:3px solid var(--amber);color:var(--amber);font-size:.875rem}.caveat-title{font-family:var(--font-sans);font-weight:700;margin-bottom:var(--space-1)}.caveat-text{line-height:1.45;word-break:break-word}.answer-reveal{margin-top:var(--space-4)}.answer-content{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--rule);animation:revealSettle var(--dur-slow) var(--ease-out)}.answer-block{margin-bottom:var(--space-4)}.answer-heading{font-family:var(--font-sans);font-size:.875rem;font-weight:600;color:var(--ink-muted);margin-bottom:var(--space-2)}.answer-summary{font-family:var(--font-serif);font-size:1.0625rem;font-weight:400;line-height:1.65;color:var(--ink);text-wrap:pretty}.answer-points{list-style:none;margin:var(--space-3) 0;padding-left:0;font-family:var(--font-sans);font-size:1rem;font-weight:400;line-height:1.7;color:var(--ink)}.answer-points li{position:relative;padding-left:20px;margin-bottom:var(--space-2)}.answer-points li:last-child{margin-bottom:0}.answer-points li:before{content:"";position:absolute;left:4px;top:.65em;width:6px;height:6px;background-color:var(--accent);opacity:.55}.keywords-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.keyword-tag{display:inline-block;background-color:var(--accent-wash);color:var(--accent);font-family:var(--font-sans);font-size:.75rem;font-weight:500;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);white-space:normal;word-break:break-word}.answer-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.rating-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-2);margin-top:var(--space-4)}.btn-rate-0{background-color:var(--clay-wash);border-color:transparent;color:var(--clay)}.btn-rate-0:hover{background-color:#f5dedb}.btn-rate-1{background-color:var(--amber-wash);border-color:transparent;color:var(--amber)}.btn-rate-1:hover{background-color:#f5e7cb}.btn-rate-2{background-color:var(--sage-wash);border-color:transparent;color:var(--sage)}.btn-rate-2:hover{background-color:#e2eae0}.action-buttons{display:flex;flex-direction:column;gap:var(--space-3)}.today-keywords-title{font-family:var(--font-sans);font-size:1rem;font-weight:600;color:var(--ink);margin-bottom:var(--space-2)}.today-question-eyebrow{font-family:var(--font-sans);font-size:.8125rem;color:var(--ink-muted);margin-bottom:var(--space-2)}.reset-section{margin-top:var(--space-7);text-align:center}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}progress.session-progress{display:block;width:100%;height:4px;margin-bottom:var(--space-4);-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;background-color:var(--rule);border-radius:2px;overflow:hidden}progress.session-progress::-webkit-progress-bar{background-color:var(--rule);border-radius:2px}progress.session-progress::-webkit-progress-value{background-color:var(--accent);border-radius:2px}progress.session-progress::-moz-progress-bar{background-color:var(--accent);border-radius:2px}.study-question-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background-color:var(--accent)}.reveal-actions{display:flex;flex-direction:column;gap:var(--space-3)}.study-completed{text-align:center;padding:var(--space-5) var(--space-4)}.completion-mark{font-size:2.5rem;line-height:1;color:var(--sage);margin-bottom:var(--space-3)}.completion-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;color:var(--ink);margin-bottom:var(--space-3)}.completion-copy{font-family:var(--font-sans);font-size:1rem;color:var(--ink-muted);margin-bottom:var(--space-5)}@keyframes flashcardCrossFade{0%{opacity:0}to{opacity:1}}.flashcard-card{animation:flashcardCrossFade var(--dur-base) var(--ease-out)}.flashcard-empty{text-align:center;padding:var(--space-5)}.screen-badge-row{margin-bottom:var(--space-3)}.rating-panel{width:100%}.rating-label{font-family:var(--font-sans);font-size:.875rem;font-weight:600;color:var(--ink-muted);margin-bottom:var(--space-2);text-align:center}.rating-label-long{display:inline}.rating-label-short{display:none}@media(max-width:359px){.rating-label-long{display:none}.rating-label-short{display:inline}}.oral-question-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background-color:var(--accent)}.oral-question-card .question-title{margin-bottom:var(--space-3)}.oral-prompt{font-family:var(--font-sans);font-size:.875rem;color:var(--ink-muted);font-style:italic;line-height:1.45}.evaluation-panel{width:100%}.evaluation-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.oral-summary{text-align:center;padding:var(--space-5) var(--space-4)}.oral-summary-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;color:var(--ink);margin-bottom:var(--space-3)}.oral-summary-copy{font-family:var(--font-sans);font-size:.9375rem;color:var(--ink-muted);margin-bottom:var(--space-5)}.oral-results{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-5)}.oral-result-tile{padding:var(--space-4) var(--space-3)}.summary-actions{display:flex;flex-direction:column;gap:var(--space-3)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes revealSettle{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes questionSettle{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;transform:none!important}}