*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}button,a,label,input[type=checkbox]{-webkit-tap-highlight-color:transparent}button,input[type=checkbox]{touch-action:manipulation}:root{--bg: #f5f4f0;--surface: #ffffff;--border: #e5e3db;--border-subtle: #f0ede6;--text: #1a1a18;--text-muted: #777;--text-faint: #aaa;--accent: #008C45;--accent-dim: #d4edda;--it-red: #CE2B37;--it-red-dim: #fde8ea}html.dark{--bg: #1c1b18;--surface: #252420;--border: #3a3830;--border-subtle: #2e2c26;--text: #f0ede6;--text-muted: #999;--text-faint: #666;--accent: #1db96a;--accent-dim: #0d2e1a;--it-red: #e04050;--it-red-dim: #2e0d10}html.dark .offline-banner{background:#2a1f00;border-color:#5a3e00;color:#f0c060}html.dark .bar-bg{background:var(--border)}html.dark .phase-header:hover,html.dark .week-main:hover,html.dark .guide-toggle:hover,html.dark .guide-panel-header:hover,html.dark .guide-tool-header,html.dark .fc-phase-toggle:hover,html.dark .jrn-row-header:hover,html.dark .prac-ipa-toggle:hover,html.dark .sent-guide-toggle:hover{background:#ffffff0a}html.dark .week-row--current{background:#ffffff08}html.dark .detail-panel{background:#ffffff05}html.dark .guide-tip{background:#ffffff0a;color:var(--text-muted)}html.dark .review-flag{background:#2a1800;color:#f0b050}html.dark .grammar-flagged{background:#2a1e00;color:#f0c060}html.dark .grammar-message,html.dark .guide-prose,html.dark .guide-step,html.dark .guide-tool-body,html.dark .guide-method-block,html.dark .daily-task,html.dark .italki-q,html.dark .prac-intro-body,html.dark .welcome-intro,html.dark .welcome-list,html.dark .jrn-guide-steps,html.dark .ipa-guide-intro,html.dark .ipa-card-sounds{color:var(--text-muted)}html.dark .prac-example,html.dark .vocab-en,html.dark .ipa-sym-sounds{color:var(--text-faint)}html.dark .vocab-table tr{border-bottom-color:var(--border)}html.dark .daily-row{border-bottom-color:var(--border-subtle)}html.dark .prac-again-btn{background:#2e0d10;color:#f87171}html.dark .pronun-mic-recording{background:#2e0d10!important;color:#f87171!important}html.dark .pronun-score-great,html.dark .pronun-breakdown-great{background:#0d2e1a;color:#6ee7b7}html.dark .pronun-score-good,html.dark .pronun-breakdown-good{background:#2a1e00;color:#f0c060}html.dark .pronun-score-low,html.dark .pronun-breakdown-low{background:#2e0d10;color:#f87171}html.dark .pronun-recognized-error{color:#f87171}html.dark .tab-btn:hover,html.dark .fc-mode-btn:hover{background:#ffffff12}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);padding:24px 16px;min-height:100vh}.container{max-width:920px;margin:0 auto}.offline-banner{display:flex;align-items:center;gap:8px;background:#fff4e0;border:1px solid #F0D49A;color:#7a5200;font-size:13px;padding:10px 14px;border-radius:8px;margin-bottom:16px}.tricolor-bar{display:flex;height:5px;border-radius:3px;overflow:hidden;margin-bottom:24px}.ribbon-seg{flex:1}.app-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:12px}.header-text h1{font-size:26px;font-weight:600;margin-bottom:6px;line-height:1.2}.header-text h1:after{content:"";display:block;height:3px;width:56px;margin-top:7px;background:linear-gradient(to right,#008c45 33.33%,#c8c4ba 33.33%,#c8c4ba 66.66%,#ce2b37 66.66%);border-radius:2px}.title-accent{color:var(--accent)}.tagline{font-size:13px;color:var(--text-muted);margin-top:10px}.install-btn{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--accent);background:var(--accent-dim);border:none;border-radius:8px;padding:7px 12px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity .15s}.install-btn:hover{opacity:.8}.theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:background .15s,color .15s,border-color .15s}.theme-toggle:hover{background:var(--bg);color:var(--text);border-color:var(--accent)}.sync-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:background .15s,color .15s,border-color .15s}.sync-toggle:hover{background:var(--bg);color:var(--text);border-color:var(--accent)}.sync-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000080;display:flex;align-items:center;justify-content:center;padding:16px}.sync-modal{width:100%;max-width:360px;max-height:90vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px #0000004d;padding:16px}.sync-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sync-modal-head h2{font-size:16px;margin:0;color:var(--text)}.sync-close{background:none;border:none;font-size:24px;line-height:1;color:var(--text-muted);cursor:pointer;padding:0 4px}.sync-close:hover{color:var(--text)}.sync-tabs{display:flex;gap:6px;margin-bottom:12px}.sync-tab{flex:1;padding:7px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text-muted);font-size:13px;cursor:pointer}.sync-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.sync-view{display:flex;flex-direction:column;gap:10px;align-items:stretch}.sync-hint{font-size:12px;color:var(--text-muted);margin:0}.sync-qr{align-self:center;border-radius:8px;background:#fff;padding:6px}.sync-video{width:100%;border-radius:8px;background:#000;aspect-ratio:1;object-fit:cover}.sync-code{width:100%;font-family:monospace;font-size:11px;resize:vertical;border:1px solid var(--border);border-radius:8px;padding:8px;background:var(--bg);color:var(--text);box-sizing:border-box}.sync-actions{display:flex;gap:8px}.sync-btn{flex:1;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:13px;cursor:pointer;text-align:center}.sync-btn:hover{border-color:var(--accent)}.sync-btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.sync-file-label{display:inline-flex;align-items:center;justify-content:center}.sync-or{font-size:12px;color:var(--text-faint);text-align:center}.sync-warn{font-size:12px;color:var(--danger, #c0392b);margin:0}.sync-foot{font-size:11px;color:var(--text-faint);margin:12px 0 0;text-align:center}.session-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:6px}.session-row--prominent{justify-content:stretch;margin:4px 0}.session-chip{font-size:11px;color:var(--text-faint);margin-right:auto}.session-restart-btn{background:none;border:none;padding:2px 0;font-size:11px;color:var(--text-faint);cursor:pointer}.session-restart-btn:hover{color:var(--accent)}.session-start-btn{flex:1;padding:10px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.session-date-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--text)}.session-date-input{padding:6px 8px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:13px;color-scheme:light dark}.session-scope{display:flex;flex-direction:column;gap:8px;margin:0;padding:10px 12px;border:1px solid var(--border);border-radius:8px}.session-scope legend{font-size:11px;color:var(--text-muted);padding:0 4px}.session-scope-row{display:flex;align-items:baseline;gap:8px;font-size:12px;color:var(--text-muted);cursor:pointer}.session-scope-row strong{color:var(--text);font-weight:500}.app-footer{text-align:center;margin:28px 0 8px}.about-link{background:none;border:none;font-size:11px;color:var(--text-faint);cursor:pointer;padding:4px 8px}.about-link:hover{color:var(--accent)}.about-modal{max-height:85vh;overflow-y:auto;text-align:left}.about-body{display:flex;flex-direction:column;gap:6px}.about-body h3{font-size:13px;margin:10px 0 0;color:var(--text)}.about-body p{font-size:12px;line-height:1.55;color:var(--text-muted);margin:0}.about-body a{color:var(--accent)}.course-picker{height:32px;max-width:160px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:12px;font-weight:500;padding:0 8px;cursor:pointer}.course-picker:hover{border-color:var(--accent)}.immersion-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.03em;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s,border-color .15s}.immersion-toggle:hover{background:var(--bg);color:var(--text);border-color:var(--accent)}.immersion-toggle.active{background:var(--accent);border-color:var(--accent);color:#fff}.audio-speed-toggle{display:flex;align-items:center;gap:5px;height:32px;padding:0 9px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s,border-color .15s}.audio-speed-toggle:hover{background:var(--bg);color:var(--text);border-color:var(--accent)}.audio-speed-toggle.audio-speed-slow{background:var(--accent);border-color:var(--accent);color:#fff}.audio-speed-label{line-height:1}.voice-picker{display:flex;align-items:center;gap:5px;height:32px;padding:0 6px 0 9px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);flex-shrink:0;cursor:pointer;transition:color .15s,border-color .15s}.voice-picker:hover{color:var(--text);border-color:var(--accent)}.voice-picker-select{border:none;background:none;color:inherit;font-size:12px;font-weight:600;cursor:pointer;max-width:120px;padding:0;outline:none}.voice-picker-wrap{position:relative;display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.voice-help-btn{height:32px;padding:0 9px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s,border-color .15s}.voice-help-btn:hover{background:var(--bg);color:var(--text);border-color:var(--accent)}.voice-help{position:absolute;top:calc(100% + 6px);right:0;z-index:30;width:260px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:12px;line-height:1.45;box-shadow:0 6px 24px #0000002e}.voice-help-path{margin:6px 0;padding:6px 8px;border-radius:6px;background:var(--bg);color:var(--text-muted);font-size:11px}.voice-help-note{color:var(--text-faint);font-size:11px}@media(max-width:600px){.voice-help{position:fixed;top:auto;right:auto;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));transform:translate(-50%);width:calc(100vw - 32px);max-width:360px}}.ui-it{text-decoration:underline dotted;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:currentColor}.progress-wrap{margin-bottom:24px}.progress-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.progress-count{font-size:20px;font-weight:500}.progress-goal{font-size:12px;color:#888}.bar-bg{background:#e0ddd5;border-radius:99px;height:5px;overflow:hidden}.bar-fill{height:100%;border-radius:99px;transition:width .4s ease;background:linear-gradient(90deg,var(--accent),#2bb673,var(--accent));background-size:200% 100%;animation:bar-shimmer 3s linear infinite}@keyframes bar-shimmer{0%{background-position:0% 0}to{background-position:200% 0}}@media(prefers-reduced-motion:reduce){.bar-fill{animation:none;background:var(--accent)}}.today-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:0 12px 12px 0;padding:14px 16px;margin-bottom:20px;display:flex;flex-direction:column;gap:10px}.today-card--inactive{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.today-pre-label{font-size:14px;font-weight:500;color:var(--text)}.today-pre-sub{font-size:12px;color:var(--text-muted)}.today-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.today-week-pill{font-size:11px;font-weight:600;background:var(--accent);color:#fff;padding:2px 8px;border-radius:99px}.today-reading{font-size:14px;font-weight:500;color:var(--text)}.today-date{font-size:12px;color:var(--text-muted);margin-left:auto}.today-task-row{display:flex;align-items:baseline;gap:8px;background:var(--accent-dim);border-radius:8px;padding:9px 12px}.today-day-label{font-size:11px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.today-task-text{font-size:13px;color:var(--text);line-height:1.5}.today-sched-toggle{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-muted);background:none;border:none;padding:0;cursor:pointer;align-self:flex-start}.today-sched-toggle:hover{color:var(--text)}.ach-panel{border:1px solid var(--border);border-radius:12px;margin-bottom:20px;overflow:hidden}.ach-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:var(--surface);border:none;cursor:pointer;color:var(--text)}.ach-toggle:hover{background:var(--bg)}.ach-title{font-size:14px;font-weight:600}.ach-count{font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-dim);padding:2px 9px;border-radius:999px;margin-left:auto}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;padding:4px 16px 16px}.ach-badge{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 8px;border:1px solid var(--border-subtle);border-radius:10px;text-align:center;background:var(--bg);opacity:.55;filter:grayscale(.7)}.ach-badge.earned{opacity:1;filter:none;background:var(--accent-dim);border-color:transparent}.ach-icon{font-size:26px;line-height:1}.ach-name{font-size:12px;font-weight:600;color:var(--text)}.ach-name-en{font-size:10px;color:var(--text-muted)}.today-goals{display:flex;flex-direction:column;gap:9px;padding:11px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.today-streak{display:inline-flex;align-items:center;gap:6px;color:var(--it-red);font-weight:600;font-size:13px}.today-streak-num{font-size:15px}.today-streak-label{color:var(--text-muted);font-weight:500}.today-checklist{display:flex;flex-direction:column;gap:6px}.today-goal{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);background:none;border:none;padding:0;text-align:left}.today-goal-action{cursor:pointer}.today-goal-action:hover:not(.done){color:var(--text)}.today-goal-action:disabled{cursor:default}.today-goal.done{color:var(--accent);text-decoration:line-through;text-decoration-color:var(--text-faint)}.today-reminder{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:12px;font-weight:500;color:var(--text-muted);background:none;border:1px solid var(--border);border-radius:999px;padding:4px 11px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.today-reminder:hover:not(:disabled){color:var(--text);border-color:var(--accent)}.today-reminder.on{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.today-reminder:disabled{opacity:.55;cursor:not-allowed}.think-prompt{display:flex;flex-direction:column}.think-prompt-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px;background:none;border:none;padding:0;cursor:pointer;text-align:left}.think-prompt-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);white-space:nowrap}.think-prompt-it{font-size:13px;font-style:italic;color:var(--text)}.think-prompt-done{font-size:12px;font-weight:700;color:var(--accent)}.think-prompt-body{display:flex;flex-direction:column;gap:7px;margin-top:8px}.think-prompt-hint{font-size:11.5px;color:var(--text-faint);line-height:1.45}.think-prompt-scratch{width:100%;font-size:13px;padding:7px 9px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);resize:vertical;font-family:inherit}.think-prompt-scratch:focus{outline:none;border-color:var(--accent)}.think-prompt-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.think-prompt-done-btn{font-size:12px;font-weight:600;padding:6px 12px;border-radius:999px;border:1px solid var(--accent);background:var(--accent-dim);color:var(--accent);cursor:pointer}.think-prompt-done-btn:disabled{opacity:.7;cursor:default}.today-reminders{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.today-calendar{display:inline-flex;align-items:center;gap:6px}.today-calendar-link{font-size:11px;font-weight:500;color:var(--text-muted);text-decoration:none;border-bottom:1px dotted var(--border);transition:color .15s,border-color .15s}.today-calendar-link:hover{color:var(--accent);border-color:var(--accent)}.today-sched{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--border-subtle);padding-top:8px}.today-sched-row{display:flex;gap:10px;padding:5px 0;border-bottom:1px solid var(--border-subtle);font-size:12px}.today-sched-row:last-child{border-bottom:none}.today-sched-row--active{color:var(--accent);font-weight:500}.today-sched-day{width:28px;flex-shrink:0;color:var(--text-muted)}.today-sched-row--active .today-sched-day{color:var(--accent)}.phase{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:14px;overflow:hidden}.phase-header{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border);transition:background .1s}.phase-header:hover{background:#faf9f7}.badge{font-size:11px;font-weight:500;padding:2px 9px;border-radius:6px;flex-shrink:0}.phase-title{font-size:14px;font-weight:500}.phase-book{font-size:12px;color:#888;margin-left:auto;text-align:right}.phase-progress{font-size:11px;color:var(--text-faint);flex-shrink:0;white-space:nowrap;margin-left:6px}.chevron{font-size:11px;color:var(--text-faint);transition:transform .2s;display:inline-block}.chevron.collapsed{transform:rotate(-90deg)}.col-header{display:grid;grid-template-columns:22px 96px 1fr 1fr 20px;gap:10px;padding:8px 16px;font-size:11px;color:var(--text-faint);border-bottom:1px solid var(--border-subtle)}.week-row{border-bottom:1px solid var(--border-subtle)}.week-row:last-child{border-bottom:none}.week-row--current{background:#fdfcfa}.week-main{display:grid;grid-template-columns:36px 96px 1fr 1fr 24px;gap:10px;align-items:center;padding:10px 16px;font-size:13px;cursor:pointer;transition:background .1s}.week-main:hover{background:#faf9f7}.week-row.done .week-date,.week-row.done .week-reading,.week-row.done .week-babbel{opacity:.35;text-decoration:line-through}.week-check-wrap{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:-8px;cursor:pointer}.week-check-wrap input[type=checkbox]{cursor:pointer;accent-color:var(--accent);width:16px;height:16px;flex-shrink:0}.week-date{font-size:12px;color:var(--text-muted);line-height:1.5}.week-reading{line-height:1.5}.week-babbel{color:var(--text-muted);line-height:1.5}.expand-btn{color:var(--text-faint);display:flex;align-items:center;justify-content:flex-end}.current-week-flag{display:inline-block;font-size:10px;background:var(--accent);color:#fff;padding:1px 6px;border-radius:4px;margin-left:6px;font-weight:500;vertical-align:middle}.review-flag{display:inline-block;font-size:10px;background:#fff0e0;color:#854f0b;padding:1px 6px;border-radius:4px;margin-left:6px;font-weight:500;vertical-align:middle}.detail-panel{border-top:1px solid var(--border-subtle);padding:16px;background:#faf9f7}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px}.detail-section{margin-bottom:0}.detail-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.detail-label-row .detail-label{margin-bottom:0}.ipa-hint-btn{font-size:11px;color:var(--accent);background:none;border:none;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px;flex-shrink:0}.ipa-inline-panel{margin-bottom:10px;border:1px solid var(--border);border-radius:8px;overflow:hidden}.detail-label{font-size:11px;font-weight:500;color:#999;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.vocab-table{width:100%;border-collapse:collapse;font-size:13px}.vocab-table tr{border-bottom:1px solid #ede9e1}.vocab-table tr:last-child{border-bottom:none}.vocab-table td{padding:5px 6px 5px 0;vertical-align:top}.vocab-it{font-weight:500;width:40%}.vocab-en{color:#666;width:30%}.vocab-ex{color:#999;font-size:12px;font-style:italic;width:30%}.vocab-it-word{display:inline-flex;align-items:center;gap:2px}.vocab-ex-row{display:inline-flex;align-items:flex-start;gap:2px}.vocab-it-word .speaker-btn{width:24px;height:24px}.vocab-ex-row .speaker-btn{width:22px;height:22px}.gloss-word-wrap{position:relative;display:inline}.gloss-word{font:inherit;font-style:inherit;color:inherit;background:none;border:none;padding:0 1px;margin:0;cursor:pointer;border-bottom:1px dotted var(--accent);transition:color .12s,background .12s}.gloss-word:hover,.gloss-word-open{color:var(--accent);background:var(--accent-dim);border-radius:3px}.gloss-pop{position:absolute;top:calc(100% + 4px);left:0;z-index:60;display:flex;flex-direction:column;gap:3px;min-width:130px;max-width:230px;padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 20px #00000024;font-style:normal;font-weight:400;text-align:left;white-space:normal;cursor:default}.gloss-pop-head{display:inline-flex;align-items:center;gap:4px}.gloss-pop-it{font-weight:600;font-size:13px;color:var(--text);font-style:normal}.gloss-pop-head .speaker-btn{width:24px;height:24px}.gloss-pop-en{font-size:13px;color:var(--text)}.gloss-pop-ipa{font-size:11px;color:var(--text-faint);letter-spacing:.01em}.gloss-pop-approx{color:var(--text-faint)}.gloss-word-plain{border-bottom:1px dotted var(--border)}.gloss-word-plain:hover,.gloss-word-plain.gloss-word-open{color:var(--text);background:var(--border-subtle)}.grammar-box{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:13px;color:#444;line-height:1.6}.grammar-title{font-size:12px;font-weight:600;color:var(--text);margin-bottom:5px}.prompt-box{background:var(--surface);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;padding:10px 12px;font-size:13px;line-height:1.6}.prompt-italian{font-style:italic;color:var(--text);margin-bottom:4px}.prompt-english{font-size:12px;color:#888}.daily-box{font-size:12px}.daily-row{display:flex;gap:8px;padding:4px 0;border-bottom:1px solid #ede9e1}.daily-row:last-child{border-bottom:none}.daily-day{color:#888;width:28px;flex-shrink:0;font-weight:500}.daily-task{color:#444;line-height:1.4}.italki-box{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.italki-q{font-size:13px;color:#444;padding:4px 0;line-height:1.5}.italki-q:before{content:"· ";color:#aaa}@media(max-width:640px){.detail-grid{grid-template-columns:1fr}}@media(max-width:600px){body{padding:16px max(16px,env(safe-area-inset-right)) calc(78px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.app-header{flex-wrap:wrap}.header-text h1{font-size:22px}.col-header,.week-main{grid-template-columns:36px 1fr 24px}.col-header span:nth-child(2),.col-header span:nth-child(4){display:none}.week-date,.week-babbel{display:none}.week-reading{grid-column:2}.today-date{display:none}.tab-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;margin:0;border-radius:0;padding:6px max(10px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -2px 12px #00000012}.tab-btn{flex-direction:column;gap:3px;padding:7px 4px;font-size:11px;min-height:50px}.tab-btn svg{width:18px;height:18px}.tab-btn.active{background:var(--accent-dim);color:var(--accent);box-shadow:none}.vocab-table tbody{display:block}.vocab-table tr{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;padding:7px 0}.vocab-table td{display:block;padding:0;width:auto}.vocab-ex{flex-basis:100%;margin-top:2px}.jrn-textarea{font-size:16px}}@media(max-width:380px){body{padding-left:12px;padding-right:12px}.phase-book{display:none}.install-btn{font-size:11px;padding:6px 10px}}@media(pointer:coarse){.ipa-hint-btn,.today-sched-toggle{padding:6px 0}.jrn-filter-btn{padding:9px 14px}.prac-exit-btn{padding:8px 13px}.welcome-dismiss{padding:8px 12px}.speaker-btn{width:40px;height:40px}.anki-dl-btn{padding:9px 13px}.anki-dl-sm{padding:8px 11px}.jrn-export-btn,.jrn-grammar-toggle{padding:9px 13px}.fc-mode-btn{padding:11px 12px}.grammar-replacement-btn{padding:6px 11px}.theme-toggle{width:38px;height:38px}}.guide-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;overflow:hidden}.guide-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 16px;font-size:13px;font-weight:500;background:none;border:none;cursor:pointer;color:var(--text);text-align:left;transition:background .1s}.guide-toggle:hover{background:#faf9f7}.guide-chevron{font-size:16px;color:var(--text-faint);line-height:1;font-weight:400}.guide-body{border-top:1px solid var(--border)}.guide-panel{border-bottom:1px solid var(--border-subtle)}.guide-panel:last-child{border-bottom:none}.guide-panel-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 16px;font-size:13px;font-weight:500;background:none;border:none;cursor:pointer;color:var(--text);text-align:left;transition:background .1s}.guide-panel-header:hover{background:#faf9f7}.guide-panel-body{padding:4px 16px 16px;display:flex;flex-direction:column;gap:10px}.guide-prose{font-size:13px;color:#444;line-height:1.6}.guide-step{display:flex;gap:10px;font-size:13px;color:#444;line-height:1.5}.guide-step-n{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:var(--accent-dim);color:var(--accent);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;margin-top:1px}.guide-tip{font-size:12px;color:#555;background:#faf9f7;border-left:3px solid var(--accent);border-radius:0 6px 6px 0;padding:8px 10px;line-height:1.55}.guide-tool{border:1px solid var(--border);border-radius:8px;overflow:hidden}.guide-tool-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#faf9f7;border-bottom:1px solid var(--border-subtle);font-size:13px}.guide-tool-badge{font-size:11px;color:var(--text-muted);font-weight:400}.guide-tool-body{padding:10px 12px;font-size:13px;color:#444;line-height:1.6;display:flex;flex-direction:column;gap:8px}.guide-tool-body p{margin:0}.guide-tool-body ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.guide-tool-body li{line-height:1.5}.guide-method-block{border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:13px;color:#444;line-height:1.6}.guide-method-label{font-size:11px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.tab-bar{display:flex;gap:2px;background:var(--border);border-radius:10px;padding:3px;margin-bottom:20px}.tab-btn{flex:1;padding:7px 8px;font-size:12px;font-weight:500;color:var(--text-muted);background:none;border:none;border-radius:8px;cursor:pointer;transition:background .15s,color .15s;display:flex;align-items:center;justify-content:center;gap:5px}.tab-btn:hover{background:#ffffff80;color:var(--text)}.tab-btn.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000014}.fc-wrap{display:flex;flex-direction:column;gap:0}.fc-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:12px}.fc-title{font-size:15px;font-weight:500;margin-bottom:3px}.fc-subtitle{font-size:12px;color:var(--text-muted)}.anki-dl-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--accent);background:var(--accent-dim);border:none;border-radius:7px;padding:7px 11px;cursor:pointer;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:opacity .15s}.anki-dl-btn:hover{opacity:.8}.anki-dl-sm{padding:5px 9px;font-size:11px}.fc-howto{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:11px 14px;margin-bottom:16px}.fc-howto-label{font-size:11px;font-weight:500;color:#999;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.fc-howto-steps{font-size:12px;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:6px;align-items:center}.fc-dot{color:var(--text-faint)}.fc-section-label{font-size:11px;font-weight:500;color:#999;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.fc-phase-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:4px}@media(max-width:520px){.fc-phase-grid{grid-template-columns:1fr}}.fc-phase-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.fc-phase-name{font-size:13px;font-weight:500}.fc-phase-block{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:10px;overflow:hidden}.fc-phase-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:none;border:none;border-left:3px solid transparent;cursor:pointer;text-align:left;gap:8px;transition:background .1s}.fc-phase-toggle>span:first-child{display:flex;align-items:center;gap:8px}.fc-phase-toggle:hover{background:#faf9f7}.fc-phase-toggle-title{font-size:13px;font-weight:500}.fc-phase-toggle-book{font-size:12px;color:var(--text-muted)}.fc-phase-chevron{color:var(--text-faint);font-size:16px;flex-shrink:0}.fc-week-list{border-top:1px solid var(--border-subtle)}.fc-week-row{display:flex;align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.fc-week-row:last-child{border-bottom:none}.fc-week-info{display:flex;gap:8px;align-items:baseline;min-width:0;flex:1}.fc-week-num{font-size:12px;font-weight:500;white-space:nowrap}.fc-week-reading{font-size:12px;color:var(--text-muted);white-space:nowrap}.fc-week-date{font-size:11px;color:var(--text-faint);white-space:nowrap}.fc-week-preview{display:flex;gap:4px;flex-wrap:wrap;flex:1}.fc-vocab-chip{font-size:11px;background:var(--accent-dim);color:var(--accent);padding:2px 7px;border-radius:4px;white-space:nowrap}.fc-vocab-more{font-size:11px;color:var(--text-faint);padding:2px 4px}.fc-note{font-size:12px;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 14px;margin-top:12px;line-height:1.6}.jrn-wrap{display:flex;flex-direction:column;gap:0}.jrn-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:12px}.jrn-title{font-size:15px;font-weight:500;margin-bottom:3px}.jrn-subtitle{font-size:12px;color:var(--text-muted)}.jrn-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.jrn-export-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:7px;padding:7px 11px;cursor:pointer;transition:opacity .15s}.jrn-export-btn:hover{opacity:.7}.jrn-info{font-size:12px;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;padding:9px 12px;margin-bottom:14px;line-height:1.55}.jrn-filter{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.jrn-filter-btn{font-size:12px;padding:5px 11px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:background .1s,color .1s}.jrn-filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.jrn-filter-btn:hover:not(.active){background:var(--bg)}.jrn-phase-block{margin-bottom:14px}.jrn-phase-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;border-left:3px solid;padding:0 0 8px 10px;margin-bottom:2px}.jrn-phase-book{font-size:12px;font-weight:400;color:var(--text-muted);margin-left:2px}.jrn-row{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:6px;overflow:hidden;transition:border-color .15s}.jrn-row.jrn-has-content{border-color:var(--accent-dim)}.jrn-row-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;gap:12px;transition:background .1s}.jrn-row-header:hover{background:#faf9f7}.jrn-row-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.jrn-week-num{font-size:12px;font-weight:500}.jrn-week-reading{font-size:12px;color:var(--text)}.jrn-week-date{font-size:11px;color:var(--text-faint)}.jrn-row-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.jrn-last-saved{font-size:11px;color:var(--text-faint)}.jrn-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.jrn-expand{font-size:16px;color:var(--text-faint);line-height:1}.jrn-editor{border-top:1px solid var(--border-subtle);padding:12px 14px;display:flex;flex-direction:column;gap:10px}.jrn-prompt{background:var(--bg);border-left:3px solid var(--accent);border-radius:0 6px 6px 0;padding:8px 10px}.jrn-prompt-it{font-size:12px;font-style:italic;color:var(--text);margin-bottom:3px;line-height:1.5}.jrn-prompt-en{font-size:11px;color:var(--text-muted)}.jrn-writing-guide{background:var(--bg);border:1px solid var(--border-subtle);border-radius:8px;padding:9px 12px}.jrn-guide-label{display:block;font-size:10px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.jrn-guide-steps{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:12px;color:#555;line-height:1.5}.jrn-textarea{width:100%;min-height:120px;padding:10px 12px;font-size:13px;font-family:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;resize:vertical;outline:none;line-height:1.6;transition:border-color .15s}.jrn-textarea:focus{border-color:var(--accent)}.jrn-textarea::placeholder{color:var(--text-faint)}.jrn-scaffold{margin:10px 0;border:1px solid var(--border);border-radius:8px;overflow:hidden}.jrn-scaffold-toggle{display:flex;align-items:center;width:100%;gap:8px;padding:9px 12px;background:var(--surface);border:none;cursor:pointer;font-size:12px;font-weight:600;color:var(--accent);text-align:left}.jrn-scaffold-toggle:hover{background:var(--bg)}.jrn-scaffold-body{padding:4px 12px 12px}.jrn-scaffold-grammar{font-size:12px;color:var(--text-muted);margin:6px 0 10px}.jrn-scaffold-grammar-label{font-weight:600;color:var(--text)}.jrn-scaffold-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);margin:8px 0 5px}.jrn-scaffold-chips{display:flex;flex-wrap:wrap;gap:6px}.jrn-chip{font-size:12px;padding:5px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:background .12s,border-color .12s}.jrn-chip:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.jrn-chip-vocab{font-weight:500}.jrn-dictate-row{display:flex;margin:8px 0 6px}.jrn-dictate-row:empty{display:none}.dictation-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--accent);cursor:pointer}.dictation-btn:hover{border-color:var(--accent);background:var(--accent-dim)}.dictation-btn.dictation-live{border-color:var(--it-red);color:var(--it-red);background:var(--it-red-dim);animation:dictate-pulse 1.6s ease-in-out infinite}@keyframes dictate-pulse{0%,to{opacity:1}50%{opacity:.65}}.sprint-panel{margin:10px 0;border:1px solid var(--border);border-radius:8px;overflow:hidden}.sprint-toggle{display:flex;align-items:center;width:100%;gap:8px;padding:9px 12px;background:var(--surface);border:none;cursor:pointer;font-size:12px;font-weight:600;color:var(--accent);text-align:left}.sprint-toggle:hover{background:var(--bg)}.sprint-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:10px}.sprint-explain{font-size:12.5px;color:var(--text-muted);line-height:1.5}.sprint-go-btn{align-self:flex-start;font-size:13px;font-weight:600;padding:8px 16px;border-radius:999px;border:none;background:var(--accent);color:#fff;cursor:pointer}.sprint-go-btn:hover{filter:brightness(1.08)}.sprint-live{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 0}.sprint-clock{font-size:40px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.sprint-live-meta{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:5px}.sprint-live-dot{width:8px;height:8px;border-radius:50%;background:var(--it-red);display:inline-block;animation:dictate-pulse 1.2s ease-in-out infinite}.sprint-stop-btn{font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer}.sprint-stop-btn:hover{border-color:var(--text-muted)}.sprint-table{width:auto;border-collapse:collapse;font-size:12.5px}.sprint-table th,.sprint-table td{padding:3px 12px 3px 0;text-align:left}.sprint-table th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint)}.sprint-table td{color:var(--text);font-variant-numeric:tabular-nums}.sprint-delta{font-size:13px;font-weight:700;color:var(--text-muted)}.sprint-delta-up{color:var(--accent)}.sprint-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.sprint-insert-btn{font-size:12px;font-weight:600;padding:6px 12px;border-radius:999px;border:1px solid var(--accent);background:var(--accent-dim);color:var(--accent);cursor:pointer}.sprint-prompt-echo{font-size:12px;font-style:italic;color:var(--text-faint)}.jrn-editor-footer{display:flex;align-items:center;justify-content:space-between}.jrn-word-count{font-size:11px;color:var(--text-faint)}.jrn-saved-indicator{font-size:11px;color:var(--accent)}.jrn-grammar-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:7px;padding:7px 11px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.jrn-grammar-toggle:hover{border-color:var(--accent);color:var(--accent)}.jrn-grammar-toggle.active{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.grammar-panel{border:1px solid var(--border);border-radius:8px;overflow:hidden;font-size:12px}.grammar-panel-header{padding:7px 12px;background:var(--bg);border-bottom:1px solid var(--border-subtle)}.grammar-loading{color:var(--text-faint)}.grammar-clear{color:var(--accent);font-weight:500}.grammar-count{color:var(--text-muted);font-weight:500}.grammar-match{display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-bottom:1px solid var(--border-subtle)}.grammar-match:last-child{border-bottom:none}.grammar-flagged{font-style:italic;color:#92400e;background:#fef3c7;border-radius:3px;padding:1px 5px;align-self:flex-start}.grammar-message{color:#444;line-height:1.45}.grammar-replacements{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.grammar-replacement-btn{font-size:12px;font-weight:500;color:var(--accent);background:var(--accent-dim);border:none;border-radius:5px;padding:3px 9px;cursor:pointer;transition:opacity .15s}.grammar-replacement-btn:hover{opacity:.75}.welcome-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:0 12px 12px 0;margin-bottom:20px;overflow:hidden}.welcome-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 6px}.welcome-title{font-size:13px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.welcome-dismiss{font-size:12px;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:4px 9px;border-radius:6px;transition:background .1s}.welcome-dismiss:hover{background:var(--bg);color:var(--text)}.welcome-body{padding:0 16px 14px;display:flex;flex-direction:column;gap:12px}.welcome-intro{font-size:13px;color:#444;line-height:1.6}.welcome-sections{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:560px){.welcome-sections{grid-template-columns:1fr}}.welcome-section-label{display:block;font-size:11px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px}.welcome-list{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:5px;font-size:12px;color:#555;line-height:1.55}.welcome-tip{font-size:12px;color:var(--text-muted);background:var(--bg);border-radius:6px;padding:8px 10px;line-height:1.55}.fc-mode-toggle{display:flex;gap:2px;background:var(--border);border-radius:10px;padding:3px;margin-bottom:20px}.fc-mode-btn{flex:1;padding:8px 12px;font-size:13px;font-weight:500;color:var(--text-muted);background:none;border:none;border-radius:8px;cursor:pointer;transition:background .15s,color .15s}.fc-mode-btn:hover{background:#ffffff80;color:var(--text)}.fc-mode-btn.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000014}.prac-start-screen{display:flex;flex-direction:column;gap:0}.prac-intro-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:0 12px 12px 0;padding:14px 16px;margin-bottom:20px}.prac-intro-title{font-size:14px;font-weight:500;margin-bottom:5px}.prac-intro-body{font-size:13px;color:#555;line-height:1.6}.prac-filter-label{font-size:11px;font-weight:500;color:#999;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.prac-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}@media(max-width:440px){.prac-filter-grid{grid-template-columns:1fr}}.prac-filter-btn{display:flex;flex-direction:column;gap:2px;text-align:left;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s}.prac-filter-btn:hover{border-color:var(--accent)}.prac-filter-btn.prac-filter-active{border-color:var(--accent);background:var(--accent-dim)}.prac-filter-name{font-size:13px;font-weight:500;color:var(--text)}.prac-filter-sub{font-size:11px;color:var(--text-muted)}.prac-filter-count{font-size:12px;color:var(--accent);font-weight:500;margin-top:2px}.prac-go-btn{width:100%;padding:13px;font-size:15px;font-weight:500;color:#fff;background:var(--accent);border:none;border-radius:12px;cursor:pointer;transition:opacity .15s}.prac-go-btn:hover{opacity:.87}.prac-go-secondary{background:var(--text-muted)}.prac-srs-stats{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.prac-srs-stat{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted)}.prac-srs-due{background:var(--accent-dim);color:var(--accent);border-color:transparent}.prac-caught-up{display:flex;flex-direction:column;gap:8px}.prac-caught-up-msg{font-size:13px;color:var(--text-muted);text-align:center}.prac-struggle-panel{margin-top:16px;border:1px solid var(--border);border-radius:12px;overflow:hidden}.prac-struggle-toggle{display:flex;align-items:center;width:100%;gap:8px;padding:12px 14px;background:var(--surface);border:none;cursor:pointer;font-size:13px;font-weight:600;color:var(--text);text-align:left}.prac-struggle-toggle:hover{background:var(--bg)}.prac-struggle-body{padding:4px 14px 14px}.prac-struggle-list{list-style:none;margin:0 0 12px;padding:0}.prac-struggle-item{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;padding:7px 0;border-bottom:1px solid var(--border-subtle)}.prac-struggle-item:last-child{border-bottom:none}.prac-struggle-word{font-weight:600;font-size:14px;color:var(--text)}.prac-struggle-en{font-size:13px;color:var(--text-muted)}.prac-struggle-reason{font-size:11px;color:var(--it-red);margin-left:auto}.prac-struggle-drill{margin-top:2px}.prac-style-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}@media(max-width:440px){.prac-style-grid{grid-template-columns:1fr}}.prac-style-btn{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.prac-style-btn:hover:not(:disabled){border-color:var(--accent)}.prac-style-btn:disabled{opacity:.45;cursor:not-allowed}.prac-style-active{border-color:var(--accent);background:var(--accent-dim)}.prac-style-name{font-size:13px;font-weight:600;color:var(--text)}.prac-style-sub{font-size:11px;color:var(--text-muted)}.prac-typed-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px 20px;margin:14px 0;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.prac-recall-prompt{font-size:24px;font-weight:600;color:var(--text)}.prac-cloze-sentence{font-size:18px;line-height:1.5;color:var(--text);font-style:italic}.prac-blank{display:inline-block;min-width:60px;font-weight:700;font-style:normal;color:var(--accent);border-bottom:2px solid var(--accent);padding:0 4px}.prac-typed-sub{font-size:12px;color:var(--text-muted)}.prac-input{width:100%;max-width:320px;font-size:17px;text-align:center;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text)}.prac-input:focus{outline:none;border-color:var(--accent)}.prac-input-correct{border-color:var(--accent);background:var(--accent-dim)}.prac-input-wrong{border-color:var(--it-red);background:var(--it-red-dim)}.prac-typed-result{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:4px}.prac-result-ok{font-size:13px;font-weight:700;color:var(--accent)}.prac-result-no{font-size:13px;font-weight:700;color:var(--it-red)}.prac-answer{font-size:20px;font-weight:600;color:var(--text)}.prac-answer-sentence{font-size:17px;font-style:italic;line-height:1.4}.trap-category{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}.trap-mic-row{display:flex;justify-content:center}.trap-result-trap{font-size:13px;font-weight:700;color:var(--it-red)}.trap-note{font-size:12.5px;line-height:1.5;color:var(--text-muted);max-width:380px;text-align:center}.trap-note-hit{color:var(--text);background:var(--it-red-dim);border:1px solid var(--it-red);border-radius:8px;padding:7px 10px}.trap-stats{display:flex;flex-direction:column;gap:4px}.trap-stats-grid{display:flex;flex-wrap:wrap;gap:6px}.trap-stat-chip{font-size:11.5px;font-weight:500;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted)}.trap-stat-weak{border-color:var(--it-red);color:var(--it-red);background:var(--it-red-dim)}.trap-end-review{margin-top:10px;text-align:left}.trap-end-review-title{font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:6px}.trap-end-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.trap-end-list li{display:flex;align-items:baseline;gap:8px;font-size:12.5px}.trap-end-cat{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--it-red);white-space:nowrap}.trap-end-it{font-style:italic;color:var(--text)}.prac-build{display:flex;flex-direction:column;gap:12px;width:100%}.prac-build-picked{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;min-height:46px;padding:8px;border:1.5px dashed var(--border);border-radius:10px}.prac-build-ok{border-color:var(--accent);background:var(--accent-dim);border-style:solid}.prac-build-no{border-color:var(--it-red);background:var(--it-red-dim);border-style:solid}.prac-build-hint{font-size:12px;color:var(--text-faint);font-style:italic}.prac-build-pool{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.prac-chip{font-size:15px;font-weight:500;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.prac-chip:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.prac-chip:disabled{cursor:default;opacity:.85}.prac-chip-picked{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.prac-listen-prompt{display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 0}.prac-listen-prompt .speaker-btn{width:56px;height:56px;background:var(--accent-dim);color:var(--accent)}.prac-listen-speeds{display:flex;gap:6px}.prac-speed-btn{font-size:12px;font-weight:600;padding:4px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer}.prac-speed-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.prac-session{display:flex;flex-direction:column;gap:0}.prac-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.prac-counter{font-size:13px;color:var(--text-muted)}.prac-exit-btn{font-size:12px;color:var(--text-muted);background:none;border:1px solid var(--border);border-radius:6px;padding:4px 10px;cursor:pointer}.prac-exit-btn:hover{border-color:var(--text-muted)}.prac-bar-bg{background:var(--border);border-radius:99px;height:4px;overflow:hidden;margin-bottom:24px}.prac-bar-fill{height:100%;background:var(--accent);border-radius:99px;transition:width .35s ease}.prac-scene{perspective:700px;cursor:pointer;margin-bottom:12px}.prac-card{position:relative;min-height:260px;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,0,.2,1);border-radius:16px}.prac-card.prac-flipped{transform:rotateY(180deg)}.prac-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px 24px;border-radius:16px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.prac-front{background:var(--surface);border:1px solid var(--border);box-shadow:0 2px 12px #0000000f}.prac-back{background:var(--surface);border:1px solid var(--accent-dim);box-shadow:0 2px 12px #0000000f;transform:rotateY(180deg)}.prac-word{font-size:28px;font-weight:500;color:var(--text);text-align:center;line-height:1.2}.prac-tap-hint{font-size:12px;color:var(--text-faint)}.prac-translation{font-size:22px;font-weight:500;color:var(--text);text-align:center}.prac-ipa{font-size:13px;color:var(--accent);font-family:Courier New,monospace}.prac-example{font-size:13px;font-style:italic;color:#666;text-align:center;line-height:1.5}.prac-card-meta{font-size:11px;color:var(--text-faint);text-align:center;margin-bottom:20px;min-height:16px}.prac-actions{display:flex;gap:10px;padding-top:4px}.prac-again-btn,.prac-known-btn,.prac-reveal-btn{flex:1;padding:13px;font-size:14px;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:opacity .15s}.prac-again-btn{background:#fde8e8;color:#991b1b}.prac-known-btn{background:var(--accent-dim);color:var(--accent)}.prac-reveal-btn{background:var(--surface);border:1px solid var(--border);color:var(--text)}.prac-again-btn:hover,.prac-known-btn:hover,.prac-reveal-btn:hover{opacity:.8}.prac-end{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 16px;text-align:center;overflow:hidden}.prac-cheer{font-size:22px;font-weight:700;color:var(--it-red);animation:cheer-pop .4s ease}@keyframes cheer-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}.confetti-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;overflow:hidden}.confetti-piece{position:absolute;top:-16px;width:8px;height:13px;border-radius:1px;opacity:.9;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(340px) rotate(var(--rot, 180deg));opacity:0}}@media(prefers-reduced-motion:reduce){.confetti-piece{display:none}.prac-cheer{animation:none}}.prac-end-score{font-size:56px;font-weight:600;color:var(--accent);line-height:1}.prac-end-label{font-size:16px;color:var(--text)}.prac-end-sub{font-size:13px;color:var(--text-muted)}.prac-end-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap;justify-content:center}.prac-drill-btn,.prac-restart-btn{padding:11px 20px;font-size:14px;font-weight:500;border:none;border-radius:10px;cursor:pointer;transition:opacity .15s}.prac-drill-btn{background:var(--accent);color:#fff}.prac-restart-btn{background:var(--surface);border:1px solid var(--border);color:var(--text)}.prac-drill-btn:hover,.prac-restart-btn:hover{opacity:.8}.ipa-guide-intro{font-size:13px;color:#555;line-height:1.6;margin-bottom:14px}.ipa-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.ipa-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.ipa-card-top{display:flex;align-items:center;gap:8px}.ipa-badge{font-family:Courier New,monospace;font-size:15px;font-weight:600;color:var(--accent);background:var(--accent-dim);padding:2px 7px;border-radius:5px;flex-shrink:0;min-width:34px;text-align:center}.ipa-card-name{font-size:12px;font-weight:500;color:var(--text)}.ipa-card-sounds{font-size:12px;color:#555;line-height:1.4}.ipa-card-example{font-size:11px}.ipa-card-ex-sym{font-family:Courier New,monospace;color:var(--accent)}.ipa-card-ex-hint{color:var(--text-faint)}.ipa-guide-compact{padding:10px 12px}.ipa-guide-compact-title{font-size:10px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.ipa-symbol-grid{display:flex;flex-direction:column;gap:4px}.ipa-symbol-row{display:grid;grid-template-columns:36px 100px 1fr;gap:8px;align-items:baseline;font-size:12px}.ipa-sym{font-family:Courier New,monospace;font-weight:600;color:var(--accent);background:var(--accent-dim);padding:1px 5px;border-radius:4px;text-align:center}.ipa-sym-name{color:var(--text);font-weight:500}.ipa-sym-sounds{color:#666}.prac-ipa-panel{border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-top:16px}.prac-ipa-toggle{width:100%;display:flex;align-items:center;gap:7px;padding:11px 14px;font-size:12px;color:var(--text-muted);background:var(--surface);border:none;cursor:pointer;text-align:left;transition:background .1s}.prac-ipa-toggle:hover{background:#faf9f7}.vocab-pron{display:block;font-size:11px;font-weight:400;color:var(--text-faint);font-style:normal;margin-top:1px;letter-spacing:.01em}.pronun-unsupported{display:flex;flex-direction:column;align-items:center;gap:14px;padding:48px 24px;text-align:center}.pronun-unsupported-title{font-size:16px;font-weight:500;color:var(--text)}.pronun-unsupported-body{font-size:13px;color:var(--text-muted);line-height:1.6;max-width:320px}.pronun-card{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px 24px;margin-bottom:20px;box-shadow:0 2px 12px #0000000f;text-align:center}.pronun-word{font-size:32px;font-weight:500;color:var(--text);line-height:1.2}.pronun-ipa{font-size:14px;color:var(--accent);font-family:Courier New,monospace}.pronun-translation{font-size:14px;color:var(--text-muted);margin-top:2px}.pronun-mic-area{display:flex;justify-content:center;margin-bottom:16px}.pronun-mic-btn{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 36px;background:var(--surface);border:2px solid var(--border);border-radius:16px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-muted);transition:border-color .15s,background .15s,color .15s,box-shadow .15s;min-width:180px}.pronun-mic-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.pronun-mic-recording{border-color:#e53e3e!important;color:#e53e3e!important;background:#fff5f5!important;animation:pronun-pulse 1.2s ease-in-out infinite}.pronun-mic-processing{opacity:.6;cursor:not-allowed}@keyframes pronun-pulse{0%,to{box-shadow:0 0 #e53e3e4d}50%{box-shadow:0 0 0 10px #e53e3e00}}.pronun-result{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:4px}.pronun-score-badge{font-size:15px;font-weight:600;padding:7px 18px;border-radius:99px}.pronun-score-great{background:#d1fae5;color:#065f46}.pronun-score-good{background:#fef3c7;color:#92400e}.pronun-score-low{background:#fee2e2;color:#991b1b}.pronun-recognized{display:flex;align-items:center;gap:6px;font-size:13px}.pronun-recognized-label{color:var(--text-muted)}.pronun-recognized-text{color:var(--text);font-style:italic}.pronun-recognized-error{font-size:13px;color:#991b1b;text-align:center}.pronun-end-breakdown{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:4px}.pronun-breakdown-item{font-size:12px;font-weight:500;padding:4px 10px;border-radius:99px}.pronun-breakdown-great{background:#d1fae5;color:#065f46}.pronun-breakdown-good{background:#fef3c7;color:#92400e}.pronun-breakdown-low{background:#fee2e2;color:#991b1b}.speaker-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:none;background:none;color:var(--text-faint);cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.speaker-btn:hover{background:var(--accent-dim);color:var(--accent)}.speaker-btn.speaker-speaking{color:var(--accent);background:var(--accent-dim);animation:speaker-pulse 1s ease-in-out infinite}@keyframes speaker-pulse{0%,to{opacity:1}50%{opacity:.55}}.sent-guide{border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden;background:var(--bg)}.sent-guide-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;font-size:10px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;background:none;border:none;cursor:pointer;text-align:left;transition:background .1s}.sent-guide-toggle:hover{background:#f0ede6}.sent-guide-body{border-top:1px solid var(--border-subtle)}.sent-guide-row{display:flex;flex-direction:column;gap:2px;padding:6px 12px;border-bottom:1px solid var(--border-subtle)}.sent-guide-row:last-child{border-bottom:none}.sent-guide-label{font-size:10px;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em}.sent-guide-example{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.sent-guide-it{font-size:13px;font-style:italic;color:var(--text);font-weight:500}.sent-guide-en{font-size:12px;color:var(--text-muted)}.prayers-wrap{display:flex;flex-direction:column;gap:0}.prayers-header{padding:16px 0 12px;border-bottom:1px solid var(--border);margin-bottom:12px}.prayers-heading{font-size:18px;font-weight:600}.prayers-subheading{font-size:13px;color:var(--text-muted);margin-top:2px}.prayer-section{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:10px}.prayer-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 14px;background:none;border:none;cursor:pointer;text-align:left;color:var(--text);gap:8px}.prayer-section-header:hover{background:#00000005}html.dark .prayer-section-header:hover{background:#ffffff0a}.prayer-section-titles{display:flex;flex-direction:column;gap:1px}.prayer-section-title{font-size:14px;font-weight:600}.prayer-section-title-en{font-size:11px;color:var(--text-muted)}.prayer-section-body{border-top:1px solid var(--border-subtle);padding:12px 14px}.prayer-section-intro{font-size:12px;color:var(--text-muted);line-height:1.5;margin-bottom:12px}html.dark .prayer-section-intro{color:var(--text-muted)}.prayer-list{display:flex;flex-direction:column;gap:10px}.prayer-card{border:1px solid var(--border-subtle);border-radius:8px;padding:12px;background:var(--bg)}html.dark .prayer-card{background:#ffffff05}.prayer-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:6px}.prayer-card-titles{display:flex;flex-direction:column;gap:1px;min-width:0}.prayer-title-it{font-size:13px;font-weight:600;color:var(--accent)}.prayer-title-en{font-size:11px;color:var(--text-muted)}.prayer-note{font-size:11px;color:var(--text-faint);font-style:italic;margin-bottom:8px;line-height:1.4}.prayer-text-it{font-size:14px;line-height:1.65;color:var(--text);margin-bottom:8px}.prayer-text-it.reading{color:var(--text-muted)}.prayer-word{border-radius:3px;padding:1px;margin:0 -1px;transition:background-color .12s ease,color .12s ease}.prayer-word-active{background:var(--accent);color:#fff}.prayer-translation-toggle{display:flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;font-size:11px;color:var(--text-muted);padding:0;margin-bottom:0}.prayer-translation-toggle:hover,.prayer-translation-toggle.open{color:var(--accent)}.prayer-text-en{font-size:13px;line-height:1.6;color:var(--text-muted);margin-top:8px;padding-top:8px;border-top:1px solid var(--border-subtle)}html.dark .prayer-text-en{color:var(--text-muted)}.reading-section{margin-bottom:14px}.reading-source{font-size:11px;color:var(--text-faint)}.reading-box{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.reading-line{display:flex;align-items:baseline;gap:6px;padding:4px 0;font-size:14px;line-height:1.7;border-bottom:1px solid var(--border-subtle)}.reading-line:last-child{border-bottom:none}.reading-vnum{font-size:10px;color:var(--text-faint);min-width:16px;flex-shrink:0;font-variant-numeric:tabular-nums;align-self:flex-start;padding-top:3px}.reading-text{flex:1;color:var(--text)}.reading-read-btn{margin-top:8px;font-size:12px;font-weight:600;padding:6px 14px;border-radius:7px;border:1px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer}.reading-read-btn:hover{background:var(--accent-dim)}.reading-read-done{border-color:var(--border);color:var(--text-muted);cursor:default}.reading-read-done:hover{background:transparent}.drill-panel,.comp-panel,.dicto-section{margin:12px 0}.drill-toggle,.comp-toggle,.dicto-toggle{display:flex;align-items:center;width:100%;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;text-align:left}.drill-body,.comp-body,.dicto-body{border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;padding:10px 12px;margin-top:-1px}.drill-intro,.comp-intro,.dicto-intro{font-size:12px;color:var(--text-muted);margin-bottom:10px;line-height:1.5}.drill-row{padding:8px 0;border-bottom:1px solid var(--border-subtle)}.drill-row:last-child{border-bottom:none}.drill-sentence{font-size:14px;line-height:1.8;color:var(--text)}.drill-input{display:inline-block;min-width:90px;width:110px;margin:0 2px;padding:2px 6px;font-size:14px;border:none;border-bottom:2px solid var(--accent);background:var(--accent-dim);border-radius:4px 4px 0 0;color:var(--text);text-align:center}.drill-input:focus{outline:none;background:var(--surface)}.drill-input.drill-ok{border-bottom-color:var(--accent);background:var(--accent-dim)}.drill-input.drill-no{border-bottom-color:#c0392b;background:#c0392b1a}.drill-hint{font-size:11px;color:var(--text-faint);margin-top:4px;font-style:italic}.drill-btn{margin-top:6px;font-size:12px;font-weight:600;padding:4px 12px;border-radius:6px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer}.drill-btn:disabled{opacity:.5;cursor:default}.drill-btn-retry{background:transparent;color:var(--accent)}.drill-feedback{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:6px;font-size:12px}.drill-verdict-ok{color:var(--accent);font-weight:600}.drill-verdict-no{color:#c0392b;font-weight:600}.drill-answer{font-weight:600;color:var(--text)}.drill-filled{font-style:italic;color:var(--text-muted)}.xform-row{padding:10px 0;border-bottom:1px solid var(--border-subtle)}.xform-row:last-child{border-bottom:none}.xform-instr{font-size:12px;font-weight:700;color:var(--accent)}.xform-base{display:flex;align-items:center;gap:6px;font-size:14px;font-style:italic;color:var(--text-muted);margin:3px 0 7px}.xform-input{width:100%;max-width:340px;padding:7px 10px;font-size:14px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text)}.xform-input:focus{outline:none;border-color:var(--accent)}.xform-input.drill-ok{border-color:var(--accent);background:var(--accent-dim)}.xform-input.drill-no{border-color:#c0392b;background:#c0392b1a}.xform-diff{font-size:13px;line-height:1.5}.xform-w-ok{color:var(--text-muted)}.xform-w-miss{color:#c0392b;font-weight:700;text-decoration:underline;text-decoration-style:wavy}.xform-answer{display:inline-flex;align-items:center;gap:5px;font-weight:600;color:var(--text)}.qa-row{padding:10px 0;border-bottom:1px solid var(--border-subtle)}.qa-row:last-child{border-bottom:none}.qa-question{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text);margin-bottom:7px}.qa-listening{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.qa-clock{font-size:22px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.qa-live-dot{width:8px;height:8px;border-radius:50%;background:var(--it-red);display:inline-block;animation:dictate-pulse 1.2s ease-in-out infinite}.qa-result{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px}.qa-heard{font-style:italic;color:var(--text-faint)}.qa-model{display:inline-flex;align-items:center;gap:5px;font-weight:600;color:var(--text)}.qa-override{font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer}.qa-override:disabled{color:var(--accent);border-color:var(--accent)}.phrase-box{display:flex;flex-direction:column;gap:2px}.phrase-row{padding:8px 0;border-bottom:1px solid var(--border-subtle)}.phrase-row:last-child{border-bottom:none}.phrase-main{display:flex;align-items:center;gap:7px}.phrase-it{font-size:15px;font-weight:600;color:var(--text)}.phrase-glosses{display:flex;flex-wrap:wrap;gap:10px;margin-top:2px}.phrase-en{font-size:13px;color:var(--text-muted)}.phrase-lit{font-size:12px;font-style:italic;color:var(--accent)}.comp-row{padding:10px 0;border-bottom:1px solid var(--border-subtle)}.comp-row:last-child{border-bottom:none}.comp-q{font-size:14px;color:var(--text);line-height:1.5}.comp-q-en{font-size:12px;color:var(--text-faint);margin:2px 0 8px}.comp-tf-btns,.comp-mc-opts{display:flex;flex-wrap:wrap;gap:8px}.comp-mc-opts{flex-direction:column;align-items:stretch}.comp-tf-btn,.comp-mc-btn{font-size:13px;padding:6px 16px;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;text-align:left}.comp-tf-btn:disabled,.comp-mc-btn:disabled{cursor:default}.comp-ok{border-color:var(--accent);background:var(--accent-dim);color:var(--accent);font-weight:600}.comp-no{border-color:#c0392b;background:#c0392b1a;color:#c0392b}.comp-feedback{display:flex;flex-direction:column;gap:2px;margin-top:8px;font-size:12px;font-weight:600}.comp-feedback-ok{color:var(--accent)}.comp-feedback-no{color:#c0392b}.comp-explain{font-weight:400;color:var(--text-muted)}.dicto-counter{font-size:11px;color:var(--text-faint);margin-bottom:6px}.dicto-play{display:flex;align-items:center;gap:12px;margin-bottom:10px}.dicto-speeds{display:flex;gap:6px}.dicto-input{width:100%;box-sizing:border-box;padding:8px 10px;font-size:14px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);resize:vertical}.dicto-input:focus{outline:none;border-color:var(--accent)}.dicto-btn{margin-top:8px;font-size:13px;font-weight:600;padding:6px 16px;border-radius:7px;border:1px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer}.dicto-btn-primary{background:var(--accent);color:#fff}.dicto-btn:disabled{opacity:.5;cursor:default}.dicto-result{margin-top:10px}.dicto-score{font-size:13px;font-weight:700;color:var(--accent);margin-bottom:6px}.dicto-original{font-size:14px;line-height:1.8}.dicto-ok{color:var(--text)}.dicto-miss{color:#c0392b;text-decoration:underline;text-decoration-style:wavy;text-decoration-thickness:1px}.dicto-end{text-align:center;padding:8px 0}.dicto-end-score{font-size:32px;font-weight:800;color:var(--accent)}.dicto-end-label{font-size:12px;color:var(--text-muted);margin-bottom:12px}.pronun-card-shadow{gap:8px}.pronun-shadow-instr{font-size:12px;color:var(--text-muted)}.pronun-shadow-play{display:flex;align-items:center;gap:12px}.pronun-shadow-text{font-size:16px;font-style:italic;color:var(--text);text-align:center;line-height:1.5}.saints-wrap{display:flex;flex-direction:column;gap:14px}.saints-nav{display:flex;align-items:center;gap:10px}.saints-nav-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:18px;line-height:1;cursor:pointer;flex-shrink:0}.saints-nav-btn:hover{border-color:var(--accent);color:var(--accent)}.saints-nav-center{flex:1;text-align:center}.saints-date{font-size:13px;font-weight:600;color:var(--text);text-transform:capitalize}.saints-today-btn{font-size:11px;border:none;background:none;color:var(--accent);cursor:pointer;text-decoration:underline;padding:2px 0 0}.saints-header{text-align:center}.saints-kicker{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}.saints-name{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-size:22px;font-weight:700;color:var(--text);margin:4px 0 0}.saints-status{font-size:13px;color:var(--text-muted);line-height:1.55}.saints-status-en{color:var(--text-faint);font-style:italic}.saints-status-offline{padding:12px 14px;border:1px dashed var(--border);border-radius:10px}.saints-cached-note{font-size:11.5px;color:var(--text-faint);font-style:italic}.saints-story{border:1px solid var(--border);border-radius:10px;padding:14px 16px;background:var(--surface)}.saints-story-label{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);margin-bottom:8px}.saints-story-sub{font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-faint)}.saints-para{font-size:15px;line-height:1.7;color:var(--text);margin:0 0 10px}.saints-para .speaker-btn{margin-left:6px;vertical-align:middle}.saints-para-en{font-size:13.5px;color:var(--text-muted)}.saints-wiki-link{font-size:12px;color:var(--accent);text-decoration:none}.saints-wiki-link:hover{text-decoration:underline}.saints-en{border:1px solid var(--border);border-radius:10px;overflow:hidden}.saints-en-toggle{display:flex;align-items:center;width:100%;gap:8px;padding:10px 14px;background:var(--surface);border:none;cursor:pointer;font-size:12.5px;font-weight:600;color:var(--text-muted);text-align:left}.saints-en-toggle:hover{color:var(--accent)}.saints-en-body{padding:10px 16px 12px}.saints-credit{font-size:10.5px;color:var(--text-faint);text-align:center}.vocab-ex-en{display:block;margin-top:3px;font-size:11.5px;font-style:normal;color:var(--text-faint)}.vocab-form{display:block;margin-top:2px;font-size:11px;color:var(--accent);font-weight:500}.gloss-pop-lemma{display:block;margin-top:5px;padding-top:5px;border-top:1px solid var(--border-subtle);font-size:11.5px;line-height:1.45;color:var(--text-muted)}.gloss-pop-lemma strong{color:var(--accent);font-weight:600}.exeg-panel{margin-top:14px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.exeg-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;background:none;border:none;cursor:pointer;text-align:left;color:var(--text)}.exeg-eyebrow{flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--it-red)}.exeg-title{font-size:13.5px;font-weight:600}.exeg-body{padding:0 14px 14px}.exeg-prose{margin:0 0 12px;font-size:13px;line-height:1.7;color:var(--text-muted)}.exeg-forms{display:flex;flex-direction:column;gap:8px}.exeg-form{padding:9px 11px;background:var(--bg);border-left:2px solid var(--it-red);border-radius:0 8px 8px 0}.exeg-form-it{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:600;color:var(--text)}.exeg-form-gloss{display:block;font-size:12px;color:var(--text-muted);margin-top:1px}.exeg-form-note{display:block;font-size:11.5px;color:var(--text-faint);margin-top:3px;line-height:1.5}.recycle-panel{margin-top:10px;padding:9px 11px;background:var(--bg);border:1px dashed var(--border);border-radius:9px}.recycle-label{font-size:11px;color:var(--text-muted);margin-bottom:6px}.recycle-chips{display:flex;flex-wrap:wrap;gap:5px}.recycle-chip{display:inline-flex;align-items:baseline;gap:4px;padding:3px 8px;background:var(--surface);border:1px solid var(--border);border-radius:20px;font-size:12px;color:var(--text)}.recycle-week{font-size:10px;color:var(--text-faint)}.prac-style-count{display:block;font-size:10.5px;color:var(--text-faint);margin-top:2px}.prac-word-gloss{font-size:12px;color:var(--text-faint)}.prac-hard-btn{flex:1;padding:13px;font-size:14px;font-weight:500;border:none;border-radius:12px;cursor:pointer;background:#fdf3e0;color:#8a5a0b;transition:opacity .15s}html.dark .prac-hard-btn{background:#33270f;color:#e0b060}.prac-hard-btn:hover{opacity:.8}.today-due-pill{margin-left:auto;padding:1px 8px;background:var(--accent-dim);color:var(--accent);border-radius:20px;font-size:11px;font-weight:600}.prayers-why{margin:0 0 16px;padding:12px 14px;background:var(--accent-dim);border-radius:10px;font-size:12.5px;line-height:1.65;color:var(--accent)}.prayer-focus{margin:8px 0 10px;padding:9px 11px;background:var(--bg);border-left:2px solid var(--accent);border-radius:0 8px 8px 0}.prayer-focus-label{display:block;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-bottom:3px}.prayer-focus-text{display:block;font-size:12.5px;line-height:1.6;color:var(--text-muted)}.prayer-focus-weeks{display:block;margin-top:4px;font-size:11px;color:var(--text-faint)}.prayer-modes{display:flex;gap:6px;margin:10px 0}.prayer-mode-btn{padding:5px 13px;font-size:12px;font-weight:500;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:20px;cursor:pointer}.prayer-mode-btn.active{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.prayer-mode-empty{padding:14px;font-size:12.5px;color:var(--text-muted);line-height:1.6}.prayer-lines{list-style:none;margin:10px 0 0;padding:0}.prayer-line{padding:6px 0;border-bottom:1px solid var(--border-subtle)}.prayer-line:last-child{border-bottom:none}.prayer-line-it{display:flex;align-items:center;gap:6px;font-size:14.5px;line-height:1.6;color:var(--text)}.prayer-line-en{display:block;margin-top:2px;font-size:12px;color:var(--text-faint)}.prayer-shadow{display:flex;flex-direction:column;gap:12px;align-items:center;padding-top:8px}.prayer-shadow-progress{font-size:11px;color:var(--text-faint)}.prayer-shadow-line{text-align:center}.prayer-shadow-it{display:block;font-size:19px;line-height:1.5;color:var(--text)}.prayer-shadow-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px 0}.prayer-shadow-en{display:block;font-size:12.5px;color:var(--text-muted)}.prayer-shadow-heard{font-size:12px;color:var(--text-muted);margin-top:4px}.prayer-recall-intro{font-size:12px;color:var(--text-muted);line-height:1.6;margin:10px 0}.prayer-recall-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.prayer-recall-item{padding-bottom:10px;border-bottom:1px solid var(--border-subtle)}.prayer-recall-line{display:flex;flex-wrap:wrap;align-items:center;gap:3px;font-size:14.5px;line-height:1.9;color:var(--text)}.prayer-recall-input{flex:0 1 130px;padding:3px 8px;font-size:14px}.prayer-recall-answer{font-weight:600}.prayer-recall-en{font-size:12px;color:var(--text-faint);margin:3px 0 6px}