@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/manrope-cyrillic-ext-wght-normal-2GMQGZDT.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/manrope-cyrillic-wght-normal-F76KYTZG.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/manrope-greek-wght-normal-NNUWM3E7.woff2") format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/manrope-vietnamese-wght-normal-HA5TFICD.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/manrope-latin-ext-wght-normal-6XGHMEDV.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/manrope-latin-wght-normal-73PUZEUA.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #0b0f14;--surface: #121821;--surface-2: #171e27;--surface-3: #1c2530;--nav: #0e131a;--border: #26303c;--border-strong: #2f3a47;--text: #f1ebdd;--text-muted: #8d96a1;--text-faint: #8d96a1;--accent: #c8a45a;--accent-strong: #d6b46c;--accent-soft: #1a1a17;--accent-ink: #15140e;--success: #3fb8c4;--success-soft: #0e1c20;--almost: #b4a4f2;--almost-soft: #16142a;--danger: #e0734a;--danger-soft: #1f1410;--disabled-bg: #1c2530;--disabled-text: #6e7883;--font: "Manrope Variable", "Manrope", system-ui, sans-serif;--fs-display: 2.625rem;--fs-title: 1.75rem;--fs-body: 1rem;--fs-small: .875rem;--fs-label: .875rem;--radius: 18px;--radius-sm: 14px;--radius-pill: 999px;--space: 8px;--screen-max: 720px;--tap: 56px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;font-weight:500;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:var(--accent)}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--success);outline-offset:2px}.screen{display:flex;flex-direction:column;width:100%;max-width:var(--screen-max);min-height:100dvh;margin:0 auto;padding:calc(var(--space) * 2.5) calc(var(--space) * 3) calc(var(--space) * 3)}.screen--center{justify-content:center;gap:calc(var(--space) * 2)}.label{font-size:var(--fs-label);font-weight:700;letter-spacing:0;color:var(--accent)}.display{margin:0;font-size:var(--fs-display);font-weight:700;line-height:1.05;letter-spacing:-.02em;overflow-wrap:anywhere}.title{margin:0;font-size:var(--fs-title);font-weight:700;line-height:1.2}.muted{color:var(--text-muted)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-muted);font-size:var(--fs-small);font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.screen>.card,.screen>section.card,.screen>a.card,.tiles>.card,.stats>.card{padding:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space);min-height:var(--tap);padding:0 calc(var(--space) * 3);border:1px solid transparent;border-radius:14px;font-weight:700;font-size:var(--fs-body);text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,transform .05s}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{cursor:default}.btn--primary{width:100%;background:var(--accent);color:var(--accent-ink)}.btn--primary:hover:not(:disabled){background:var(--accent-strong)}.btn--primary:disabled{background:var(--disabled-bg);color:var(--disabled-text)}.btn--ghost{background:var(--surface);border-color:var(--border);color:var(--text)}.btn--ghost:hover:not(:disabled){border-color:var(--border-strong)}.btn--link{min-height:auto;padding:0;background:none;color:var(--accent);font-size:var(--fs-small)}.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-muted);font-size:18px;line-height:1;text-decoration:none;cursor:pointer}.icon-btn:hover{color:var(--text);border-color:var(--border-strong)}.tile{display:flex;align-items:center;gap:calc(var(--space) * 1.75);width:100%;min-height:64px;padding:calc(var(--space) * 1.5) calc(var(--space) * 2);border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:left;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,opacity .2s}.tile:hover:not(:disabled){border-color:var(--border-strong)}.tile:disabled{cursor:default}.tile.is-selected{border-color:var(--accent);background:var(--accent-soft)}.tile.is-correct{border-color:var(--success);background:var(--success-soft)}.tile.is-wrong{border-color:var(--danger);background:var(--danger-soft)}.tile.is-done{opacity:.35}.tile__key{display:inline-grid;flex:none;place-items:center;width:30px;height:30px;border:1px solid var(--border-strong);border-radius:9px;color:var(--text-muted);font-size:var(--fs-small);font-weight:700}.is-selected .tile__key{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.text-input{width:100%;min-height:var(--tap);padding:calc(var(--space) * 2);border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);font-size:1rem;font-weight:600;resize:none}.text-input::placeholder{color:var(--text-faint)}.text-input:focus{outline:none;border-color:var(--accent)}.text-input.is-correct{border-color:var(--success)}.text-input.is-wrong{border-color:var(--danger)}.error-box{padding:calc(var(--space) * 2);border:1px solid var(--danger);border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--text);font-size:var(--fs-small)}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.shake{animation:shake .25s ease-in-out 2}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}select{font:inherit;color:inherit}.screen{gap:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.screen>header{flex-shrink:0}h2{font-size:1.25rem;line-height:1.3;margin:0 0 16px}p{line-height:1.5}button.chip{min-height:44px;cursor:pointer}.btn--link{min-height:44px}.btn--danger{background:var(--danger);color:var(--accent-ink)}.btn--danger-outline{border-color:var(--danger);color:var(--danger);background:var(--danger-soft)}.btn:disabled{opacity:.7;cursor:wait}.btn--primary:not(:disabled){box-shadow:0 8px 28px #c8a45a24}.text-input:focus-visible{outline:2px solid var(--success);outline-offset:2px}.text-input.is-almost{border-color:var(--almost)}.back{display:flex;align-items:center;min-height:44px;gap:8px;color:var(--text);text-decoration:none;font-size:.875rem;font-weight:700;align-self:flex-start}.row{display:flex;justify-content:space-between;align-items:center;gap:16px}.avatar{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--surface-3);color:var(--text);text-decoration:none;font-weight:800}.badge{font-size:.75rem;padding:4px 10px;border-radius:8px;border:1px solid var(--border);color:var(--text-muted);background:var(--surface-3);white-space:nowrap}.badge[data-state=difficult]{color:var(--danger);background:var(--danger-soft);border-color:#5a2e1e}.badge[data-state=learning]{color:var(--accent);background:var(--accent-soft)}.badge[data-state=retained]{color:var(--success);background:var(--success-soft)}.is-on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.form-label{display:flex;flex-direction:column;gap:8px;font-size:.875rem;font-weight:700}.help{font-size:.8125rem;color:var(--text-muted);font-weight:500}.sticky-actions{position:sticky;bottom:0;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:var(--bg);display:flex;flex-direction:column;gap:12px;margin-top:auto}.skeleton{height:220px;background:linear-gradient(100deg,var(--surface),var(--surface-3),var(--surface));border-radius:22px;animation:skeleton 1.5s infinite alternate}@keyframes skeleton{to{opacity:.5}}dialog.confirm{width:calc(100% - 40px);max-width:440px;padding:24px;border:1px solid var(--border);border-radius:22px;background:var(--surface);color:var(--text);box-shadow:0 12px 32px #0007}dialog.confirm::backdrop{background:#05080bbd}dialog.confirm p{color:var(--text-muted);margin-bottom:24px}dialog.confirm button{width:100%;margin-top:12px}.day-dots{display:flex;justify-content:space-between;gap:8px;margin-top:20px}.day-dot{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.75rem;color:var(--text-muted)}.day-dot i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--border);font-style:normal}.day-dot.active i{background:var(--accent);color:var(--accent-ink)}@media(min-width:600px){.screen{padding:40px 32px}.display{font-size:2.625rem}}@media(min-width:1024px){app-tabs-layout .screen{max-width:1040px;padding:48px}.screen{padding-top:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
