.learning-page{max-width:840px;margin-inline:auto;animation:.36s both fadeInDown}.learning-kicker{color:var(--primary);letter-spacing:.17em;text-transform:uppercase;font:700 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.learning-hero{border-bottom:1px solid var(--conversation-line);margin-bottom:22px;padding:8px 2px 23px}.learning-hero h2{font-family:var(--font-display);letter-spacing:-.045em;margin:9px 0 8px;font-size:clamp(29px,6vw,42px);font-weight:500;line-height:1.12}.learning-hero p{max-width:42em;color:var(--text-secondary);font-size:13px;line-height:1.75}.learning-panel{border:1px solid var(--conversation-line);background:var(--conversation-paper);box-shadow:0 10px 28px color-mix(in srgb, var(--text) 5%, transparent);border-radius:18px;padding:clamp(16px,4vw,24px)}.learning-panel+.learning-panel{margin-top:15px}.learning-panel-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.learning-panel-heading h3{font-family:var(--font-display);letter-spacing:-.025em;font-size:20px;font-weight:500}.learning-panel-heading p{color:var(--text-secondary);margin-top:4px;font-size:12px;line-height:1.6}.learning-period-switch{border:1px solid var(--conversation-line);background:var(--bg-root);border-radius:12px;flex-shrink:0;gap:2px;padding:3px;display:inline-flex}.learning-period-switch button{color:var(--text-secondary);border-radius:9px;padding:8px 11px;font-size:12px;font-weight:650}.learning-period-switch button[aria-pressed=true]{color:var(--button-text);background:var(--primary);box-shadow:0 3px 9px color-mix(in srgb, var(--primary) 20%, transparent)}.learning-total{align-items:baseline;gap:8px;margin:2px 0 18px;display:flex}.learning-total strong{font:500 clamp(34px, 8vw, 49px)/1 var(--font-display);letter-spacing:-.05em;font-variant-numeric:tabular-nums}.learning-total span{color:var(--text-secondary);font-size:12px}.learning-chart-wrap{scrollbar-width:thin;padding:8px 4px 2px;overflow-x:auto}.learning-chart{width:100%;min-width:480px;height:auto;display:block;overflow:visible}.learning-chart text{fill:var(--text-secondary);font-family:var(--font-body);font-size:10px}.learning-chart .chart-grid{stroke:var(--border);stroke-width:1px;stroke-dasharray:2 4}.learning-chart .chart-baseline{stroke:var(--text-secondary);stroke-width:1.2px}.learning-chart .chart-bar{transform-box:fill-box;transform-origin:bottom;animation:.45s cubic-bezier(.2,.7,.2,1) both chartRise}@keyframes chartRise{0%{opacity:.45;transform:scaleY(.08)}to{opacity:1;transform:scaleY(1)}}.learning-legend{flex-wrap:wrap;gap:10px 18px;margin:14px 3px 0;display:flex}.learning-legend-item{color:var(--text-secondary);align-items:center;gap:7px;font-size:12px;display:inline-flex}.learning-legend-swatch{background:var(--swatch);border-radius:3px;width:9px;height:9px}.learning-chart-note{color:var(--text-secondary);margin:12px 3px 0;font-size:11px;line-height:1.6}.learning-data-details{border-top:1px solid var(--conversation-line);margin-top:16px}.learning-data-details summary{cursor:pointer;color:var(--primary);padding:14px 2px 4px;font-size:12px;font-weight:650}.learning-table-scroll{overflow-x:auto}.learning-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:510px;margin-top:10px;font-size:12px}.learning-table th,.learning-table td{border-bottom:1px solid var(--border);text-align:right;white-space:nowrap;padding:9px 7px}.learning-table th:first-child,.learning-table td:first-child{text-align:left}.learning-table thead th{color:var(--text-secondary);font-size:10px;font-weight:650}.learning-table tbody th{font-weight:600}.learning-state{border:1px dashed var(--conversation-line);color:var(--text-secondary);text-align:center;border-radius:15px;padding:24px 16px;font-size:13px;line-height:1.7}.learning-state strong{color:var(--text);font-family:var(--font-display);margin-bottom:5px;font-size:19px;font-weight:500;display:block}.learning-retry{border:1px solid var(--conversation-line);min-height:42px;color:var(--primary);border-radius:11px;margin-top:13px;padding:0 16px;font-size:12px;font-weight:650}.learning-skeleton{background:color-mix(in srgb, var(--bg-tertiary) 55%, transparent);border-radius:12px;height:235px;position:relative;overflow:hidden}.learning-skeleton:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--bg-default) 50%, transparent), transparent);animation:1.4s ease-in-out infinite learningShimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes learningShimmer{to{transform:translate(100%)}}.review-setup-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.review-choice{border:1px solid var(--conversation-line);background:color-mix(in srgb, var(--bg-root) 68%, var(--conversation-paper));min-height:84px;color:var(--text);text-align:left;border-radius:13px;padding:12px}.review-choice strong{margin-bottom:5px;font-size:13px;display:block}.review-choice span{color:var(--text-secondary);font-size:10px;line-height:1.45}.review-choice[aria-pressed=true]{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--bg-default));box-shadow:inset 0 0 0 1px var(--primary)}.review-form-label{color:var(--text-secondary);margin-bottom:8px;font-size:11px;font-weight:650;display:block}.review-select,.review-answer-input{border:1px solid var(--conversation-line);background:var(--input-bg);width:100%;min-height:48px;color:var(--text);border-radius:11px;padding:10px 13px;font-size:13px}.review-answer-input{resize:vertical;min-height:96px;line-height:1.6}.review-hint,.review-yesterday-note,.review-error{color:var(--text-secondary);margin-top:10px;font-size:12px;line-height:1.65}.review-yesterday-note{color:var(--warning)}.review-error{color:var(--error)}.review-primary-action{background:var(--primary);width:100%;min-height:48px;color:var(--button-text);border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:14px;padding:0 16px;font-size:13px;font-weight:700;display:inline-flex}.review-secondary-action{border:1px solid var(--conversation-line);min-height:42px;color:var(--primary);border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:650;display:inline-flex}.review-exercise-top{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;font-size:11px;display:flex}.review-progress-track{background:var(--bg-tertiary);border-radius:99px;height:5px;margin-bottom:20px;overflow:hidden}.review-progress-fill{border-radius:inherit;background:var(--primary);height:100%;transition:width .24s}.review-prompt{border-left:3px solid var(--primary);background:color-mix(in srgb, var(--primary) 7%, var(--bg-default));font-family:var(--font-display);border-radius:0 14px 14px 0;padding:clamp(18px,4vw,26px);font-size:clamp(20px,5vw,27px);line-height:1.48}.review-feedback{border:1px solid var(--conversation-line);background:var(--bg-root);border-radius:14px;margin-top:18px;padding:17px}.review-feedback h4{font-family:var(--font-display);margin-bottom:9px;font-size:21px;font-weight:500}.review-feedback p{color:var(--text-secondary);overflow-wrap:anywhere;margin-top:8px;font-size:13px;line-height:1.65}.review-feedback p strong{color:var(--text);font-weight:650}.review-actions-row{gap:9px;margin-top:15px;display:flex}.review-actions-row>*{flex:1}@media (width<=600px){.learning-panel-heading{flex-direction:column}.learning-period-switch{align-self:flex-start}.review-setup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-actions-row{flex-direction:column}}@media (prefers-reduced-motion:reduce){.learning-page,.learning-chart .chart-bar,.learning-skeleton:after{animation:none!important}.learning-period-switch button,.review-progress-fill{transition:none!important}}.vocab-page{--vocab-accent:var(--primary);width:min(100%,840px);color:var(--text);margin:0 auto;animation:.32s both fadeInDown}.vocab-hero{border:1px solid var(--conversation-line);background:radial-gradient(ellipse at 88% 10%, color-mix(in srgb, var(--vocab-accent) 14%, transparent), transparent 45%), var(--conversation-paper);border-radius:22px;margin-bottom:23px;padding:21px clamp(18px,5vw,40px) 27px;position:relative;overflow:hidden}.vocab-kicker{color:var(--vocab-accent);letter-spacing:.16em;font:700 10px/1.4 ui-monospace,monospace}.vocab-hero h2{font:500 clamp(28px, 7vw, 43px)/1.2 var(--font-display);letter-spacing:-.04em;margin:12px 0 8px}.vocab-hero p,.vocab-section-head p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.7}.vocab-level-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.vocab-level-card{text-align:left;border:1px solid var(--conversation-line);background:var(--conversation-paper);min-height:139px;color:var(--text);cursor:pointer;border-radius:16px;flex-direction:column;align-items:flex-start;padding:16px;transition:transform .16s,border-color .16s;animation:.35s both fadeInDown;display:flex}.vocab-level-card:hover{border-color:var(--vocab-accent);transform:translateY(-2px)}.vocab-level-code{font:500 27px/1 var(--font-display);letter-spacing:-.04em}.vocab-level-stats{color:var(--text-secondary);margin-top:9px;font-size:11px}.vocab-level-units{width:100%;color:var(--vocab-accent);justify-content:space-between;align-items:center;margin-top:auto;padding-top:13px;font-size:11px;font-weight:700;display:flex}.vocab-level-track,.vocab-unit-track,.vocab-progress{background:var(--bg-tertiary);border-radius:9px;width:100%;height:4px;display:block;overflow:hidden}.vocab-level-track{margin-top:8px}.vocab-level-track i,.vocab-unit-track i,.vocab-progress i{border-radius:inherit;background:var(--vocab-accent);height:100%;transition:width .26s;display:block}.vocab-back{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:0 0 12px;padding:6px 0;font-size:12px;display:inline-flex}.vocab-back:disabled,.vocab-session-top button:disabled{opacity:.55;cursor:not-allowed}.vocab-section-head{margin:3px 0 18px}.vocab-section-head h2{font:500 26px/1.2 var(--font-display);margin:8px 0 5px}.vocab-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.vocab-unit-card{border:1px solid var(--conversation-line);background:var(--conversation-paper);border-radius:15px;padding:15px}.vocab-unit-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.vocab-unit-heading span{letter-spacing:.1em;color:var(--vocab-accent);font:700 10px ui-monospace,monospace}.vocab-unit-heading small{color:var(--text-secondary);font-size:10px}.vocab-unit-card>p{color:var(--text-secondary);margin:10px 0 8px;font-size:11px}.vocab-unit-actions{gap:7px;margin-top:13px;display:flex}.vocab-unit-actions button,.vocab-session-top button{border:1px solid var(--conversation-line);background:var(--bg-root);min-height:38px;color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:11px;font-weight:650;display:inline-flex}.vocab-unit-actions button{flex:1}.vocab-unit-actions .vocab-quiz-button{background:var(--vocab-accent);border-color:var(--vocab-accent);color:var(--button-text)}.vocab-session-top{align-items:center;gap:7px;margin:5px 0 12px;display:flex}.vocab-session-top button{min-height:34px}.vocab-session-top button.active{color:var(--vocab-accent);border-color:var(--vocab-accent);background:color-mix(in srgb,var(--vocab-accent) 8%,var(--bg-default))}.vocab-session-top span{color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.vocab-progress{height:5px;margin-bottom:17px}.vocab-word-card{border:1px solid var(--conversation-line);background:var(--conversation-paper);box-shadow:0 12px 34px color-mix(in srgb,var(--text) 5%,transparent);border-radius:20px;padding:clamp(18px,5vw,30px)}.vocab-word-meta{color:var(--text-secondary);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:8px;font:700 9px ui-monospace,monospace;display:flex}.vocab-word-meta b{color:var(--warning);letter-spacing:0;text-transform:none}.vocab-japanese-prompt{font:500 clamp(26px,7vw,38px)/1.45 var(--font-display);letter-spacing:-.025em;padding:clamp(22px,7vw,40px) 0}.vocab-french-word{font:500 clamp(30px,8vw,44px)/1.25 var(--font-display);overflow-wrap:anywhere;margin-top:24px}.vocab-japanese-meaning{color:var(--text-secondary);margin-top:8px;font-size:15px}.vocab-example{border-left:3px solid var(--vocab-accent);background:color-mix(in srgb,var(--vocab-accent) 7%,var(--bg-root));border-radius:0 12px 12px 0;margin-top:25px;padding:15px 17px}.vocab-example>span{color:var(--vocab-accent);letter-spacing:.1em;font-size:10px;font-weight:700}.vocab-example p{margin:7px 0 0;font-size:13px;line-height:1.65}.vocab-example p+p{color:var(--text-secondary);font-size:11px}.vocab-answer-form{gap:8px;max-width:520px;display:grid}.vocab-answer-form label{color:var(--text-secondary);font-size:11px;font-weight:650}.vocab-answer-form input{border:1px solid var(--conversation-line);background:var(--input-bg);width:100%;min-height:48px;color:var(--text);font:16px var(--font-body);border-radius:11px;padding:11px 13px}.vocab-answer-form input:focus{outline:2px solid color-mix(in srgb,var(--vocab-accent) 35%,transparent);border-color:var(--vocab-accent)}.vocab-answer-form>button,.vocab-primary,.vocab-secondary{cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:45px;padding:0 16px;font-size:12px;font-weight:700;display:inline-flex}.vocab-answer-form>button,.vocab-primary{background:var(--vocab-accent);color:var(--button-text)}.vocab-answer-form>button:disabled{opacity:.55;cursor:not-allowed}.vocab-hint-wrap{margin-top:-10px}.vocab-hint-trigger{color:var(--vocab-accent);cursor:pointer;background:0 0;border:0;padding:3px 0;font-size:11px;font-weight:700}.vocab-hint{color:var(--text-secondary);margin:6px 0 0 10px;font-size:11px;line-height:1.5;display:inline-block}.vocab-feedback{border:1px solid var(--conversation-line);border-radius:13px;margin-top:19px;padding:14px}.vocab-feedback.is-correct{border-color:color-mix(in srgb,var(--success) 48%,var(--conversation-line));background:color-mix(in srgb,var(--success) 8%,var(--bg-root))}.vocab-feedback.is-incorrect{border-color:color-mix(in srgb,var(--warning) 48%,var(--conversation-line));background:color-mix(in srgb,var(--warning) 8%,var(--bg-root))}.vocab-feedback strong{font-size:13px}.vocab-feedback>p{margin:8px 0 0;font-size:14px;line-height:1.6}.vocab-feedback>p+p{color:var(--text-secondary);font-size:12px}.vocab-session-actions{gap:9px;margin-top:13px;display:flex}.vocab-session-actions>*{flex:1}.vocab-secondary{border-color:var(--conversation-line);background:var(--bg-root);color:var(--text)}.vocab-completed,.vocab-hidden-note{color:var(--text-secondary);justify-content:center;align-items:center;gap:5px;margin:14px 0 0;font-size:10px;display:flex}.vocab-study-list{gap:9px;display:grid}.vocab-study-row{border:1px solid var(--conversation-line);background:var(--conversation-paper);border-radius:14px;grid-template-columns:35px minmax(0,1fr);gap:12px;padding:15px;display:grid}.vocab-study-index{color:var(--vocab-accent);padding-top:4px;font:700 10px ui-monospace,monospace}.vocab-study-content{min-width:0}.vocab-pos,.vocab-word-pos{border:1px solid color-mix(in srgb,var(--vocab-accent) 25%,var(--conversation-line));background:color-mix(in srgb,var(--vocab-accent) 7%,var(--conversation-paper));width:fit-content;color:var(--vocab-accent);letter-spacing:.02em;border-radius:999px;align-items:center;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.vocab-word-pos{margin-top:17px}.vocab-study-wordline{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.vocab-study-wordline strong{flex:1;min-width:0}.vocab-study-content strong{font:500 21px/1.4 var(--font-display);overflow-wrap:anywhere;display:block}.vocab-study-content>p{color:var(--text-secondary);margin:2px 0 0;font-size:12px}.vocab-study-tags{gap:6px;margin-bottom:5px;display:flex}.vocab-study-tags span{color:var(--warning);font-size:9px;font-weight:700}.vocab-study-tags span.is-done{color:var(--success)}.vocab-study-example{border-top:1px solid var(--conversation-line);gap:3px;margin-top:9px;padding-top:8px;display:grid}.vocab-study-example span{font-size:11px;line-height:1.55}.vocab-study-example small{color:var(--text-secondary);font-size:10px}.vocab-audio-wrap{flex-wrap:wrap;align-items:center;gap:6px 9px;margin-top:10px;display:flex}.vocab-study-wordline .vocab-audio-wrap{flex:none;margin-top:0}.vocab-audio-button{border:1px solid var(--conversation-line);background:var(--bg-root);min-height:34px;color:var(--vocab-accent);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:10px;font-weight:700;transition:transform .15s,border-color .15s,background .15s;display:inline-flex}.vocab-audio-button:hover:not(:disabled){border-color:var(--vocab-accent);transform:translateY(-1px)}.vocab-audio-button.is-active{border-color:var(--vocab-accent);background:color-mix(in srgb,var(--vocab-accent) 9%,var(--conversation-paper))}.vocab-audio-button:disabled{opacity:.5;cursor:not-allowed}.vocab-audio-status,.vocab-audio-error{font-size:10px;line-height:1.5}.vocab-audio-status{color:var(--text-secondary)}.vocab-audio-error{color:var(--warning)}.vocab-feedback-french{font:500 19px/1.4 var(--font-display)}.vocab-error,.vocab-empty{border:1px dashed var(--conversation-line);color:var(--text-secondary);text-align:center;border-radius:15px;gap:8px;padding:22px;font-size:12px;line-height:1.6;display:grid}.vocab-error strong,.vocab-empty strong{color:var(--text)}.vocab-error button{border:1px solid var(--conversation-line);min-height:38px;color:var(--vocab-accent);background:var(--bg-root);cursor:pointer;border-radius:10px;justify-self:center;padding:0 14px;font-weight:650}.vocab-loading{gap:10px;display:grid}.vocab-loading div{background:linear-gradient(90deg,var(--bg-tertiary),var(--bg-default),var(--bg-tertiary));background-size:200% 100%;border-radius:15px;height:94px;animation:1.3s ease-in-out infinite vocab-shimmer}@keyframes vocab-shimmer{to{background-position:-200% 0}}@media (width<=600px){.vocab-level-grid,.vocab-unit-grid{grid-template-columns:1fr}.vocab-level-card{min-height:126px}.vocab-session-actions{flex-direction:column}.vocab-study-wordline{flex-direction:column;align-items:flex-start;gap:5px}.vocab-study-wordline .vocab-audio-wrap{margin-top:2px}}@media (prefers-reduced-motion:reduce){.vocab-page,.vocab-level-card{transition:none;animation:none}.vocab-loading div{animation:none}}.vocab-conjugation-trigger{color:var(--text);cursor:pointer;text-align:left;-webkit-text-decoration-color:color-mix(in srgb,var(--vocab-accent) 50%,transparent);text-decoration-color:color-mix(in srgb,var(--vocab-accent) 50%,transparent);text-underline-offset:4px;background:0 0;border:0;padding:0;text-decoration-line:underline;text-decoration-thickness:1px;transition:color .15s}.vocab-conjugation-trigger:hover{color:var(--vocab-accent)}.vocab-conjugation-trigger:focus-visible,.vocab-conjugation-close:focus-visible,.vocab-tense-tabs button:focus-visible{outline:2px solid var(--vocab-accent);outline-offset:3px}.vocab-study-wordline .vocab-study-headword{min-width:0;font:500 21px/1.4 var(--font-display);overflow-wrap:anywhere;flex:1}.vocab-feedback .vocab-feedback-french{font:500 19px/1.4 var(--font-display);margin:8px 0 0;display:block}.vocab-conjugation-backdrop{z-index:1000;background:color-mix(in srgb,var(--text) 36%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);place-items:center;padding:18px;animation:.18s both vocab-modal-in;display:grid;position:fixed;inset:0}.vocab-conjugation-dialog{border:1px solid var(--conversation-line);background:var(--conversation-paper);width:min(100%,680px);max-height:min(84dvh,820px);color:var(--text);box-shadow:0 24px 70px color-mix(in srgb,var(--text) 20%,transparent);border-radius:20px;padding:clamp(19px,4vw,32px);overflow:auto}.vocab-conjugation-dialog:focus{outline:none}.vocab-conjugation-header{border-bottom:1px solid var(--conversation-line);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:18px;display:flex}.vocab-conjugation-kicker{color:var(--vocab-accent);letter-spacing:.16em;font:700 9px/1.4 ui-monospace,monospace}.vocab-conjugation-header h2{font:500 clamp(28px,6vw,39px)/1.15 var(--font-display);overflow-wrap:anywhere;margin:7px 0 0}.vocab-conjugation-close{border:1px solid var(--conversation-line);background:var(--bg-root);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid}.vocab-tense-tabs{scrollbar-color:var(--conversation-line) transparent;gap:7px;margin:17px 0;padding:1px 1px 8px;display:flex;overflow-x:auto}.vocab-tense-tabs button{border:1px solid var(--conversation-line);background:var(--bg-root);min-height:36px;color:var(--text-secondary);font:650 11px var(--font-body);cursor:pointer;border-radius:999px;flex:none;padding:0 12px}.vocab-tense-tabs button[aria-pressed=true]{border-color:var(--vocab-accent);background:color-mix(in srgb,var(--vocab-accent) 10%,var(--conversation-paper));color:var(--vocab-accent)}.vocab-tense-heading{justify-content:space-between;align-items:baseline;gap:12px;margin:20px 0 10px;display:flex}.vocab-tense-heading h3{font:600 16px var(--font-display);margin:0}.vocab-tense-heading span{color:var(--text-secondary);font:12px var(--font-body)}.vocab-conjugation-rows{border:1px solid var(--conversation-line);border-radius:13px;overflow:hidden}.vocab-conjugation-row{background:var(--bg-root);grid-template-columns:minmax(86px,.7fr) minmax(0,1fr) auto;align-items:center;gap:12px;min-height:47px;padding:8px 13px;display:grid}.vocab-conjugation-row+.vocab-conjugation-row{border-top:1px solid var(--conversation-line)}.vocab-conjugation-pronoun{color:var(--text-secondary);font-size:12px}.vocab-conjugation-form{font:500 14px/1.45 var(--font-display);overflow-wrap:anywhere}.vocab-conjugation-form.is-defective{color:var(--text-secondary)}.vocab-conjugation-feminine{color:var(--text-secondary);font:12px var(--font-display);align-items:baseline;gap:6px;display:flex}.vocab-conjugation-feminine small{font:9px var(--font-body)}.vocab-conjugation-notes{border-left:2px solid var(--vocab-accent);background:color-mix(in srgb,var(--vocab-accent) 6%,var(--bg-root));border-radius:0 10px 10px 0;margin-top:16px;padding:13px 15px}.vocab-conjugation-notes h3{color:var(--vocab-accent);margin:0 0 6px;font-size:11px}.vocab-conjugation-notes ul{color:var(--text-secondary);gap:5px;margin:0;padding-left:18px;font-size:11px;line-height:1.55;display:grid}.vocab-conjugation-loading{gap:9px;padding-top:22px;display:grid}.vocab-conjugation-loading i{background:linear-gradient(100deg,var(--bg-tertiary),var(--bg-default),var(--bg-tertiary));background-size:200% 100%;border-radius:9px;height:42px;animation:1.3s ease-in-out infinite vocab-shimmer;display:block}.vocab-conjugation-error,.vocab-conjugation-empty{color:var(--text-secondary);justify-items:start;gap:8px;padding:22px 0 5px;font-size:12px;display:grid}.vocab-conjugation-error p{color:var(--text);margin:0;font-weight:700}.vocab-conjugation-error small{line-height:1.5}.vocab-conjugation-error button{border:1px solid var(--conversation-line);background:var(--bg-root);min-height:37px;color:var(--vocab-accent);cursor:pointer;border-radius:9px;margin-top:3px;padding:0 13px;font-weight:700}@keyframes vocab-modal-in{0%{opacity:0}to{opacity:1}}@media (width<=520px){.vocab-conjugation-backdrop{align-items:end;padding:9px}.vocab-conjugation-dialog{border-radius:18px 18px 12px 12px;max-height:88dvh}.vocab-conjugation-row{grid-template-columns:66px minmax(0,1fr);gap:8px}.vocab-conjugation-feminine{grid-column:2}.vocab-tense-heading{flex-direction:column;align-items:flex-start;gap:4px}}@media (prefers-reduced-motion:reduce){.vocab-conjugation-backdrop,.vocab-conjugation-loading i{animation:none}.vocab-conjugation-trigger{transition:none}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#a64f3c;--primary-light:#bf7059;--primary-dark:#843c31;--primary-soft:#f5e9e3;--primary-line:#d8a899;--accent:#657a6e;--success:#39765f;--warning:#a56d26;--error:#b54742;--text:#302821;--text-secondary:#75695e;--bg-root:#f5f0e8;--bg-default:#fffcf7;--bg-secondary:#efe7dc;--bg-tertiary:#e4d8ca;--border:#ddd0c2;--input-bg:#f8f2ea;--button-text:#fff;--font-body:"Avenir Next", Avenir, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;--font-display:Georgia, "Times New Roman", "Yu Mincho", serif;font-family:var(--font-body)}[data-theme=dark]{--primary:#e0a18d;--primary-light:#e9b8a6;--primary-dark:#c77f69;--primary-soft:#49322f;--primary-line:#815849;--accent:#a8b9a9;--success:#82b49a;--warning:#e3b66f;--error:#e18d83;--text:#f3e9df;--text-secondary:#bcaea1;--bg-root:#211b18;--bg-default:#2b2420;--bg-secondary:#3a302b;--bg-tertiary:#4a3d36;--border:#55463d;--input-bg:#302823;--button-text:#2d1d18}html,body,#root{background-color:var(--bg-root);height:100%;color:var(--text)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}button,input,textarea,select{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 62%, transparent)!important;outline-offset:3px!important}input:focus-visible,textarea:focus-visible,select:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent);border-color:var(--primary)!important}input,textarea{font-family:inherit}a{color:inherit;text-decoration:none}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.2)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.4s forwards fadeIn}.fade-in-down{animation:.4s forwards fadeInDown}:root{--conversation-accent:#a64f3c;--conversation-accent-soft:#f5e9e3;--conversation-button-ink:#fff;--conversation-paper:color-mix(in srgb, var(--bg-default) 94%, #f0d9cb);--conversation-ink:var(--text);--conversation-line:color-mix(in srgb, var(--border) 76%, #bd8e78)}[data-theme=dark]{--conversation-accent:#e0a18d;--conversation-accent-soft:#49322f;--conversation-button-ink:#241917;--conversation-paper:color-mix(in srgb, var(--bg-default) 93%, #6f4338);--conversation-line:color-mix(in srgb, var(--border) 78%, #a56a59)}.conversation-experience{width:100%}.conversation-experience button{transition:transform .18s,background-color .18s,border-color .18s,color .18s,box-shadow .18s}.conversation-experience button:focus-visible{outline:3px solid color-mix(in srgb, var(--conversation-accent) 58%, transparent);outline-offset:3px}.conversation-setup{animation:.38s both fadeInDown;max-width:760px!important;padding:clamp(22px,5vw,52px) clamp(12px,3vw,28px) 56px!important}.conversation-setup-hero{border-bottom:1px solid var(--conversation-line);padding:10px 4px 27px;position:relative;margin-bottom:24px!important}.conversation-setup-hero:after{content:"ÉLOQ  /  LANGUE VIVANTE";color:var(--text-secondary);letter-spacing:.18em;margin:17px 0 0 48px;font:600 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.conversation-setup-title{letter-spacing:-.045em;font-family:Georgia,Times New Roman,serif!important;font-size:clamp(30px,6vw,43px)!important;font-weight:500!important}.conversation-setup-card{box-shadow:0 12px 35px color-mix(in srgb, var(--text) 5%, transparent);border:1px solid var(--conversation-line)!important;background:var(--conversation-paper)!important;border-radius:18px!important;margin-bottom:16px!important;padding:clamp(17px,3vw,25px)!important}.conversation-setup-card h2{letter-spacing:-.02em;font-family:Georgia,Times New Roman,serif;font-size:19px!important;font-weight:500!important}.conversation-option{min-height:70px;background:color-mix(in srgb, var(--bg-root) 78%, var(--conversation-paper))!important;border-radius:12px!important}.conversation-option:hover{transform:translateY(-2px);border-color:var(--conversation-accent)!important}.conversation-option[aria-pressed=true]{border-color:var(--conversation-accent)!important;background:color-mix(in srgb, var(--conversation-accent) 10%, var(--bg-default))!important;color:var(--conversation-accent)!important}.conversation-duration-options{grid-template-columns:repeat(3,minmax(0,1fr))!important}.conversation-duration-option{letter-spacing:-.03em;min-height:78px;font-family:Georgia,Times New Roman,serif;border-radius:13px!important;font-size:21px!important}.conversation-duration-option[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--conversation-accent);background:color-mix(in srgb, var(--conversation-accent) 12%, var(--bg-default))!important;border-color:var(--conversation-accent)!important;color:var(--conversation-accent)!important}.conversation-start-button{min-height:58px;box-shadow:0 9px 20px color-mix(in srgb, var(--conversation-accent) 24%, transparent);margin-top:6px;background:var(--conversation-accent)!important;color:var(--conversation-button-ink)!important;border-radius:14px!important}.conversation-start-button:disabled{opacity:.65;box-shadow:none}.conversation-start-button:hover:not(:disabled){box-shadow:0 13px 26px color-mix(in srgb, var(--conversation-accent) 31%, transparent);transform:translateY(-2px)}.conversation-chat{padding:0 12px 8px;max-width:780px!important;height:calc(100dvh - 64px)!important}.conversation-chat-header{background:var(--conversation-paper);min-height:74px;box-shadow:0 8px 24px color-mix(in srgb, var(--text) 5%, transparent);border-radius:0 0 18px 18px;border:1px solid var(--conversation-line)!important;border-top:0!important;padding:12px clamp(10px,3vw,22px)!important}.conversation-chat-meta{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.conversation-chat-meta>span:first-child{color:var(--conversation-accent)!important;background:var(--conversation-accent-soft)!important;padding:6px 10px!important}.conversation-timer{justify-items:end;line-height:1.15;display:grid}.conversation-timer-value{font-variant-numeric:tabular-nums;letter-spacing:.035em!important;font:700 21px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace!important}.conversation-timer-caption{color:var(--text-secondary);letter-spacing:.08em;margin-top:4px;font-size:10px}.conversation-end-button{min-height:40px;border-color:var(--conversation-line)!important;border-radius:10px!important}.conversation-end-button:hover{border-color:var(--conversation-accent)!important;color:var(--conversation-accent)!important}@media (width<=520px){.conversation-setup-hero:after{margin-left:42px;font-size:9px}.conversation-duration-option{min-height:67px;font-size:18px!important}.conversation-chat{padding:0 5px 5px;height:calc(100dvh - 76px)!important}.conversation-chat-header{gap:8px;align-items:flex-start!important}.conversation-chat-header>div:last-child{gap:8px!important}.conversation-timer-value{font-size:17px!important}}@media (prefers-reduced-motion:reduce){.conversation-experience,.conversation-experience button{transition:none!important;animation:none!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.eloq-layout{width:100%;background:radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--primary) 5%, transparent), transparent 42%), var(--bg-root)!important;max-width:780px!important;min-height:100dvh!important}.eloq-header{background:color-mix(in srgb, var(--bg-root) 88%, transparent)!important;border-bottom-color:var(--border)!important;padding:14px clamp(16px,4vw,28px)!important}.eloq-header h1{font-family:var(--font-display);letter-spacing:-.025em!important;font-size:20px!important;font-weight:500!important}.eloq-mode-header h1{font-size:30px!important}.eloq-header button{min-width:40px;min-height:40px;transition:background-color .18s,color .18s,transform .18s;border-radius:50%!important}.eloq-header button:hover{background:var(--primary-soft)!important;color:var(--primary)!important}.eloq-main{width:100%;color:var(--text);padding:clamp(18px,4vw,30px) clamp(16px,4vw,28px) 36px!important}.eloq-main h2,.eloq-main h3{font-family:var(--font-display);letter-spacing:-.025em;font-weight:500!important}.eloq-main button:not(.eloq-button){transition:transform .17s,border-color .17s,background-color .17s,box-shadow .17s,color .17s}.eloq-main button:not(.eloq-button):hover{border-color:color-mix(in srgb, var(--primary) 48%, var(--border))}.eloq-main button:disabled{opacity:.62;cursor:not-allowed!important}.eloq-button{box-shadow:0 8px 18px color-mix(in srgb, var(--primary) 17%, transparent);border-radius:13px!important;min-height:52px!important;transition:transform .16s,box-shadow .16s,background-color .16s!important}.eloq-button-primary:hover:not(:disabled){box-shadow:0 12px 24px color-mix(in srgb, var(--primary) 25%, transparent);transform:translateY(-2px)}.eloq-button-secondary{box-shadow:none}.eloq-surface{box-shadow:0 10px 27px color-mix(in srgb, var(--text) 5%, transparent);border:1px solid var(--conversation-line)!important;background:var(--conversation-paper)!important;border-radius:17px!important}.eloq-choice-card{position:relative;overflow:hidden}.eloq-choice-card:hover{box-shadow:0 14px 30px color-mix(in srgb, var(--primary) 13%, transparent);transform:translateY(-2px)!important}.eloq-choice-card[aria-pressed=true]{background:var(--primary-soft)!important;border-color:var(--primary)!important}.eloq-menu-item{min-height:67px;transition:background-color .16s,transform .16s!important}.eloq-menu-item:hover{transform:translate(2px)}.eloq-settings-section{background:var(--conversation-paper);box-shadow:0 8px 22px color-mix(in srgb, var(--text) 4%, transparent);border-color:var(--conversation-line)!important}.eloq-settings-section>div{background:var(--conversation-paper)!important}.eloq-assessment-result .eloq-surface{border-color:var(--conversation-line)!important}.eloq-composition .eloq-choice-card{border-radius:14px!important}.eloq-login form .eloq-button{margin-top:8px}.eloq-main input,.eloq-main textarea,.eloq-login input{border-radius:12px}.eloq-level-select button.fade-in-down,.eloq-theme-select button.fade-in-down,.eloq-question-list button.fade-in-down{box-shadow:0 8px 22px color-mix(in srgb, var(--text) 5%, transparent);background:var(--conversation-paper)!important;border-color:var(--conversation-line)!important}.eloq-level-select button.fade-in-down:hover,.eloq-theme-select button.fade-in-down:hover,.eloq-question-list button.fade-in-down:hover{box-shadow:0 13px 26px color-mix(in srgb, var(--primary) 11%, transparent)}.eloq-mode-select>div:last-child>button{box-shadow:0 9px 25px color-mix(in srgb, var(--text) 6%, transparent);background:var(--conversation-paper)!important;border-color:var(--conversation-line)!important}.eloq-mode-select>div:last-child>button:hover{box-shadow:0 15px 30px color-mix(in srgb, var(--primary) 12%, transparent);transform:translateY(-2px)!important}.eloq-mascot-hero{border:1px solid var(--conversation-line);background:radial-gradient(circle at 78% 34%, color-mix(in srgb, var(--primary) 16%, transparent), transparent 42%), var(--conversation-paper);min-height:248px;box-shadow:0 14px 38px color-mix(in srgb, var(--text) 7%, transparent);border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(210px,.78fr);align-items:center;gap:18px;margin-bottom:28px;padding:clamp(20px,5vw,34px);animation:.42s both fadeInDown;display:grid;overflow:hidden}.eloq-mascot-copy{z-index:2;position:relative}.eloq-eyebrow{color:var(--primary);letter-spacing:.18em;margin-bottom:12px;font:700 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.eloq-mascot-copy h2{font-family:var(--font-display);margin-bottom:12px;line-height:1.2;font-size:clamp(27px,5vw,38px)!important}.eloq-mascot-copy>p:last-child{max-width:29em;color:var(--text-secondary);font-size:13px;line-height:1.8}.eloq-mascot-viewer{touch-action:pan-y;width:100%;min-width:0;height:220px;position:relative}.eloq-mascot-canvas,.eloq-mascot-canvas canvas{width:100%;height:100%;display:block}.eloq-mascot-canvas canvas{cursor:grab;touch-action:pan-y}.eloq-mascot-canvas canvas:active{cursor:grabbing}.eloq-mascot-status,.eloq-mascot-hint{width:max-content;max-width:95%;color:var(--text-secondary);background:color-mix(in srgb, var(--bg-default) 78%, transparent);letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:5px 9px;font-size:10px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.eloq-mascot-viewer[data-status=loading]:before{content:"";border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:.9s linear infinite spin;position:absolute;top:calc(50% - 24px);left:calc(50% - 24px)}.eloq-mode-select>div:nth-last-child(2) h2,.eloq-level-select h2,.eloq-theme-select h2{font-family:var(--font-display);font-size:clamp(20px,4vw,26px)!important}.eloq-question-list h2{font-family:var(--font-display);font-size:clamp(23px,5vw,30px)!important}.eloq-question-prep>div>div:nth-child(2),.eloq-recording>div>div:first-child,.eloq-assessment-result>div>div,.eloq-composition [style*="border-radius: 20px"],.eloq-composition [style*="border-radius: 18px"],.eloq-admin [style*="border-radius: 16px"]{border-color:var(--conversation-line)}.eloq-question-prep>div>div:nth-child(2),.eloq-recording>div>div:first-child{border:1px solid var(--conversation-line);box-shadow:0 12px 30px color-mix(in srgb, var(--text) 5%, transparent);background:var(--conversation-paper)!important}.eloq-assessment-result>div>div:not(:first-child),.eloq-assessment-result>div>button{box-shadow:0 8px 24px color-mix(in srgb, var(--text) 4%, transparent);border:1px solid var(--conversation-line)!important}.eloq-settings [style*="border-radius: 16px"]{box-shadow:0 8px 23px color-mix(in srgb, var(--text) 4%, transparent);border-radius:16px;border-color:var(--conversation-line)!important}.eloq-settings [style*="border-bottom: 1px solid rgba"]{border-bottom-color:var(--border)!important}.eloq-admin input,.eloq-admin textarea{background-color:var(--input-bg)!important}.eloq-admin [style*="border-radius: 10px"],.eloq-admin [style*="border-radius: 12px"]{border-color:var(--conversation-line)}.eloq-admin input,.eloq-admin textarea,.eloq-admin select{max-width:100%}.eloq-admin>div>div[style*="border-radius: 16px"]{box-shadow:0 9px 24px color-mix(in srgb, var(--text) 5%, transparent)}.eloq-composition h2,.eloq-composition h3{font-family:var(--font-display)}.eloq-composition>div[style*="position: fixed"]>div{border:1px solid var(--conversation-line);box-shadow:0 -18px 60px color-mix(in srgb, var(--text) 16%, transparent)}.eloq-assessment-result>div>div:first-child{box-shadow:0 16px 35px color-mix(in srgb, var(--primary) 22%, transparent);background:linear-gradient(145deg, var(--primary-dark), var(--primary))!important;color:var(--button-text)!important}.eloq-assessment-result>div>div:first-child>*,.eloq-assessment-result>div>div:first-child>div>div{color:var(--button-text)}.eloq-main .eloq-empty-state{background:var(--conversation-paper);border:1px dashed var(--conversation-line);border-radius:18px}.eloq-main .eloq-empty-state svg{color:var(--primary)}.eloq-admin [style*="border-radius: 8px"]{border-color:var(--conversation-line)}.eloq-settings [style*="border-radius: 16px"] button:hover{background:color-mix(in srgb, var(--primary) 6%, var(--bg-default))!important}.eloq-login{--login-panel:var(--conversation-paper);background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 55%), var(--bg-root)!important;width:min(100%,480px)!important;min-height:100dvh!important;padding:clamp(28px,7vh,70px) 24px!important}.eloq-login h1{font-family:var(--font-display);letter-spacing:-.04em;font-size:39px!important;font-weight:500!important}.eloq-login form{border:1px solid var(--conversation-line);background:var(--login-panel);box-shadow:0 20px 48px color-mix(in srgb, var(--text) 7%, transparent);border-radius:22px;padding:clamp(20px,5vw,30px)}:is(.eloq-login form>div:has(input[type=email]),.eloq-login form>div:has(input[type=password])){gap:8px!important}.eloq-login label{letter-spacing:.01em}.eloq-login input::placeholder,.eloq-main input::placeholder,.eloq-main textarea::placeholder{color:var(--text-secondary);opacity:.7}.eloq-recording .eloq-button,.eloq-question-prep .eloq-button,.eloq-assessment-result .eloq-button{min-height:52px}@media (width<=600px){.eloq-main{padding:18px 16px 28px!important}.eloq-theme-select>div[style*=grid-template-columns]{grid-template-columns:1fr 1fr!important}.eloq-mode-select>div:last-child>button{padding:16px!important}.eloq-mascot-hero{grid-template-columns:1fr;gap:0;min-height:330px;padding:22px 20px 12px}.eloq-mascot-copy{text-align:center}.eloq-mascot-copy>p:last-child{margin-inline:auto}.eloq-mascot-viewer{height:190px}.eloq-theme-select>div[style*="display: grid"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.eloq-admin input[type=datetime-local]{min-width:0}.eloq-admin [style*="align-items: center"]>input[type=datetime-local]{flex-basis:100%}.eloq-admin [style*="align-items: center"]>input[type=datetime-local]+button{flex:1}.eloq-login{padding-top:max(35px, env(safe-area-inset-top))!important;justify-content:flex-start!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.fade-in,.fade-in-down,.eloq-recording *,.eloq-composition *,.eloq-main .eloq-button{animation:none!important}.eloq-main button,.eloq-header button,.eloq-button{transition:none!important}.eloq-mascot-hero,.eloq-mascot-viewer[data-status=loading]:before{animation:none!important}}