@import"https://fonts.googleapis.com/css2?family=Sora:wght@300;400;600;700&display=swap";:root{color-scheme:light;--bg: #f6f1e8;--bgElev: #fbf7f0;--surface: #ffffff;--surface2: #fffcf7;--text: #0f172a;--muted: #64748b;--border: rgba(15, 23, 42, .1);--primary: #0f766e;--primaryHover: #0d6b63;--primaryPressed: #0b5f58;--primaryTint: rgba(15, 118, 110, .1);--indigo: #4f46e5;--indigoTint: rgba(79, 70, 229, .1);--amber: #f59e0b;--amberTint: rgba(245, 158, 11, .12);--success: #16a34a;--successTint: rgba(22, 163, 74, .1);--danger: #dc2626;--dangerTint: rgba(220, 38, 38, .1);--font: "Sora", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--rCard: 24px;--rBtn: 18px;--rPill: 999px;--shadowCard: 0 18px 50px rgba(2, 6, 23, .1);--shadowCardHover: 0 22px 70px rgba(2, 6, 23, .12);--focusRing: 0 0 0 4px rgba(79, 70, 229, .18);--s1: 8px;--s2: 16px;--s3: 24px;--s4: 32px;--s5: 40px;--s6: 48px}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font);color:var(--text);line-height:1.5;background:radial-gradient(circle at 12% 8%,#4f46e51a,#4f46e500 42%),radial-gradient(circle at 85% 38%,#f59e0b14,#f59e0b00 45%),radial-gradient(circle at 88% 90%,#0f766e1f,#0f766e00 50%),var(--bg)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}#root{min-height:100vh}.ds-h1{font-size:clamp(2.4rem,4.6vw,3.8rem);font-weight:600;letter-spacing:-.01em;color:var(--text)}.ds-h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:600;letter-spacing:-.01em;color:var(--text)}.ds-body{font-size:1rem;line-height:1.6;color:var(--text)}.ds-caption{font-size:.88rem;color:var(--muted)}.ds-label{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600}.app-shell{min-height:100vh;padding:var(--s6) var(--s4) var(--s6);display:flex;justify-content:center}.app-shell-center{align-items:center}.app-shell-inner{width:100%;max-width:960px;display:flex;flex-direction:column;gap:var(--s4)}.app-shell-inner.app-shell-narrow{max-width:520px}.app-shell-inner.app-shell-full{max-width:100%}.app-shell-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s3)}.app-shell-title{display:flex;flex-direction:column;gap:var(--s1)}.app-shell-action{display:flex;align-items:center;gap:var(--s2)}.app-shell-content{width:100%;display:flex;flex-direction:column;gap:var(--s3)}.muted{color:var(--muted)}.stack{display:flex;flex-direction:column;gap:var(--s2)}.grid{display:grid;gap:var(--s3)}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--rCard);padding:var(--s4);box-shadow:var(--shadowCard);transition:box-shadow .2s ease,transform .2s ease;font:inherit;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.card-muted{background:var(--surface2)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);padding-bottom:var(--s2);border-bottom:1px solid var(--border);margin-bottom:var(--s2)}.card-body{display:flex;flex-direction:column;gap:var(--s2)}.card-footer{padding-top:var(--s2);margin-top:var(--s2);border-top:1px solid var(--border)}.card-accent-word:before,.card-accent-quiz:before,.card-accent-sentence:before{content:"";position:absolute;left:var(--s3);right:var(--s3);top:0;height:4px;border-radius:999px}.card-accent-word:before{background:linear-gradient(90deg,var(--primary),rgba(15,118,110,0))}.card-accent-quiz:before{background:linear-gradient(90deg,var(--indigo),rgba(79,70,229,0))}.card-accent-sentence:before{background:linear-gradient(90deg,var(--amber),rgba(245,158,11,0))}.card-hover{cursor:pointer}.card:focus-visible{outline:none;box-shadow:var(--focusRing)}@media (hover: hover) and (pointer: fine){.card-hover:hover{transform:translateY(-3px);box-shadow:var(--shadowCardHover)}}.button{border:1px solid transparent;border-radius:var(--rBtn);padding:.75rem 1.4rem;font-family:inherit;font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .14s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--surface2);color:var(--text)}.button-lg{padding:.95rem 1.6rem;font-size:1rem}.button-md{padding:.75rem 1.4rem}.button-primary{background:linear-gradient(180deg,var(--primary) 0%,var(--primaryPressed) 100%);color:#fff;box-shadow:0 12px 30px #0f766e40}.button-primary:hover:not(:disabled){background:linear-gradient(180deg,var(--primaryHover) 0%,var(--primaryPressed) 100%)}.button-secondary{background:var(--primaryTint);color:var(--primary);border-color:#0f766e33}.button-ghost{background:transparent;color:var(--muted);border-color:transparent}@media (hover: hover) and (pointer: fine){.button-ghost:hover:not(:disabled){background:var(--bgElev);color:var(--text)}}.button:active:not(:disabled){transform:scale(.99)}.button:disabled{cursor:not-allowed;opacity:.6}.button-block{width:100%}.button:focus-visible{outline:none;box-shadow:var(--focusRing)}.button-loading{opacity:.85}.button-label{display:inline-flex;align-items:center}.button-spinner{width:14px;height:14px;border-radius:999px;border:2px solid rgba(255,255,255,.6);border-top-color:#fff;animation:spin .7s linear infinite}.button-secondary .button-spinner,.button-ghost .button-spinner{border-color:#0f172a4d;border-top-color:#0f172ab3}@keyframes spin{to{transform:rotate(360deg)}}.ds-input{width:100%;padding:.85rem 1rem;border-radius:var(--rBtn);border:1px solid var(--border);background:var(--surface2);font-family:inherit;font-size:1rem;color:var(--text)}.ds-input:focus-visible{outline:none;border-color:#4f46e566;box-shadow:var(--focusRing)}.ds-input::placeholder{color:#64748bcc}textarea.ds-input{resize:vertical;min-height:140px}.pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem;border-radius:var(--rPill);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;border:1px solid transparent}.pill-word{background:var(--primaryTint);color:var(--primary);border-color:#0f766e4d}.pill-quiz{background:var(--indigoTint);color:var(--indigo);border-color:#4f46e54d}.pill-sentence{background:var(--amberTint);color:var(--amber);border-color:#f59e0b59}.progress-pill{display:inline-flex;align-items:center;gap:var(--s1);padding:.35rem .75rem;border-radius:var(--rPill);background:var(--bgElev);border:1px solid var(--border);font-size:.78rem;color:var(--muted);flex-wrap:wrap}.progress-pill-dot{width:6px;height:6px;border-radius:999px;background:var(--primary)}.progress-pill span{white-space:nowrap}.toast{position:fixed;bottom:var(--s3);right:var(--s3);background:var(--surface);border:1px solid var(--border);border-radius:var(--rBtn);padding:.85rem 1rem;box-shadow:var(--shadowCard);display:flex;align-items:center;gap:.6rem;z-index:20;max-width:min(420px,90vw);font-size:.92rem}.toast-icon{width:32px;height:32px;border-radius:10px;background:var(--bgElev);display:inline-flex;align-items:center;justify-content:center;color:var(--indigo)}.toast-error{border-color:#dc26264d}.toast-error .toast-icon{color:var(--danger);background:var(--dangerTint)}.message-center{display:flex;flex-direction:column;gap:var(--s2);width:100%}.message-banner{padding:var(--s3)}.message-banner-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);margin-bottom:var(--s1)}.message-banner-body{display:flex;flex-direction:column;gap:var(--s1)}.message-banner-actions{margin-top:var(--s2)}.message-banner-info{border-color:#4f46e533}.message-banner-warning{border-color:#f59e0b4d}.message-banner-success{border-color:#16a34a4d}.message-banner-error{border-color:#dc26264d}.badge{display:inline-flex;align-items:center;padding:.3rem .6rem;border-radius:var(--rPill);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;border:1px solid transparent}.badge-info{background:var(--indigoTint);color:var(--indigo);border-color:#4f46e54d}.badge-warning{background:var(--amberTint);color:var(--amber);border-color:#f59e0b59}.badge-success{background:var(--successTint);color:var(--success);border-color:#16a34a59}.badge-error{background:var(--dangerTint);color:var(--danger);border-color:#dc262659}.badge-neutral{background:var(--bgElev);color:var(--muted);border-color:var(--border)}.progress-bar{height:10px;border-radius:var(--rPill);overflow:hidden;background:var(--bgElev);border:1px solid var(--border)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primaryPressed))}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:var(--s4);z-index:50}.modal{width:100%;max-width:720px}.modal-card{max-height:85vh;overflow:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);padding-bottom:var(--s2);border-bottom:1px solid var(--border);margin-bottom:var(--s2)}.modal-body{display:flex;flex-direction:column;gap:var(--s2)}.option-card{width:100%;padding:.9rem 1rem;border-radius:var(--rBtn);border:1px solid var(--border);background:var(--surface);font-family:inherit;font-size:.98rem;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:var(--s2);cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border .14s ease,background .14s ease}@media (hover: hover) and (pointer: fine){.option-card:hover:not(:disabled){box-shadow:0 12px 24px #02061714;transform:translateY(-1px)}}.option-card:focus-visible{outline:none;box-shadow:var(--focusRing)}.option-card:disabled{cursor:not-allowed;color:inherit;opacity:1}.option-card-selected{border-color:#0f766e99;background:var(--primaryTint)}.option-card-correct{border-color:#16a34a99;background:var(--successTint)}.option-card-incorrect{border-color:#dc262699;background:var(--dangerTint)}.option-card-correct .option-card-icon{color:var(--success)}.option-card-incorrect .option-card-icon{color:var(--danger)}.option-card-disabled{cursor:not-allowed;opacity:.6}.option-card-icon{width:24px;height:24px;border-radius:999px;border:1px solid currentColor;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.option-card-icon svg{width:12px;height:12px}.option-card-text{text-align:left;flex:1}.helper{font-size:.9rem;color:var(--muted)}.app-shell-feed{padding-top:var(--s4);padding-bottom:var(--s4);min-height:100vh;height:100vh}.app-shell-feed .app-shell-inner{height:100%}.app-shell-feed .app-shell-content{flex:1;min-height:0}.auth-card{width:min(440px,100%);display:flex;flex-direction:column;gap:var(--s3)}.form-card{width:min(640px,100%)}.loading-card{width:min(520px,100%);text-align:center}.form-stack{display:flex;flex-direction:column;gap:var(--s2)}.field{display:flex;flex-direction:column;gap:.45rem}.field span{font-size:.85rem;color:var(--muted)}.field input[type=range]{padding:0;accent-color:var(--primary)}.field-toggle{flex-direction:row;align-items:center;justify-content:space-between}.field-toggle input[type=checkbox]{width:18px;height:18px}.range-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:var(--s2)}.tile-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:var(--s3)}.tile-card{display:flex;flex-direction:column;gap:var(--s2);text-align:left;min-height:200px;background:var(--surface)}.tile-card-primary{grid-column:span 2;min-height:260px}.tile-icon{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;color:var(--primary);background:var(--primaryTint)}.tile-icon svg{width:22px;height:22px}.tile-icon-indigo{color:var(--indigo);background:var(--indigoTint)}.tile-icon-amber{color:var(--amber);background:var(--amberTint)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s3)}.stat-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s1)}.tabs{display:inline-flex;align-items:center;gap:var(--s1);background:var(--bgElev);border:1px solid var(--border);padding:.4rem;border-radius:var(--rPill);width:fit-content}.tab-button{border:none;background:transparent;padding:.5rem 1rem;border-radius:var(--rPill);font-weight:600;color:var(--muted);font-family:inherit;cursor:pointer;transition:background .14s ease,color .14s ease}.tab-button:focus-visible{outline:none;box-shadow:var(--focusRing)}.tab-button-active{background:var(--surface);color:var(--text);box-shadow:var(--shadowCard)}.word-list{display:flex;flex-direction:column;gap:var(--s2)}.word-row{text-align:left}.word-row-header{display:flex;justify-content:space-between;align-items:center;gap:var(--s2)}.word-row-meta{display:flex;align-items:center;gap:var(--s2);margin-top:var(--s2)}.word-row-meta .progress-bar{flex:1}.badge-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;margin-right:.35rem}.badge-icon svg{width:14px;height:14px}.word-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--s2)}.word-detail-header{display:flex;justify-content:space-between;align-items:center;gap:var(--s2)}.word-detail-item{display:flex;flex-direction:column;gap:.3rem;background:var(--surface2);border-radius:var(--rBtn);padding:var(--s2);border:1px solid var(--border)}.word-detail-history{display:flex;flex-direction:column;gap:var(--s1)}.word-detail-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s2)}.filters-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2)}.filters-advanced summary{cursor:pointer}.badge-stack{display:inline-flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.button-danger{color:var(--danger);background:var(--dangerTint);border-color:#dc262640}.attempts-list{display:flex;flex-direction:column;gap:var(--s2)}.attempt-card{padding:var(--s3)}.attempt-meta{display:flex;flex-wrap:wrap;gap:var(--s2);font-size:.85rem;color:var(--muted)}.attempt-choices{margin:0;padding-left:1.25rem}.attempt-choice{margin:.25rem 0}.attempt-choice-correct{color:var(--success);font-weight:600}.attempt-choice-chosen{color:var(--indigo);font-weight:600}.activity-list{display:flex;flex-direction:column;gap:var(--s1);margin-top:var(--s2)}.activity-item{display:flex;justify-content:space-between;gap:var(--s2);font-size:.9rem}.activity-value{color:var(--muted)}.feed-shell{display:flex;flex-direction:column;gap:var(--s2);height:100%}.feed-container{flex:1;overflow-y:auto;scroll-snap-type:y mandatory;padding-bottom:var(--s4);min-height:0}.feed-card{height:100%;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;padding:var(--s3) 4vw var(--s5)}.feed-card-inner{width:min(1080px,96vw);height:min(780px,86vh);max-height:100%;display:flex;flex-direction:column;gap:var(--s3);text-align:center;overflow:hidden;container-type:inline-size}.feed-card-inner .ds-h1{font-size:clamp(3rem,8cqw,6.25rem)}.feed-card-inner .ds-h2{font-size:clamp(1.8rem,4.8cqw,3.4rem)}.feed-card-inner .ds-body{font-size:clamp(1.05rem,2.35cqw,1.65rem)}.feed-card-inner .ds-caption{font-size:clamp(.95rem,1.6cqw,1.15rem)}.feed-card-inner .pill{font-size:clamp(.72rem,1.35cqw,.95rem);padding:clamp(.35rem,.9cqw,.55rem) clamp(.8rem,1.4cqw,1.05rem)}.feed-card-inner .progress-pill{font-size:clamp(.72rem,1.35cqw,.95rem);padding:clamp(.35rem,.9cqw,.55rem) clamp(.75rem,1.3cqw,1rem)}.feed-card-inner .button{font-size:clamp(.95rem,1.75cqw,1.15rem);padding:clamp(.7rem,1.2cqw,.95rem) clamp(1.2rem,1.9cqw,1.6rem)}.feed-card-inner .option-card{font-size:clamp(1rem,2.1cqw,1.35rem);padding:clamp(.85rem,1.4cqw,1.15rem) clamp(1rem,1.7cqw,1.3rem)}.feed-card-inner .part-of-speech{font-size:clamp(.95rem,1.6cqw,1.2rem)}.feed-card-inner .examples-title{font-size:clamp(1rem,1.9cqw,1.35rem)}.feed-card-top{display:flex;justify-content:space-between;align-items:center;gap:var(--s2)}.feed-card-meta{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.feed-card-body{flex:1;display:flex;flex-direction:column;gap:var(--s2);min-height:0}.subpages{flex:1;display:flex;flex-direction:column;gap:var(--s2);overflow:hidden;min-height:0}.subpages-track{display:flex;width:100%;flex:1;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth}.subpages-track::-webkit-scrollbar{display:none}.subpage{flex:0 0 100%;padding:.4rem .2rem;height:100%;display:flex;flex-direction:column;scroll-snap-align:start}.subpage .stack{flex:1;justify-content:center}.subpage-controls{display:flex;align-items:center;justify-content:center}.subpage-dots{display:flex;gap:.4rem}.dot{width:8px;height:8px;border-radius:999px;background:var(--border)}.dot-active{background:var(--primary)}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--s2)}.word-title{text-transform:uppercase;letter-spacing:.04em}.part-of-speech{font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.18em}.examples-title{font-size:1.05rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.example-list{display:flex;flex-direction:column;gap:var(--s2);list-style:none;padding:0;margin:0;line-height:1.6}.correct{color:var(--success);font-weight:600}.incorrect{color:var(--danger);font-weight:600}.prewrap{white-space:pre-wrap;font-size:.9rem;color:var(--muted);font-family:inherit}@media (max-width: 900px){.feed-card-inner{height:auto}.feed-card{padding-top:var(--s5)}.tile-grid{grid-template-columns:1fr}.tile-card-primary{grid-column:span 1;min-height:220px}}@media (max-width: 720px){.app-shell{padding:var(--s4) var(--s3) var(--s5)}.app-shell-header{flex-direction:column;align-items:flex-start}.feed-card{padding-left:var(--s2);padding-right:var(--s2)}}