:root{--color-bg: #d4edf8;--color-bg-elevated: #e5f7f4;--color-surface: #f2fbff;--color-surface-muted: #dff5f0;--color-surface-warm: #fff3e8;--color-surface-lilac: #f1ecff;--color-text: #17343d;--color-text-muted: #4d6772;--color-primary: #0e9aa7;--color-primary-hover: #0b7f8a;--color-primary-soft: #b8efe9;--color-accent-warm: #ff7a45;--color-accent-warm-soft: #ffe2d2;--color-accent-sun: #ffc24a;--color-accent-lilac: #8f72e8;--color-accent-coral-deep: #e85d32;--color-border: rgba(14, 154, 167, .16);--color-border-strong: rgba(14, 154, 167, .28);--shadow-sm: 0 2px 10px rgba(14, 100, 120, .1);--shadow-md: 0 10px 28px rgba(14, 100, 120, .14);--shadow-colored: 0 12px 32px rgba(14, 154, 167, .24);--shadow-warm: 0 10px 28px rgba(255, 122, 69, .22);--radius-sm: 14px;--radius-md: 22px;--radius-lg: 28px;--radius-xl: 36px;--radius-pill: 999px;--space-section: 2rem;--text: var(--color-text);--text-muted: var(--color-text-muted);--bg: var(--color-bg-elevated);--surface: var(--color-surface);--border: var(--color-border-strong);--accent: var(--color-primary);--accent-hover: var(--color-primary-hover);--info-bg: #d4f5f8;--info-border: rgba(14, 154, 167, .32);--error-bg: #ffe9e7;--error-border: #ffb4ad;--error-text: #c4332a;--font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-entry: "Outfit", "DM Sans", system-ui, sans-serif;font-family:var(--font-body);line-height:1.5;font-weight:400;color:var(--color-text);background:linear-gradient(155deg,#c9ecfa,#fdf0e6 42%,#ebe2ff);background-attachment:fixed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100svh}#root{min-height:100svh}.app{max-width:480px;margin:0 auto;padding:1.25rem 1.25rem 2.5rem;min-height:100svh;display:flex;flex-direction:column;gap:var(--space-section)}@media(min-width:640px){.app{max-width:560px;padding:1.75rem 1.5rem 3rem}}.app__hero{padding:1.25rem 1.1rem;background:linear-gradient(135deg,var(--color-primary) 0%,#0a8585 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff}.app__header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.app__hero h1{margin:0;font-family:var(--font-display);font-size:1.85rem;font-weight:700;letter-spacing:-.02em;color:#fff}.app__profile-button{flex-shrink:0;min-height:36px;padding:.4rem .75rem;font-size:.78rem;font-weight:600;color:var(--color-primary);background:#fffffff2;border:none;border-radius:var(--radius-pill);cursor:pointer;touch-action:manipulation;box-shadow:var(--shadow-sm)}.app__profile-button:hover{background:#fff}.app__tagline{margin:0;color:#ffffffe6;font-size:1rem;line-height:1.45}.app__trust{margin:0;padding:.65rem 1rem;font-size:.88rem;color:var(--color-text-muted);background:var(--color-surface-muted);border-radius:var(--radius-pill);text-align:center;line-height:1.45;border:1px solid var(--color-border)}.app__zone{display:flex;flex-direction:column;gap:1rem;padding:1.35rem;background:linear-gradient(145deg,var(--color-surface) 0%,var(--color-surface-muted) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:2px solid var(--color-border-strong)}.app__zone--source{background:linear-gradient(155deg,#eefcff,#e3faf4 55%,#fff5eb)}.app__zone--results{background:linear-gradient(160deg,#dff8f4,#fff6ec);border-color:#0e9aa759}.app__zone--history{padding:1rem 1.1rem;background:linear-gradient(145deg,var(--color-surface-lilac) 0%,#e8f4ff 100%);box-shadow:var(--shadow-sm);border:2px dashed rgba(143,114,232,.35)}.app__zone-title{margin:0;font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--color-text)}.app__zone--history .app__zone-title{font-size:1rem;color:var(--color-text-muted)}.app__scan{display:flex;flex-direction:column;align-items:stretch;gap:1rem;width:100%}.app__file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app__button{width:100%;max-width:320px;min-height:56px;padding:.875rem 1.5rem;font-size:1.125rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#0e9aa7,#18c4b8 52%,#3dd9cf);border:2px solid rgba(255,255,255,.45);border-radius:var(--radius-pill);cursor:pointer;touch-action:manipulation;box-shadow:var(--shadow-colored);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;align-self:center}@media(prefers-reduced-motion:no-preference){.app__button:not(:disabled):hover{filter:brightness(1.06);box-shadow:0 14px 36px #0e9aa752;transform:translateY(-1px)}}.app__button:not(:disabled):hover{background:linear-gradient(135deg,var(--color-primary-hover) 0%,#14b5ab 52%,#32cfc5 100%)}.app__button:disabled{opacity:.55;cursor:not-allowed}.app__button--secondary{color:var(--color-accent-coral-deep);background:linear-gradient(145deg,#fff8f1 0%,var(--color-accent-warm-soft) 100%);border:2px solid rgba(255,122,69,.38);box-shadow:var(--shadow-warm)}.app__button--secondary:not(:disabled):hover{background:linear-gradient(145deg,#fff3e8,#ffd8c4);filter:none;transform:translateY(-1px)}.app__preview{width:100%;display:flex;flex-direction:column;gap:1rem}.app__preview-image{width:100%;max-height:320px;object-fit:contain;border-radius:12px;border:1px solid var(--border);background:var(--surface)}.app__actions,.app__result-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.app__part-status{margin:0;padding:.75rem .875rem;font-size:.92rem;color:var(--text-muted);background:var(--info-bg);border:1px solid var(--info-border);border-radius:10px;line-height:1.5}.session-history{display:flex;flex-direction:column;gap:.75rem;padding:0;background:transparent;border:none;border-radius:0;box-shadow:none}.session-history__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.session-history__title{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-muted)}.session-history__clear{border:none;background:none;padding:0;font:inherit;font-size:.85rem;font-weight:600;color:var(--text-muted);cursor:pointer;text-decoration:underline}.session-history__intro,.session-history__empty{margin:0;font-size:.92rem;color:var(--text-muted);line-height:1.5}.session-history__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.session-history__item{display:flex;gap:.35rem;align-items:stretch}.session-history__open{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.75rem .875rem;font:inherit;text-align:left;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-sm)}.session-history__open--active{border-color:var(--color-primary);background:var(--color-primary-soft)}.session-history__label{font-size:.92rem;font-weight:600}.session-history__meta{font-size:.8rem;color:var(--text-muted)}.session-history__summary{font-size:.85rem;color:var(--text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.session-history__remove{flex-shrink:0;width:36px;min-height:36px;align-self:center;font-size:1.25rem;line-height:1;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:8px;cursor:pointer}.read-support{display:flex;flex-direction:column;gap:.75rem}.read-support h2,.language-help h2{margin:0;font-family:var(--font-display);font-size:1.15rem;font-weight:600}.read-support__intro,.read-support__part{margin:0;font-size:.92rem;color:var(--text-muted);line-height:1.5}.read-support__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1rem}.read-support__item{padding:0;background:linear-gradient(145deg,#f7fdff,#fff8f2);border:2px solid rgba(14,154,167,.2);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:0;overflow:hidden;box-shadow:var(--shadow-sm)}.read-support__no{margin:0;padding:1rem 1rem .85rem;font-size:.95rem;line-height:1.55;background:linear-gradient(135deg,#c8efe9,#b8e8f8)}.read-support__native{margin:0;padding:.85rem 1rem 1rem;font-size:.95rem;line-height:1.55;color:var(--color-text-muted);background:linear-gradient(135deg,#fff3e8,#ffe9dc);border-top:2px solid rgba(255,122,69,.15)}.read-support__flag{margin-right:.35rem}.read-support__lang{display:block;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.25rem;color:var(--text-muted)}.app__status{margin:0;text-align:center;color:var(--text-muted);font-size:.95rem}.resource-loading{display:flex;flex-direction:column;align-items:center;gap:.85rem;margin:.5rem 0 .25rem;padding:1.5rem 1.25rem;border-radius:var(--radius-lg);background:linear-gradient(155deg,#d9f7f3,#fff0e0 48%,#ebe2ff);border:2px solid rgba(14,154,167,.22);box-shadow:var(--shadow-colored)}.resource-loading__visual{position:relative;width:72px;height:72px;display:grid;place-items:center}.resource-loading__orb{position:relative;width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,var(--color-primary),#2a9d8f);box-shadow:0 8px 20px #0d6e6e47;animation:resource-loading-pulse 1.8s ease-in-out infinite}.resource-loading__orb:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid rgba(13,110,110,.22);animation:resource-loading-ring 1.8s ease-in-out infinite}.resource-loading__dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--color-accent-warm);opacity:.85}.resource-loading__dot--1{top:4px;left:calc(50% - 4px);animation:resource-loading-float 2.2s ease-in-out infinite}.resource-loading__dot--2{bottom:8px;left:8px;animation:resource-loading-float 2.2s ease-in-out .4s infinite}.resource-loading__dot--3{bottom:8px;right:8px;animation:resource-loading-float 2.2s ease-in-out .8s infinite}.resource-loading__message{margin:0;max-width:22rem;text-align:center;font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--color-text);animation:resource-loading-fade .45s ease}.resource-loading__hint{margin:0;font-size:.88rem;color:var(--text-muted)}@keyframes resource-loading-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes resource-loading-ring{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.12);opacity:.95}}@keyframes resource-loading-float{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(-6px);opacity:1}}@keyframes resource-loading-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.app__error{margin:0;padding:.875rem 1rem;background:var(--error-bg);border:1px solid var(--error-border);border-radius:12px;color:var(--error-text);font-size:.95rem}.app__result{background:transparent;border:none;border-radius:0;padding:0;display:flex;flex-direction:column;gap:1rem;box-shadow:none}.app__result h2{margin:.5rem 0 0;font-family:var(--font-display);font-size:1.15rem;font-weight:600}.app__result h2:first-child{margin-top:0}.app__summary{margin:0;color:var(--text)}.app__keywords{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.app__keywords li{padding:0;background:none;border:none}.keyword-chip{display:inline-flex;align-items:center;min-height:36px;padding:.3rem .85rem;font:inherit;font-size:.9rem;font-weight:600;color:var(--color-accent-coral-deep);background:linear-gradient(145deg,#fff3e8 0%,var(--color-accent-warm-soft) 100%);border:2px solid rgba(255,122,69,.32);border-radius:var(--radius-pill);cursor:pointer;box-shadow:0 4px 12px #ff7a4526;transition:background-color .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.keyword-chip:hover{background:linear-gradient(145deg,#ffe8d8,#ffd4bc);border-color:#ff7a4580;box-shadow:var(--shadow-warm);transform:translateY(-1px)}.keyword-chip:active{transform:scale(.98)}.keyword-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:flex;align-items:flex-end;justify-content:center}.keyword-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#2c241973}.keyword-modal__panel{position:relative;width:100%;max-width:420px;margin:0 1rem 1rem;padding:1.25rem;background:linear-gradient(160deg,#f2fbff,#fff5eb);border:2px solid rgba(14,154,167,.25);border-radius:var(--radius-lg);box-shadow:var(--shadow-colored)}@media(min-width:640px){.keyword-modal{align-items:center;padding:1.5rem}.keyword-modal__panel{margin:0;border-radius:20px}}.keyword-modal__title{margin:0 0 .75rem;font-family:var(--font-display);font-size:1.35rem;color:var(--color-primary)}.keyword-modal__loading{margin:0 0 1rem;color:var(--color-text-muted);font-size:.95rem}.keyword-modal__explanation{margin:0 0 1rem;line-height:1.55;color:var(--color-text)}.app__questions{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1rem}.learning-results__intro{margin:0 0 .5rem;font-size:.95rem;color:var(--text-muted)}.learning-results__mode-intro{margin:0;font-size:.92rem;color:var(--text-muted);line-height:1.5}.learning-results__subheading{margin:.75rem 0 0;font-size:1rem;font-weight:600}.learning-results__empty{margin:0;padding:1rem;font-size:.95rem;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:12px}.learning-results__panel{display:flex;flex-direction:column;gap:1rem;padding:1.1rem;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.view-mode-picker{display:flex;flex-direction:column;gap:.5rem;width:100%}.view-mode-picker__button{display:flex;align-items:stretch;gap:0;min-height:56px;padding:0;font:inherit;text-align:left;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;touch-action:manipulation;overflow:hidden;box-shadow:var(--shadow-sm);transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.view-mode-picker__stripe{flex-shrink:0;width:5px;background:var(--mode-accent, var(--color-primary))}.view-mode-picker__content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.1rem;padding:.65rem .85rem;min-width:0}.view-mode-picker__label-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.view-mode-picker__button--active{color:var(--color-text);background:var(--color-primary-soft);border-color:#0d6e6e40;box-shadow:var(--shadow-md)}.view-mode-picker__label{font-size:.95rem;font-weight:600}.view-mode-picker__check{flex-shrink:0;font-size:.9rem;font-weight:700;color:var(--color-primary)}.view-mode-picker__hint{font-size:.78rem;line-height:1.3;color:var(--color-text-muted)}.view-mode-picker__button--active .view-mode-picker__hint{color:var(--color-text-muted)}.question-card{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border:2px solid rgba(255,122,69,.22);border-radius:var(--radius-md);background:linear-gradient(145deg,#fff8f2,#fff2e8);box-shadow:var(--shadow-warm)}.question-card__badge{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:.9rem;font-weight:700;color:#fff;background:linear-gradient(145deg,var(--color-accent-warm) 0%,#ff9a5c 100%);border-radius:50%;box-shadow:0 4px 12px #ff7a4559}.question-card__header{display:flex;gap:.75rem;align-items:flex-start}.question-card__number{display:none}.question-card__question{margin:0;font-weight:500;line-height:1.45}.question-card__toggle{width:100%;min-height:44px;padding:.625rem 1rem;font-size:1rem;font-weight:600;color:var(--color-primary);background:linear-gradient(145deg,#eefcff,#dff5f8);border:2px solid rgba(14,154,167,.28);border-radius:var(--radius-pill);cursor:pointer;touch-action:manipulation;transition:background-color .15s ease,transform .15s ease}.question-card__toggle:hover{background:linear-gradient(145deg,#dff7f8,#c8efe9);transform:translateY(-1px)}.question-card__answer{margin:0;padding:.75rem .875rem;font-size:.95rem;color:var(--color-text-muted);background:var(--color-accent-warm-soft);border:1px solid rgba(193,127,58,.2);border-radius:var(--radius-sm)}.question-card__answer strong{color:var(--text)}.quiz-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1rem}.quiz-card{display:flex;flex-direction:column;gap:.85rem;padding:1rem;border:2px solid rgba(14,154,167,.22);border-radius:var(--radius-md);background:linear-gradient(145deg,#f4fdff,#edf9f6);box-shadow:var(--shadow-sm)}.quiz-card__badge{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:.9rem;font-weight:700;color:#fff;background:linear-gradient(145deg,var(--color-accent-warm) 0%,#ff9a5c 100%);border-radius:50%;box-shadow:0 4px 12px #ff7a454d}.quiz-card__badge--short{background:linear-gradient(145deg,var(--color-primary) 0%,#2ec9be 100%);box-shadow:0 4px 12px #0e9aa74d}.quiz-card__header{display:flex;gap:.75rem;align-items:flex-start}.quiz-card__question{margin:0;font-weight:500;line-height:1.45}.quiz-card__short-hint{margin:-.25rem 0 0;font-size:.9rem;color:var(--color-text-muted)}.quiz-card__options{display:flex;flex-direction:column;gap:.65rem}.quiz-option{width:100%;min-height:48px;padding:.75rem 1rem;text-align:left;font:inherit;font-size:.98rem;line-height:1.4;color:var(--color-text);background:linear-gradient(145deg,#f7fdff,#eef9f6);border:2px solid rgba(14,154,167,.2);border-radius:var(--radius-pill);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.quiz-option:hover:not(:disabled){border-color:#0e9aa773;background:linear-gradient(145deg,#dff7f8,#c8efe9);transform:translateY(-1px)}.quiz-option:disabled{cursor:default}.quiz-option--correct{background:#e8f6ee;border-color:#2f8f57;color:#1f5f3d;font-weight:600}.quiz-option--incorrect{background:#fdeeed;border-color:#c9564d;color:#8f2f28;font-weight:600}.quiz-option--muted{opacity:.72}.quiz-card__result{margin:0;padding:.75rem .9rem;border-radius:var(--radius-sm);font-size:.94rem;line-height:1.45}.quiz-card__result--correct{background:#e8f6ee;color:#1f5f3d}.quiz-card__result--incorrect{background:#faf0e4;color:#6b4a24}.quiz-card__input{width:100%;padding:.75rem .9rem;font:inherit;font-size:1rem;line-height:1.45;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);resize:vertical}.quiz-card__input:focus{outline:2px solid rgba(13,110,110,.35);outline-offset:1px}.quiz-card__answer-toggle{align-self:flex-start;border:none;background:none;padding:0;font:inherit;font-size:.95rem;font-weight:600;color:var(--color-primary);text-decoration:underline;cursor:pointer}.quiz-card__answer-key{margin:0;padding:.75rem .9rem;font-size:.94rem;line-height:1.45;color:var(--color-text-muted);background:var(--color-accent-warm-soft);border:1px solid rgba(193,127,58,.2);border-radius:var(--radius-sm)}.quiz-score{margin-top:.25rem;padding:1rem 1.1rem;text-align:center;border-radius:var(--radius-lg);background:linear-gradient(155deg,#d9f7f3,#fff0d9 55%,#ebe2ff);border:2px solid rgba(14,154,167,.25);box-shadow:var(--shadow-colored)}.quiz-score__title{margin:0 0 .25rem;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.quiz-score__value{margin:0;font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-primary)}.quiz-score__hint{margin:.35rem 0 0;font-size:.92rem;color:var(--color-text-muted)}.source-limit-banner{width:100%;padding:1rem 1.1rem;background:var(--info-bg);border:1px solid var(--info-border);border-radius:12px}.source-limit-banner p{margin:0;font-size:.92rem;color:var(--text-muted);line-height:1.55}.source-gallery{width:100%;display:flex;flex-direction:column;gap:.75rem}.source-gallery__count{margin:0;font-size:.9rem;font-weight:600;color:var(--text-muted)}.source-gallery__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.75rem}.source-gallery__item{display:flex;gap:.75rem;padding:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:12px}.source-gallery__thumb{width:72px;height:72px;object-fit:cover;border-radius:8px;border:1px solid var(--border);flex-shrink:0}.source-gallery__meta{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:.5rem;min-width:0}.source-gallery__label{font-size:.9rem;font-weight:600}.source-gallery__controls{display:flex;flex-wrap:wrap;gap:.5rem}.source-gallery__control{min-height:36px;padding:.35rem .65rem;font-size:.85rem;font-weight:600;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;touch-action:manipulation}.source-gallery__control:disabled{opacity:.45;cursor:not-allowed}.source-gallery__control--danger{color:var(--error-text);background:var(--error-bg);border-color:var(--error-border)}.app__add-more{width:100%;display:flex;flex-direction:column;gap:.75rem}.source-picker{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.source-picker::-webkit-scrollbar{display:none}.source-picker__track{display:flex;gap:.35rem;padding:.35rem;background:linear-gradient(145deg,#eefcff,#fff3e8);border-radius:var(--radius-pill);border:2px solid rgba(14,154,167,.2);min-width:min-content;box-shadow:var(--shadow-sm)}.source-picker__button{flex:0 0 auto;display:flex;align-items:center;gap:.35rem;min-height:44px;padding:.5rem .85rem;font-size:.88rem;font-weight:600;color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-pill);cursor:pointer;touch-action:manipulation;scroll-snap-align:start;white-space:nowrap;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.source-picker__icon{font-size:1rem;line-height:1}.source-picker__button--active{color:#fff;background:linear-gradient(135deg,var(--color-primary) 0%,#2ec9be 100%);box-shadow:0 4px 14px #0e9aa759}.source-picker__button:disabled{opacity:.55;cursor:not-allowed}.text-source{width:100%;display:flex;flex-direction:column;gap:.5rem}.text-source__label{font-size:.95rem;font-weight:600}.text-source__input,.url-source__input,.doc-source__range input,.url-source__section-select,.profile-modal__field select{border:1px solid var(--color-border);transition:border-color .15s ease,box-shadow .15s ease}.text-source__input:focus,.url-source__input:focus,.doc-source__range input:focus,.url-source__section-select:focus,.profile-modal__field select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0d6e6e26}.text-source__input{width:100%;padding:.875rem 1rem;font:inherit;color:var(--color-text);background:var(--color-surface-muted);border-radius:var(--radius-md);resize:vertical;min-height:160px}.field-with-clear{position:relative;width:100%}.field-with-clear--has-clear .field-with-clear__input,.field-with-clear--input.field-with-clear--has-clear .field-with-clear__input{padding-right:2.75rem}.clear-field-btn{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;font-size:1.35rem;line-height:1;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:8px;cursor:pointer}.field-with-clear--input .clear-field-btn{top:50%;transform:translateY(-50%)}.clear-field-btn:hover:not(:disabled){color:var(--text);border-color:var(--text-muted)}.clear-field-btn:disabled{opacity:.5;cursor:not-allowed}.doc-source__meta-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.doc-source__meta-header .clear-field-btn{position:static;transform:none;flex-shrink:0}.text-source__hint,.doc-source__hint{margin:0;font-size:.9rem;color:var(--text-muted)}.doc-source{width:100%;display:flex;flex-direction:column;gap:.75rem}.doc-source__intro{margin:0;font-size:.92rem;color:var(--text-muted);line-height:1.55}.doc-source__meta{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.doc-source__meta p{margin:0}.doc-source__range{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.doc-source__range label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:600}.doc-source__range input{min-height:44px;padding:.5rem .75rem;font:inherit;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.url-source{width:100%;display:flex;flex-direction:column;gap:.5rem}.url-source__label{font-size:.95rem;font-weight:600}.url-source__input{width:100%;min-height:48px;padding:.75rem 1rem;font:inherit;color:var(--color-text);background:var(--color-surface-muted);border-radius:var(--radius-md)}.url-source__section-label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:600}.url-source__section-select{min-height:48px;padding:.5rem .75rem;font:inherit;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.url-source__preview,.url-source__hint{margin:0;font-size:.9rem;color:var(--text-muted);line-height:1.5}.session-recommendation{display:flex;gap:.6rem;align-items:flex-start;margin:0 0 .25rem;padding:.85rem 1rem;font-size:.92rem;color:var(--color-text);background:linear-gradient(135deg,#fff0d9 0%,var(--color-accent-warm-soft) 100%);border:2px solid rgba(255,122,69,.28);border-radius:var(--radius-md);line-height:1.5;box-shadow:var(--shadow-warm)}.session-recommendation__icon{flex-shrink:0;font-size:1.1rem;line-height:1.4}.language-help{display:flex;flex-direction:column;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--border)}.language-help--standalone{padding-top:0;border-top:none}.language-help h2{margin:0;font-family:var(--font-display);font-size:1.15rem;font-weight:600}.language-help__intro{margin:0;font-size:.92rem;color:var(--text-muted)}.language-help__bilingual-grid{display:grid;gap:.75rem}.language-help__lang-label{margin:0 0 .35rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.language-help__phrases{display:flex;flex-direction:column;gap:.75rem}.language-help__grammar ul{margin:0;padding-left:1.1rem}.language-help__grammar-native{margin:.35rem 0 0;font-size:.92rem;color:var(--text-muted);line-height:1.5}.language-help__more-hint{margin:0;font-size:.9rem;color:var(--text-muted);font-style:italic}.phrase-card{padding:1rem 1rem 1rem 1.1rem;background:linear-gradient(145deg,#faf5ff,#f2fbff);border:2px solid rgba(143,114,232,.22);border-left:5px solid var(--color-accent-lilac);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.5rem;box-shadow:var(--shadow-sm)}.phrase-card__original{margin:0;font-family:var(--font-display);font-size:1.05rem;font-weight:600;font-style:italic;color:var(--color-text)}.phrase-card p{margin:0;font-size:.92rem;line-height:1.5}.phrase-card__field{display:flex;flex-direction:column;gap:.25rem}.phrase-card__native-line{color:var(--text-muted)}.profile-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-end;justify-content:center}.profile-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#2c241973}.profile-modal__panel{position:relative;width:100%;max-width:480px;max-height:90svh;overflow-y:auto;padding:1.5rem 1.25rem 2rem;background:linear-gradient(160deg,#f2fbff,#fff5eb);border:2px solid rgba(14,154,167,.2);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-colored)}@media(min-width:640px){.profile-modal{align-items:center;padding:1.5rem}.profile-modal__panel{max-height:calc(100svh - 3rem);border-radius:20px;box-shadow:0 12px 40px #1a2b3c33}}.profile-modal__panel h2{margin:0 0 .5rem;font-family:var(--font-display);font-size:1.35rem}.profile-modal__intro{margin:0 0 1rem;font-size:.92rem;color:var(--text-muted)}.profile-modal__form{display:flex;flex-direction:column;gap:1rem}.profile-modal__field{display:flex;flex-direction:column;gap:.35rem;font-size:.95rem;font-weight:600}.profile-modal__field select{min-height:48px;padding:.5rem .75rem;font:inherit;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.profile-modal__levels{margin:0;padding:0;border:none;display:flex;flex-direction:column;gap:.5rem}.profile-modal__levels legend{font-size:.95rem;font-weight:600;margin-bottom:.35rem}.profile-modal__level{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem;border:1px solid var(--border);border-radius:10px;cursor:pointer}.profile-modal__level input{margin-top:.2rem}.profile-modal__level span{display:flex;flex-direction:column;gap:.15rem}.profile-modal__level small{font-size:.85rem;color:var(--text-muted);font-weight:400}.profile-modal__notice{margin:0;font-size:.85rem;color:var(--text-muted);line-height:1.5}.profile-modal__actions{display:flex;flex-direction:column;gap:.75rem}.app__top-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.15rem .1rem 0}.app__top-bar-left{display:flex;align-items:center;gap:.5rem}.app__help-button{flex-shrink:0;width:2.75rem;height:2.75rem;border:2px solid rgba(255,255,255,.55);border-radius:50%;background:linear-gradient(145deg,var(--color-accent-lilac) 0%,#b49cf5 100%);color:#fff;font-size:1.15rem;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #8f72e859}.app__warning-button{background:linear-gradient(145deg,var(--color-accent-warm) 0%,#ff9a5c 100%);box-shadow:0 6px 18px #e85d3259}.app__profile-button--top{color:#fff;background:linear-gradient(145deg,var(--color-primary) 0%,#2ec9be 100%);border:2px solid rgba(255,255,255,.45);box-shadow:var(--shadow-colored)}.app__entry{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem 0 .5rem;min-height:min(58svh,28rem)}.app-help-modal__body{display:flex;flex-direction:column;gap:.85rem}.camera-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem}.camera-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#2c24198c}.camera-modal__panel{position:relative;width:100%;max-width:560px;padding:1.25rem;background:linear-gradient(160deg,#f2fbff,#edf9f6);border:2px solid rgba(14,154,167,.25);border-radius:var(--radius-lg);box-shadow:var(--shadow-colored)}.camera-modal__title{margin:0 0 1rem;font-family:var(--font-display);font-size:1.25rem;text-align:center}.camera-modal__preview-wrap{aspect-ratio:4 / 3;overflow:hidden;border-radius:12px;background:#1a1a1a}.camera-modal__video{display:block;width:100%;height:100%;object-fit:cover}.camera-modal__error{margin:0 0 1rem;padding:1rem;text-align:center;color:var(--error, #b42318);background:#b4231814;border-radius:12px}.camera-modal__actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}@media(min-width:480px){.camera-modal__actions{flex-direction:row;justify-content:center}}.app-help-modal__body p{margin:0;line-height:1.55;color:var(--color-text-muted)}.ai-usage-modal__body{display:flex;flex-direction:column;gap:.95rem}.ai-usage-modal__body p{margin:0;line-height:1.55;color:var(--color-text-muted)}.ai-usage-modal__section{padding:.85rem .9rem;border-radius:var(--radius-md);background:linear-gradient(145deg,#f7fdff,#fff7ef);border:2px solid rgba(14,154,167,.2)}.ai-usage-modal__section h3{margin:0 0 .5rem;font-size:1rem;color:var(--color-primary)}.ai-usage-modal__label{margin:.45rem 0 .25rem;font-weight:700;color:var(--color-text)}.ai-usage-modal__section ul{margin:0;padding-left:1.2rem;display:grid;gap:.25rem}.ai-usage-modal__section li{color:var(--color-text-muted)}.ai-usage-modal__notice{margin:0;padding:.75rem .85rem;border-radius:var(--radius-sm);background:linear-gradient(145deg,#fff3e8,#ffdccc);border:2px solid rgba(232,93,50,.25);color:var(--color-accent-coral-deep);font-weight:600}.app__zone--entry{gap:1.5rem;align-items:center;text-align:center;padding:1.5rem 1.25rem 1.75rem}.app__entry-copy{display:flex;flex-direction:column;gap:.75rem;align-items:center}.app__entry-title{margin:0;font-family:var(--font-display);font-size:1.55rem;font-weight:600}.app__entry-intro{margin:0;max-width:28rem;font-size:1rem;color:var(--color-text-muted)}.app__entry-actions{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.app__entry-button{width:min(100%,23rem);aspect-ratio:1 / 1;min-height:13.5rem;padding:1.75rem;border:none;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;text-align:center;cursor:pointer;box-shadow:var(--shadow-md);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.app__entry-button--primary{position:relative;overflow:hidden;color:#fff;background-color:#b8b4e8;background-image:url(/snap-button-bg.png);background-size:cover;background-position:center;border:2px solid rgba(255,255,255,.45);justify-content:flex-start;padding-top:1.35rem}.app__entry-button--primary:before,.app__entry-button--secondary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#2c241961,#2c24191f 28%,#fff0 52%);pointer-events:none}.app__entry-button--secondary{position:relative;overflow:hidden;width:min(78%,15.5rem);min-height:10rem;color:#fff;background-color:#b8e8df;background-image:url(/load-button-bg.png);background-size:cover;background-position:center;border:2px solid rgba(255,255,255,.45);justify-content:flex-start;padding-top:1.1rem}.app__entry-button-title--entry{position:relative;z-index:1;font-family:var(--font-entry);font-weight:700;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(44,36,25,.35)}.app__entry-button-title--snap{font-size:1.8rem;line-height:1.15}.app__entry-button--secondary .app__entry-button-title--entry{font-size:1.62rem;line-height:1.15}.app__entry-button-title{font-family:var(--font-entry);font-size:1.65rem;font-weight:700;line-height:1.2}.app__entry-button--secondary .app__entry-button-title{font-size:1.35rem}.app__entry-button:not(:disabled):hover{transform:translateY(-3px) scale(1.01);box-shadow:0 16px 36px #0e9aa747}.app__zone--snap{padding-top:.75rem}.app__zone--snap .app__source-header{justify-content:flex-end}.task-help-panel__hint-intro{margin:0 0 .75rem;color:var(--color-text-muted);font-size:.92rem}.app__source-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.app__source-intro{margin:.35rem 0 0;font-size:.95rem;color:var(--color-text-muted)}.app__zone--focused{scroll-margin-top:1rem}.app__source-focus{display:flex;flex-direction:column;gap:1rem}.app__source-summary{display:flex;flex-direction:column;gap:.2rem;padding:.85rem 1rem;border-radius:var(--radius-md);background:linear-gradient(145deg,#e8faf8,#fff3e8);border:2px solid rgba(14,154,167,.22);box-shadow:var(--shadow-sm)}.app__source-summary__label{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.app__source-summary__value{margin:0;font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-text)}.app__source-summary__intent{margin:.15rem 0 0;font-size:.9rem;color:var(--color-text-muted)}.app__focused-output{display:flex;flex-direction:column;gap:1rem;padding:.25rem 0 0}.app__zone--focused .resource-loading{margin:0}.app__text-button{border:none;background:none;padding:.15rem 0;font:inherit;font-size:.95rem;font-weight:600;color:var(--color-primary);text-decoration:underline;cursor:pointer}.app__text-button:disabled{opacity:.55;cursor:not-allowed}.help-intent-picker{display:flex;flex-direction:column;gap:.9rem}.help-intent-picker__header{display:flex;flex-direction:column;gap:.35rem}.help-intent-picker__intro{margin:0;font-size:.92rem;color:var(--color-text-muted)}.help-intent-picker__options{display:grid;gap:.85rem}.help-intent-picker__option{width:100%;display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.05rem;border-radius:var(--radius-md);border:2px solid var(--color-border-strong);background:linear-gradient(145deg,#f7fdff,#edf9f6);text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.help-intent-picker__option--active{border-color:#0e9aa773;background:linear-gradient(145deg,#d9f7f3,#c8efe9);box-shadow:var(--shadow-colored)}.help-intent-picker__option:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:#0e9aa759}.help-intent-picker__option:disabled{opacity:.6;cursor:not-allowed}.help-intent-picker__title{font-size:1rem;font-weight:700;color:var(--color-text)}.help-intent-picker__description{font-size:.93rem;line-height:1.5;color:var(--color-text-muted)}.learning-results__accordion{display:flex;flex-direction:column;gap:.85rem}.learning-results__accordion-item{border:2px solid rgba(14,154,167,.2);border-radius:var(--radius-md);background:linear-gradient(145deg,#f5fdff,#edf9f5);overflow:hidden}.learning-results__accordion-item--open{box-shadow:var(--shadow-colored);border-color:#0e9aa761;background:linear-gradient(145deg,#e8faf8,#fff6ee)}.learning-results__accordion-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1rem .95rem;border:none;background:transparent;text-align:left;cursor:pointer}.learning-results__accordion-copy{display:flex;flex-direction:column;gap:.2rem}.learning-results__accordion-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--color-primary)}.learning-results__accordion-hint{font-size:.9rem;color:var(--color-text-muted)}.learning-results__accordion-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:linear-gradient(145deg,var(--color-primary) 0%,#2ec9be 100%);color:#fff;font-size:1.2rem;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #0e9aa74d}.learning-results__panel{padding:0 1rem 1rem}.task-help-panel{display:flex;flex-direction:column;gap:1rem}.task-help-panel__badge{align-self:flex-start;padding:.3rem .6rem;border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-primary);font-size:.8rem;font-weight:700}.task-help-panel h2,.task-help-panel h3{margin:0;font-family:var(--font-display)}.task-help-panel__card p{margin:0;line-height:1.55}.task-help-panel__intro,.task-help-panel__hint{margin:0;color:var(--color-text-muted)}.task-help-panel__card{display:flex;flex-direction:column;gap:.65rem;padding:1rem;border-radius:var(--radius-md);background:#ffffffbf;border:1px solid rgba(13,110,110,.14)}.task-help-panel__steps{margin:0;padding-left:1.15rem;display:grid;gap:.55rem}@media(min-width:640px){.app__entry-actions{gap:1.25rem}.help-intent-picker__options{grid-template-columns:1fr 1fr}}@media(max-width:420px){.app{padding-inline:1rem}.app__entry{min-height:min(52svh,24rem)}.app__entry-button{width:min(100%,19.5rem);min-height:11.5rem}.app__entry-button--secondary{width:min(76%,12.5rem);min-height:8.75rem}.app__entry-button-title--snap{font-size:1.62rem}.app__entry-button--secondary .app__entry-button-title--entry{font-size:1.44rem}.app__entry-button-title{font-size:1.45rem}.app__entry-button--secondary .app__entry-button-title{font-size:1.2rem}.app__source-header{flex-direction:column}}.share-availability{display:flex;flex-direction:column;gap:.55rem;padding:.95rem 1rem;border-radius:var(--radius-md);border:2px solid rgba(14,154,167,.22);background:linear-gradient(145deg,#eefcff,#fff5eb);box-shadow:var(--shadow-sm)}.share-availability__days{margin:0;font-weight:700;color:var(--color-text)}.share-availability__date{margin:0;font-size:.92rem;color:var(--color-text-muted)}.share-availability__track{height:.65rem;border-radius:var(--radius-pill);background:#0e9aa71f;overflow:hidden}.share-availability__fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0e9aa7,#2ec9be);transition:width .4s ease}.share-availability--mid .share-availability__fill{background:linear-gradient(90deg,#e8a317,#ffc24a)}.share-availability--low .share-availability__fill{background:linear-gradient(90deg,#e85d32,#ff7a45)}.share-availability--expired{border-color:#4d677240;background:linear-gradient(145deg,#f2f4f5,#e8ecef)}.share-availability--expired .share-availability__fill{background:#9aa8b0;width:0!important}.share-availability__percent{margin:0;font-size:.85rem;font-weight:600;color:var(--color-text-muted);text-align:right}.share-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:flex-end;justify-content:center;padding:0;background:#17343d73}.share-modal__panel{width:100%;max-width:520px;max-height:92svh;overflow-y:auto;padding:1.25rem 1.15rem 1.5rem;background:linear-gradient(160deg,#f2fbff,#fff5eb);border:2px solid rgba(14,154,167,.25);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-colored)}@media(min-width:640px){.share-modal{align-items:center;padding:1rem}.share-modal__panel{border-radius:var(--radius-lg)}}.share-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.share-modal__title{margin:0;font-family:var(--font-display);font-size:1.35rem;color:var(--color-primary)}.share-modal__close{flex-shrink:0;width:2.25rem;height:2.25rem;border:none;border-radius:50%;background:#0e9aa71f;color:var(--color-text);font-size:1.4rem;line-height:1;cursor:pointer}.share-modal__intro{margin:0 0 1rem;color:var(--color-text-muted);line-height:1.5}.share-modal__sections{margin:0 0 1rem;padding:0;border:none;display:flex;flex-direction:column;gap:.55rem}.share-modal__sections-label{margin-bottom:.35rem;font-weight:700;color:var(--color-text)}.share-modal__section-option{display:flex;gap:.65rem;align-items:flex-start;padding:.75rem .85rem;border-radius:var(--radius-md);border:2px solid rgba(14,154,167,.18);background:#ffffffb8;cursor:pointer}.share-modal__section-option input{margin-top:.2rem;flex-shrink:0}.share-modal__section-option span{display:flex;flex-direction:column;gap:.15rem}.share-modal__section-hint{font-size:.88rem;color:var(--color-text-muted)}.share-modal__resource-title{margin:0;font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--color-primary);line-height:1.35}.share-modal__result{display:flex;flex-direction:column;gap:.85rem;margin-bottom:.5rem}.share-modal__link-label{font-size:.9rem;font-weight:600;color:var(--color-text)}.share-modal__link-row{display:flex;flex-direction:column;gap:.55rem}@media(min-width:480px){.share-modal__link-row{flex-direction:row;align-items:stretch}}.share-modal__link-input{flex:1;min-width:0;padding:.65rem .8rem;border-radius:var(--radius-sm);border:2px solid rgba(14,154,167,.22);background:#fff;font:inherit;color:var(--color-text)}.share-modal__copy{flex-shrink:0}.share-modal__qr-wrap{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:.75rem;border-radius:var(--radius-md);background:#fffc;border:2px dashed rgba(14,154,167,.22)}.share-modal__qr{display:block;width:220px;height:220px;border-radius:var(--radius-sm)}.share-modal__qr-hint{margin:0;font-size:.9rem;color:var(--color-text-muted)}.share-modal__actions{display:flex;justify-content:center;margin-top:.75rem}.shared-resource-page{max-width:720px;margin-inline:auto}.shared-resource-page__header{margin-bottom:1rem;text-align:center}.shared-resource-page__eyebrow{margin:0 0 .25rem;font-size:.9rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary)}.shared-resource-page__title{margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);color:var(--color-text)}.shared-resource-page__content,.shared-resource-page__state{display:flex;flex-direction:column;gap:1rem}.shared-resource-page__message{margin:0;text-align:center;color:var(--color-text-muted);line-height:1.55}