:root{color-scheme:light;--paper: #f6f4ec;--surface: #fffdf8;--ink: #1e2321;--muted: #6b7168;--line: #e4e0d2;--forest: #1f6f4f;--forest-dim: #eef2ec;--moss: #2fa06a;--clay: #a8672f;--clay-dim: #f5ead9;--danger: #b3261e;--danger-dim: #fbe3e1;--font-display: "Manrope", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-italian: "Lora", Georgia, serif}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);overflow-x:hidden}h1,h2,h3,.brand,.sidebar-item,.stat-value,button{font-family:var(--font-display)}.italian{font-family:var(--font-italian);font-style:italic}:focus-visible{outline:2px solid var(--moss);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{height:64px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{font-size:1.25rem;font-weight:800;letter-spacing:-.01em;display:flex;align-items:center;gap:.5rem}.brand-icon{font-size:1.4rem}.header-actions{display:flex;gap:.6rem}.quick-add-button{padding:.55rem 1.1rem;background:var(--forest);color:#fff;border:none;border-radius:999px;font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:0 2px 8px #1f6f4f47;transition:transform .12s ease,box-shadow .12s ease}.quick-add-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1f6f4f52}.quick-add-button:active{transform:translateY(0)}.tags-button{padding:.55rem 1.1rem;background:var(--surface);color:var(--forest);border:1px solid var(--forest);border-radius:999px;font-weight:700;font-size:.9rem;cursor:pointer;transition:background .12s ease}.tags-button:hover{background:var(--forest-dim)}.app-body{flex:1;display:flex;min-height:0}.sidebar{flex:0 0 200px;background:var(--paper);border-right:1px solid var(--line);padding:1.25rem .75rem;display:flex;flex-direction:column;gap:.25rem}.sidebar-item{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;border:none;background:none;border-radius:8px;font-size:.95rem;font-weight:500;text-align:left;cursor:pointer;color:var(--muted);transition:background .12s ease,color .12s ease}.sidebar-item:hover{background:var(--forest-dim);color:var(--ink)}.sidebar-item.active{background:var(--forest);color:#fff;font-weight:700}.sidebar-icon{font-size:1.1rem}.content{flex:1;overflow-y:auto;padding:1.5rem 1rem 3rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14161473;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-panel{background:var(--surface);border-radius:14px;padding:1.25rem;width:100%;max-width:26rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:0 16px 40px #141e1838}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;font-size:1.1rem}.modal-close{border:none;background:none;font-size:1.4rem;line-height:1;cursor:pointer;color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;align-items:center;margin-top:.5rem}.dictionary-controls{display:flex;gap:1rem;flex-wrap:wrap}.dictionary-controls label{display:flex;flex-direction:column;gap:.2rem;font-size:.8rem;color:var(--muted)}.dictionary-controls select{padding:.4rem .5rem;border:1px solid var(--line);border-radius:6px;font:inherit;background:var(--surface)}.screen{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:0 1px 2px #1e23210a}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--paper);padding:1rem}.login-card{width:100%;max-width:320px}.login-card h2{margin:0 0 .5rem;text-align:center}.login-card button[type=submit]{align-self:stretch;text-align:center}.card h2{margin:0 0 .25rem;font-size:1.1rem}input,textarea{padding:.55rem .7rem;border:1px solid var(--line);border-radius:8px;font:inherit;font-family:var(--font-body);width:100%;background:var(--surface);color:var(--ink)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--moss);outline-offset:1px}button{font-size:inherit;line-height:inherit;font-family:var(--font-display)}.card>button[type=submit],.primary-button{align-self:flex-start;padding:.55rem 1.3rem;background:var(--forest);color:#fff;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.card>button[type=submit]:hover,.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #1f6f4f40}.primary-button:disabled{background:#b7c9bd;cursor:default}.link-button{background:none;border:none;color:var(--forest);font-weight:600;cursor:pointer;align-self:flex-start;padding:0;font-size:.85rem}.link-button:hover{text-decoration:underline}.error{color:var(--danger);margin:0}.hint{color:var(--muted);font-size:.85rem;margin:0}.search{margin-bottom:.25rem}.word-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.word-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem .4rem;border-bottom:1px solid var(--line)}.word-row.clickable{cursor:pointer;border-radius:8px}.word-row.clickable:hover{background:var(--forest-dim)}.word-main{display:flex;flex-direction:column;gap:.1rem}.word-main strong{font-size:1.05rem;font-weight:600}.translations{color:var(--muted);font-size:.9rem}.tag-list{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.25rem}.tag-chip{background:var(--forest-dim);color:var(--forest);border-radius:999px;padding:.1rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;gap:.3rem}.tag-chip.removable{padding-right:.35rem;font-size:.8rem}.tag-remove{border:none;background:none;color:var(--forest);cursor:pointer;font-size:.9rem;line-height:1;padding:0}.tag-chip.suggestion{border:1px dashed var(--forest);background:var(--surface);cursor:pointer}.tag-create-form{display:flex;gap:.5rem}.tag-create-form input{flex:1}.tag-suggestions{display:flex;flex-wrap:wrap;gap:.35rem}.tag-manage-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;max-height:16rem;overflow-y:auto}.tag-manage-row{display:flex;align-items:center;gap:.6rem;padding:.3rem 0;border-bottom:1px solid var(--line)}.tag-manage-row .hint{flex:1}.word-meta{display:flex;align-items:center;gap:.75rem}.percent{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:700;font-size:.8rem;min-width:3.4ch;text-align:center;padding:.2rem .4rem;border-radius:6px;background:var(--paper);color:var(--muted)}.percent.learned{background:var(--forest-dim);color:var(--forest)}.exercise-card{align-items:center;text-align:center}.prompt{font-size:1.9rem;font-weight:600;margin:.5rem 0 1rem}.options{display:grid;gap:.6rem;width:100%}.option{padding:.75rem 1rem;border:1px solid var(--line);border-radius:8px;background:var(--paper);cursor:pointer;font-size:1rem;transition:border-color .12s ease,background .12s ease}.option:hover:not(:disabled){border-color:var(--forest)}.option.correct{background:var(--forest-dim);border-color:var(--forest)}.option.incorrect{background:var(--danger-dim);border-color:var(--danger)}.feedback{margin-top:1rem;display:flex;flex-direction:column;gap:.6rem;align-items:center}.feedback button{padding:.55rem 1.3rem;background:var(--forest);color:#fff;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:transform .12s ease}.feedback button:hover{transform:translateY(-1px)}.reverse-translation-form{display:flex;gap:.6rem;width:100%;max-width:24rem}.reverse-translation-form input{text-align:center;font-size:1.1rem}.reverse-translation-form input.correct{border-color:var(--forest);background:var(--forest-dim)}.reverse-translation-form input.incorrect{border-color:var(--danger);background:var(--danger-dim)}.sentence-prompt{font-size:1.3rem;line-height:1.4;text-align:center}.sentence-translation-form{display:flex;flex-direction:column;gap:.6rem;width:100%;max-width:28rem;align-items:center}.sentence-translation-form textarea{font-size:1.05rem;text-align:center}.sentence-translation-form textarea.correct{border-color:var(--forest);background:var(--forest-dim)}.sentence-translation-form textarea.incorrect{border-color:var(--danger);background:var(--danger-dim)}.exercise-type-picker{display:flex;gap:.5rem;flex-wrap:wrap}.exercise-type-picker button{padding:.45rem .85rem;border:1px solid var(--line);background:var(--paper);border-radius:999px;font-weight:600;font-size:.85rem;cursor:pointer;transition:border-color .12s ease}.exercise-type-picker button.active{background:var(--forest);color:#fff;border-color:var(--forest)}.matching-board{display:flex;flex-direction:column;gap:1.25rem;width:100%;align-items:center}.matching-columns{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1.5rem;width:100%}.matching-column{display:flex;flex-direction:column;gap:.5rem}.matching-item{position:relative;padding:.65rem .9rem .65rem 2rem;border:1px solid var(--line);border-radius:8px;background:var(--paper);cursor:pointer;font-size:.95rem;text-align:left;transition:border-color .12s ease}.matching-item.selected{border-color:var(--forest);box-shadow:0 0 0 2px #1f6f4f40}.matching-item.matched{background:var(--forest-dim)}.matching-item.correct{background:var(--forest-dim);border-color:var(--forest)}.matching-item.incorrect{background:var(--danger-dim);border-color:var(--danger)}.matching-item.dont-know{background:var(--clay-dim);border-color:var(--clay);cursor:default}.matching-item-row{display:flex;align-items:center;gap:.35rem}.matching-item-row .matching-item{flex:1}.dont-know-mark{flex:0 0 auto;width:2rem;height:2rem;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--paper);cursor:pointer;font-size:1rem;line-height:1}.dont-know-button{align-self:center;margin-top:.4rem;padding:.4rem .9rem;border:1px solid var(--clay);border-radius:999px;background:var(--clay-dim);color:var(--clay);font-weight:600;cursor:pointer;font-size:.85rem}.dont-know-panel .dont-know-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.dont-know-panel li{display:flex;justify-content:space-between;gap:.75rem;padding:.4rem .6rem;background:var(--clay-dim);border-radius:6px}.dont-know-panel .translations{color:var(--muted);text-align:right}.stats-panel h2{margin-bottom:.25rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.stats-grid-3{grid-template-columns:repeat(3,1fr)}.stats-grid-2{grid-template-columns:repeat(2,1fr)}.stat-value.correct{color:var(--forest)}.stat-value.incorrect{color:var(--danger)}.today-panel .weekly-chart{width:100%;height:auto;margin-top:.5rem}.chart-baseline{stroke:var(--line);stroke-width:1}.chart-bar{fill:#4ba573}.chart-bar.today{fill:var(--moss)}.chart-bar-value,.chart-bar-label{font-size:9px;fill:var(--muted);font-family:var(--font-display)}.stat-tile{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.7rem .4rem;background:var(--paper);border-radius:10px}.stat-value{font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--forest)}.stat-label{font-size:.7rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);text-align:center}.top-wrong h3{margin:.75rem 0 .4rem;font-size:.95rem}.top-wrong ol{margin:0;padding-left:1.4rem;display:flex;flex-direction:column;gap:.3rem}.top-wrong li{display:flex;justify-content:space-between;gap:.5rem}.wrong-count{color:var(--danger);font-weight:600}.wrong-sentences h3{margin:.75rem 0 .4rem;font-size:.95rem}.wrong-sentences ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.wrong-sentences li{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.4rem .6rem;background:var(--paper);border-radius:6px}.wrong-sentence-text{display:flex;flex-direction:column;gap:.1rem}.wrong-sentence-text .translations{color:var(--muted);font-size:.85rem}.pair-badge{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);width:1.2rem;height:1.2rem;border-radius:50%;background:var(--forest);color:#fff;font-size:.7rem;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.app-header{height:auto;min-height:52px;padding:.6rem .75rem;gap:.5rem}.brand{font-size:1.05rem;gap:.35rem}.quick-add-button,.tags-button{padding:.45rem .65rem;font-size:.75rem;white-space:nowrap}.header-actions{gap:.35rem;align-items:center}.header-actions .link-button{font-size:.78rem;white-space:nowrap}.app-body{flex-direction:column}.sidebar{flex:0 0 auto;flex-direction:row;position:fixed;left:0;right:0;bottom:0;z-index:20;border-right:none;border-top:1px solid var(--line);background:var(--surface);box-shadow:0 -2px 10px #141e180f;padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom));justify-content:space-around;gap:0}.sidebar-item{flex-direction:column;flex:1;gap:.15rem;padding:.4rem .3rem;font-size:.72rem;text-align:center;justify-content:center}.sidebar-icon{font-size:1.3rem}.content{padding:1rem .75rem calc(4.5rem + env(safe-area-inset-bottom))}.screen{gap:1rem}.card{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.dictionary-controls{flex-direction:column;gap:.6rem}.dictionary-controls label,.dictionary-controls select{width:100%}.matching-columns{gap:.5rem .6rem}.matching-item{font-size:.85rem;padding:.55rem .7rem .55rem 1.8rem}.reverse-translation-form{flex-direction:column;max-width:none}.word-row{align-items:flex-start;gap:.5rem}.prompt{font-size:1.4rem}.modal-panel{max-width:none}}@media (max-width: 400px){.brand-text,.tags-button .tags-button-text{display:none}}