:root{color-scheme:light;--bg-top: #efe1cb;--bg-bottom: #cdd9cc;--ink: #14231d;--ink-soft: #55635c;--paper: rgba(253, 248, 240, .95);--line: rgba(20, 35, 29, .08);--forest: #1f7057;--forest-deep: #0d3024;--amber: #e8ba62;--clay: #cb6f49;--shadow: 0 18px 56px rgba(13, 48, 36, .14);--shadow-soft: 0 10px 24px rgba(13, 48, 36, .08);--radius-xl: 1.5rem;--radius-lg: 1.1rem;--radius-md: .9rem;--display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--body: "Avenir Next", "Trebuchet MS", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;overflow:hidden;background:radial-gradient(circle at 12% 10%,rgba(232,186,98,.28),transparent 30%),radial-gradient(circle at 86% 12%,rgba(31,112,87,.22),transparent 28%),radial-gradient(circle at 50% 120%,rgba(255,250,242,.65),transparent 38%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom));color:var(--ink);font-family:var(--body)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.64}.app-shell{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.85rem;height:100dvh;max-width:34rem;margin:0 auto;padding:.9rem .9rem 1rem;overflow:hidden}.ambient{position:fixed;z-index:0;width:14rem;height:14rem;border-radius:999px;filter:blur(14px);pointer-events:none}.ambient-left{top:-4rem;left:-4rem;background:#e8ba622e}.ambient-right{right:-3rem;bottom:6rem;background:#1f705724}.panel{position:relative;z-index:1;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--paper);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden}.top-bar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .8rem;border:1px solid rgba(20,35,29,.08);border-radius:1.25rem;background:linear-gradient(145deg,#fff9f0e6,#e9f4ecd6);box-shadow:var(--shadow-soft)}.brand-mark{border:0;border-radius:999px;padding:.65rem 1rem;background:linear-gradient(135deg,var(--forest),var(--forest-deep));color:#fbf5ea;font-family:var(--display);font-weight:800;letter-spacing:.04em}.top-bar-metrics{display:flex;gap:.45rem}.top-chip,.route-chip,.mini-button,.library-badge{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.38rem .7rem;border-radius:999px;font-size:.8rem;font-weight:700}.info-pill{display:inline-flex;align-items:center;justify-content:center;min-height:1.85rem;padding:.28rem .62rem;border-radius:999px;background:#1f70571a;color:var(--forest-deep);font-size:.74rem;font-weight:800;letter-spacing:.03em}.info-pill-soft{background:#14231d0f;color:var(--ink-soft)}.top-chip,.route-chip,.library-badge{background:#1f70571a;color:var(--forest-deep)}.top-chip-dark{background:var(--forest-deep);color:#fbf5ea}.mini-button{border:0;background:#14231d14;color:var(--forest-deep)}.screen-stage{position:relative;z-index:1;min-height:0;overflow:hidden;border-radius:var(--radius-xl)}.screen{height:100%;min-height:0}.screen-scroll,.reader-scroll{height:100%;min-height:0;overflow-y:auto}.screen-scroll,.reader-scroll{scrollbar-width:thin;scrollbar-color:rgba(31,112,87,.2) transparent}.eyebrow,.mini-label,.review-label,.modal-meta-label,.search-label{margin:0 0 .3rem;color:var(--ink-soft);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.section-head,.reader-head,.modal-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.section-head-actions,.reader-head-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.stats-strip,.featured-panel,.saved-panel,.utility-panel,.library-panel,.reader-shell,.review-toolbar,.compact-stack-panel,.review-empty,.modal-card{padding:1rem}.stats-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.mini-stat{padding:.8rem .35rem;border-radius:1rem;background:linear-gradient(145deg,#fffbf5f2,#f0f8f3e0);text-align:center;box-shadow:inset 0 1px #ffffffb3}.mini-stat strong{display:block;font-family:var(--display);font-size:1.45rem;line-height:1}.featured-panel,.saved-panel,.utility-panel,.library-panel,.review-toolbar,.compact-stack-panel,.review-empty{margin-top:.85rem;box-shadow:var(--shadow-soft)}.featured-panel{background:radial-gradient(circle at 82% 22%,rgba(232,186,98,.28),transparent 22%),linear-gradient(145deg,#fff9f2fa,#edf6f0eb)}.featured-panel h2,.saved-panel h2,.library-panel h2,.reader-head h2,.compact-stack-panel h2,.review-empty h2,.modal-card h3{margin:0;font-family:var(--display);font-size:1.35rem;line-height:1.05}.feature-subtitle,.empty-copy,.modal-note,.modal-context,.review-prompt,.review-context{margin:.75rem 0 0;color:var(--ink-soft);line-height:1.5}.featured-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.85rem}.feature-progress-copy{color:var(--ink-soft);font-size:.84rem;font-weight:700}.sync-note{margin:.75rem 0 0;color:var(--forest-deep);font-size:.84rem;font-weight:700}.compact-copy{margin-top:.55rem;font-size:.82rem}.feature-actions,.modal-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.95rem}.action-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.9rem}.action-row-compact{gap:.5rem}.action-row-compact .action-button{flex:1 1 0}.utility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.8rem}.utility-grid .action-button,.word-action-grid .action-button{width:100%;justify-content:flex-start}.primary-button,.secondary-button,.action-button,.icon-button,.compact-stack-item,.library-card,.library-inline-button,.nav-button,.toggle-button,.back-button,.close-button,.reader-token{border:0;transition:transform .15s ease,background-color .15s ease,color .15s ease,box-shadow .15s ease}.primary-button,.secondary-button{min-height:3rem;padding:.8rem 1rem;border-radius:var(--radius-md);font-weight:700}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.45rem;padding:.55rem .78rem;border-radius:999px;border:1px solid rgba(20,35,29,.08);background:#ffffffc2;color:var(--ink);font-size:.82rem;font-weight:800;line-height:1}.action-button-primary{background:linear-gradient(135deg,#e8ba62e6,#cb6f49e6);color:#2d1709;border-color:#cb6f4924}.action-button-soft,.icon-button-soft{background:#ffffffc2;color:var(--ink);border-color:#14231d14}.action-button-accent,.icon-button-accent{background:#1f705724;color:var(--forest-deep);border-color:#1f705724}.action-button-danger,.icon-button-danger{background:#cb6f491f;color:#7a3218;border-color:#cb6f491f}.action-label{white-space:nowrap}.action-icon{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;flex:0 0 auto}.action-icon svg,.nav-icon svg{width:100%;height:100%;display:block}.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;padding:0;border-radius:999px;border:1px solid rgba(20,35,29,.08);background:#ffffffc2;color:var(--ink)}.icon-button-badge{position:absolute;right:-.18rem;top:-.18rem;display:inline-flex;align-items:center;justify-content:center;min-width:1.05rem;height:1.05rem;padding:0 .24rem;border-radius:999px;background:var(--amber);color:#2d1709;font-size:.6rem;font-weight:800}.primary-button{background:linear-gradient(135deg,var(--amber),var(--clay));color:#2d1709}.secondary-button{background:#ffffffb8;color:var(--ink);border:1px solid rgba(23,36,30,.08)}.compact-stack-list,.library-list{display:grid;gap:.55rem;margin-top:.9rem}.library-item-shell{display:grid;gap:.45rem}.compact-stack-item,.library-card{display:flex;align-items:center;justify-content:space-between;gap:.8rem;width:100%;padding:.82rem .9rem;border-radius:.95rem;background:#ffffffad;text-align:left;color:inherit}.compact-stack-item strong,.library-card strong{font-size:.96rem}.compact-stack-item span{color:var(--ink-soft);font-size:.84rem}.compact-stack-item{justify-content:flex-start}.compact-stack-item span{margin-left:auto}.library-card{display:grid;justify-items:start;gap:.45rem}.library-card-copy{margin:0;color:var(--ink-soft);font-size:.84rem;line-height:1.45}.library-card-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%}.library-card.is-active{border:1px solid rgba(31,112,87,.16);box-shadow:inset 0 0 0 1px #1f705714}.library-inline-actions{display:flex;justify-content:flex-end;gap:.35rem;padding:0 .15rem}.library-inline-button{min-height:2.15rem;padding:.45rem .75rem;border:0;border-radius:999px;background:#14231d14;color:var(--forest-deep);font-size:.76rem;font-weight:800}.library-inline-button.is-danger{background:#cb6f491f;color:#7a3218}.library-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;width:100%}.library-progress-line{margin-left:auto;color:var(--ink-soft);font-size:.78rem;font-weight:700}.library-meter,.reader-progress-track{width:100%;height:.4rem;border-radius:999px;background:#14231d14;overflow:hidden}.library-meter-fill,.reader-progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--amber),var(--clay))}.search-shell,.field-shell{display:block;margin-top:.9rem}.search-input{width:100%;min-height:3rem;padding:.85rem .95rem;border:1px solid rgba(20,35,29,.08);border-radius:var(--radius-md);background:#ffffffbd;color:var(--ink)}.search-input:focus{outline:2px solid rgba(31,112,87,.18);outline-offset:1px}.compose-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.compose-textarea{width:100%;min-height:11rem;padding:.85rem .95rem;border:1px solid rgba(20,35,29,.08);border-radius:var(--radius-md);background:#ffffffbd;color:var(--ink);line-height:1.55;resize:vertical}.compose-textarea:focus{outline:2px solid rgba(31,112,87,.18);outline-offset:1px}.compose-textarea-short{min-height:7rem}.filter-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.filter-button{min-height:2.2rem;padding:.5rem .8rem;border:0;border-radius:999px;background:#14231d0f;color:var(--ink-soft);font-size:.78rem;font-weight:800}.filter-button.is-active{background:#1f705724;color:var(--forest-deep)}.screen-reader{height:100%}.reader-shell{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:.8rem;height:100%;min-height:0;background:linear-gradient(180deg,#0e3025fa,#1f7057f0);border-color:#0f352833}.reader-head{color:#fbf5ea}.reader-head .eyebrow{color:#fbf5eab8}.reader-title-block{display:flex;align-items:flex-start;gap:.75rem}.back-button{padding:.55rem .7rem;border-radius:999px;background:#fbf5ea24;color:#fbf5ea;font-size:.82rem;font-weight:700}.reader-head .mini-button{background:#fbf5ea24;color:#fbf5ea}.reader-head .icon-button{background:#fbf5ea1f;border-color:#fbf5ea14;color:#fbf5ea}.reader-head .icon-button-accent{background:#e8ba6238;color:#fff4da}.reader-progress-block{display:grid;gap:.45rem;color:#fbf5ea}.reader-progress-copy-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.reader-progress-copy,.reader-progress-value{font-size:.8rem;font-weight:800}.reader-progress-copy{color:#fbf5eac2}.reader-progress-track{background:#fbf5ea29}.reader-copy{padding:1rem;border-radius:var(--radius-lg);background:linear-gradient(160deg,#fffcf6fa,#fcf5e8f5);border:1px solid rgba(23,36,30,.06);box-shadow:inset 0 1px #ffffffb3}.reader-copy:before{content:"";display:block;height:.28rem;margin:-.15rem -.15rem .9rem;border-radius:999px;background:linear-gradient(90deg,var(--amber),rgba(31,112,87,.18))}.reader-paragraph{margin:0;font-family:var(--display);font-size:clamp(1.18rem,4.7vw,1.42rem);line-height:1.92}.reader-paragraph+.reader-paragraph{margin-top:1rem}.reader-sentence-block{border-radius:.7rem}.reader-sentence-block.is-active{background:#1f705714}.reader-token{display:inline;margin:0;padding:.08em .22em;border-radius:.6rem;background:transparent;color:inherit;line-height:inherit;box-shadow:inset 0 -1px #1f70571f}.reader-token.is-curated{color:var(--forest-deep)}.reader-token.is-user-owned{background:#cb6f491f;color:#7a3218}.reader-token.is-saved{background:#e8ba622e;color:#73440d}.reader-token.is-known{background:#1f70571f;color:var(--forest-deep)}.reader-token.is-active{background:var(--forest-deep);color:#fbf5ea}.review-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.review-mode-toolbar{margin-top:.85rem;box-shadow:var(--shadow-soft)}.review-meta-chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.review-direction-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;width:100%}.review-mode-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.toggle-button{min-height:2.7rem;padding:.65rem .7rem;border-radius:.9rem;background:#14231d0d;color:var(--ink-soft);font-size:.8rem;font-weight:700}.toggle-button.is-active{background:linear-gradient(135deg,var(--amber),var(--clay));color:#2d1709}.card-stack-shell{position:relative;margin-top:1rem;padding-top:1.35rem}.stack-ghost{position:absolute;left:50%;width:calc(100% - 1.8rem);border-radius:var(--radius-xl);transform:translate(-50%)}.stack-ghost-back{top:.15rem;height:calc(100% - .4rem);background:#ffffff6b}.stack-ghost-mid{top:.65rem;height:calc(100% - .8rem);background:#ffffffad}.review-card-panel{position:relative;z-index:1;min-height:22rem;padding:1.15rem;background:linear-gradient(160deg,#fffbf4fa,#f5efe3eb);box-shadow:0 16px 32px #0d30241f,inset 0 1px #ffffffb3;-webkit-user-select:none;user-select:none}.review-card-panel[data-drag-state=left]{box-shadow:-18px 14px 32px #cb6f492e,inset 0 1px #ffffffb3}.review-card-panel[data-drag-state=right]{box-shadow:18px 14px 32px #1f70572e,inset 0 1px #ffffffb3}.swipe-caption-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:1rem}.swipe-tag{font-size:.76rem;font-weight:700}.swipe-tag-left{color:#9a5436}.swipe-tag-right{color:var(--forest)}.review-progress-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.85rem}.review-step-pill{display:inline-flex;align-items:center;min-height:1.95rem;padding:.28rem .68rem;border-radius:999px;background:#14231d0f;color:var(--ink);font-size:.76rem;font-weight:800}.review-step-copy{color:var(--ink-soft);font-size:.76rem;font-weight:800}.review-label{margin-bottom:.5rem}.card-face-value{margin:0;font-family:var(--display);font-size:clamp(2.2rem,10vw,3rem);line-height:1.04}.review-prompt,.review-context,.modal-note,.modal-context{margin:.9rem 0 0;color:var(--ink-soft);line-height:1.5}.review-answer{margin-top:1.2rem;padding-top:1rem;border-top:1px solid rgba(20,35,29,.08)}.review-answer-main{margin:0;font-size:1.08rem;font-weight:700}.review-typing-shell{display:grid;gap:.85rem;margin-top:1rem}.review-input-shell{display:grid;gap:.45rem}.review-input{width:100%;min-height:3.2rem;padding:.9rem 1rem;border:1px solid rgba(20,35,29,.08);border-radius:1rem;background:#ffffffc7;color:var(--ink);font-size:1rem;font-weight:700}.review-input:focus{outline:2px solid rgba(31,112,87,.18);outline-offset:1px}.review-result-banner{padding:.9rem 1rem;border-radius:1rem;border:1px solid rgba(20,35,29,.06)}.review-result-banner.is-correct{background:#1f70571a}.review-result-banner.is-wrong{background:#cb6f4914}.review-result-copy{margin:0 0 .55rem;font-size:.84rem;font-weight:800;color:var(--ink-soft)}.review-action-row{display:flex;flex-wrap:wrap;gap:.65rem}.menu-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;padding:.35rem;background:linear-gradient(145deg,#0e3025fa,#1f7057f0);border-color:#fbf5ea14}.nav-button{display:grid;justify-items:center;gap:.28rem;min-height:2.95rem;padding:.5rem .35rem;border-radius:.9rem;background:transparent;color:#fbf5eab3;font-weight:700}.nav-icon{display:inline-flex;width:1rem;height:1rem}.nav-label{font-size:.72rem;line-height:1}.nav-button.is-active{background:linear-gradient(135deg,var(--amber),var(--clay));color:#2d1709}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;align-items:center;padding:1rem;background:#0f35286b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hidden-file-input{position:absolute;width:.1px;height:.1px;opacity:0;pointer-events:none}.modal-card{width:100%;max-height:calc(100dvh - 2rem);overflow-y:auto;background:linear-gradient(145deg,#fffaf3fc,#faf2e4f7)}.modal-card:before{content:"";position:absolute;inset:0 0 auto;height:.3rem;background:linear-gradient(90deg,var(--amber),var(--clay))}.close-button{padding:.5rem .75rem;border-radius:999px;background:#14231d14;color:var(--forest-deep);font-size:.82rem;font-weight:700}.modal-meaning{margin:.6rem 0 0;font-size:1.02rem;font-weight:700}.sentence-text{margin:.7rem 0 0;font-family:var(--display);font-size:1.04rem;line-height:1.6}.modal-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:.9rem}.modal-meta{padding:.8rem .85rem;border-radius:1rem;background:#ffffffc7;border:1px solid rgba(20,35,29,.06)}.modal-context{padding:.8rem .9rem;border-radius:1rem;background:#ffffffa3}.ai-stream-panel{margin-top:.75rem;padding:.8rem .9rem;border-radius:1rem;border:1px solid rgba(31,112,87,.1);background:linear-gradient(145deg,#f4fbf7eb,#fffaf3f5)}.ai-stream-head{display:flex;align-items:center;gap:.45rem;color:var(--forest-deep);font-size:.8rem;font-weight:800}.ai-stream-pulse{width:.6rem;height:.6rem;border-radius:999px;background:var(--forest);box-shadow:0 0 #1f705759;animation:ai-pulse 1.2s ease-out infinite}.ai-stream-copy{margin:.55rem 0 0;min-height:2.7rem;color:var(--ink-soft);font-size:.84rem;line-height:1.45}.word-action-block{margin-top:.9rem}.word-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.word-tool-row{display:flex;justify-content:flex-end;gap:.4rem;margin-top:.55rem}.stack-section+.stack-section{margin-top:1rem}.sentence-focus-grid{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.9rem}.sentence-chip{display:inline-flex;align-items:center;gap:.4rem;min-height:2rem;padding:.38rem .65rem;border-radius:999px;background:#ffffffd1;border:1px solid rgba(20,35,29,.06);font-size:.76rem}.sentence-chip strong{font-size:.78rem}.sentence-chip span,.sentence-chip-empty{color:var(--ink-soft)}.picker-card:hover,.library-card:hover,.compact-stack-item:hover,.nav-button:hover,.filter-button:hover,.action-button:hover,.icon-button:hover,.toggle-button:hover,.brand-mark:hover,.mini-button:hover,.reader-token:hover,.primary-button:hover,.secondary-button:hover,.close-button:hover,.back-button:hover,.review-card-panel:hover,.library-inline-button:hover{transform:translateY(-1px)}@keyframes ai-pulse{0%{transform:scale(.92);box-shadow:0 0 #1f705759}70%{transform:scale(1);box-shadow:0 0 0 .45rem #1f705700}to{transform:scale(.92);box-shadow:0 0 #1f705700}}@media(max-width:24rem){.compose-meta-grid{grid-template-columns:1fr}}@media(min-width:48rem){.app-shell{max-width:64rem}.screen-home .screen-scroll{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:1rem}.stats-strip{grid-column:1 / span 2}.screen-review .screen-scroll{display:grid;grid-template-columns:1.2fr .8fr;align-content:start;gap:1rem}.review-toolbar,.card-stack-shell{grid-column:1 / 2}.compact-stack-panel{grid-column:2 / 3;margin-top:0}.modal-card{max-width:32rem;margin:0 auto}}