.el-page{--el-bg: #f8fafc;--el-surface: #ffffff;--el-border: #e2e8f0;--el-accent: oklch(52% .18 200);--el-accent2: oklch(50% .15 178);--el-text: #0f172a;--el-muted: #64748b;--el-easy: oklch(50% .18 145);--el-medium: oklch(58% .2 65);--el-hard: oklch(52% .2 25);--el-done: oklch(48% .18 145);--el-shadow: 0 1px 3px rgba(0,0,0,.05), 0 4px 16px rgba(0,0,0,.06);background:var(--el-bg);color:var(--el-text);font-family:Inter,system-ui,sans-serif;min-block-size:100dvh;padding-block-end:4rem}.el-header{background:var(--el-surface);border-block-end:1px solid var(--el-border);padding-block:2.5rem 2rem;padding-inline:1.5rem}.el-header__inner{max-inline-size:72rem;margin-inline:auto}.el-back{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:700;color:var(--el-muted);text-decoration:none;margin-block-end:1.5rem;transition:color .2s,gap .2s}.el-back:hover{color:var(--el-accent);gap:.75rem}.el-back:hover i{transform:translate(-3px)}.el-back i{transition:transform .2s}.el-header__top{display:flex;align-items:flex-start;gap:1.25rem;margin-block-end:1.75rem}.el-lang-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0;border:1px solid}.el-header__info{flex:1}.el-title{font-family:Poppins,system-ui,sans-serif;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:900;line-height:1.1;color:var(--el-text);margin-block-end:.4rem}.el-title span{background:linear-gradient(135deg,#00787d,#007463);background:linear-gradient(135deg,color(xyz 0.081 0.157 0.295),color(xyz 0.066 0.14 0.142));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.el-subtitle{font-size:.92rem;color:var(--el-muted);line-height:1.5}.el-chips{display:flex;flex-wrap:wrap;gap:.75rem}.el-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-radius:10px;border:1px solid;background:var(--el-bg);font-size:.8rem;font-weight:700}.el-chip__icon{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.72rem}.el-chip__val{font-size:1rem;color:var(--el-text)}.el-chip__lbl{color:var(--el-muted);font-weight:600;font-size:.75rem}.el-chip--total{border-color:#00787d40;border-color:oklch(52% .18 200 / 25%)}.el-chip--total .el-chip__icon{background:#00787d1f;background:oklch(52% .18 200 / 12%);color:var(--el-accent)}.el-chip--easy{border-color:#00791e40;border-color:oklch(50% .18 145 / 25%)}.el-chip--easy .el-chip__icon{background:#00791e1f;background:oklch(50% .18 145 / 12%);color:var(--el-easy)}.el-chip--medium{border-color:#ae670040;border-color:oklch(58% .2 65 / 25%)}.el-chip--medium .el-chip__icon{background:#ae67001a;background:oklch(58% .2 65 / 10%);color:var(--el-medium)}.el-chip--hard{border-color:#c2172540}.el-chip--hard .el-chip__icon{background:#c217251a;color:var(--el-hard)}.el-toolbar{background:var(--el-surface);border-block-end:1px solid var(--el-border);padding-block:1rem;padding-inline:1.5rem;position:sticky;top:60px;z-index:40}.el-toolbar__inner{max-inline-size:72rem;margin-inline:auto;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.el-toolbar__label{font-size:.75rem;font-weight:700;color:var(--el-muted);letter-spacing:.06em;text-transform:uppercase;margin-inline-end:.25rem}.el-filter{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .9rem;border-radius:8px;font-size:.78rem;font-weight:700;border:1.5px solid var(--el-border);background:transparent;color:var(--el-muted);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.el-filter:hover{border-color:#00787d66;border-color:oklch(52% .18 200 / 40%);color:var(--el-accent)}.el-filter.is-active{color:var(--el-accent);border-color:var(--el-accent);background:#00787d12;background:oklch(52% .18 200 / 7%)}.el-filter--easy.is-active{color:var(--el-easy);border-color:#00791e7f;border-color:oklch(50% .18 145 / 50%);background:#00791e12;background:oklch(50% .18 145 / 7%)}.el-filter--medium.is-active{color:var(--el-medium);border-color:#ae67007f;border-color:oklch(58% .2 65 / 50%);background:#ae670012;background:oklch(58% .2 65 / 7%)}.el-filter--hard.is-active{color:var(--el-hard);border-color:#c217257f;background:#c2172512}.el-main{padding-block:2rem;padding-inline:1.5rem}.el-container{max-inline-size:72rem;margin-inline:auto}.el-exercise{display:flex;align-items:center;gap:1.1rem;padding:1.1rem 1.25rem;background:var(--el-surface);border:1.5px solid var(--el-border);border-radius:16px;margin-block-end:.75rem;box-shadow:var(--el-shadow);text-decoration:none;color:var(--el-text);transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden}.el-exercise:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:linear-gradient(180deg,#00787d,#007463);background:linear-gradient(180deg,color(xyz 0.081 0.157 0.295),color(xyz 0.066 0.14 0.142));opacity:0;transition:opacity .2s}.el-exercise:hover{border-color:#00787d59;border-color:oklch(52% .18 200 / 35%);transform:translate(4px);box-shadow:0 4px 20px #00787d1a;box-shadow:0 4px 20px oklch(52% .18 200 / 10%)}.el-exercise:hover:before{opacity:1}.el-exercise.is-done{border-color:#00791e4d;border-color:oklch(50% .18 145 / 30%);background:#f1fcf0}.el-exercise.is-done:before{background:linear-gradient(180deg,var(--el-done),oklch(52% .15 155));opacity:1}.el-exercise.is-hidden{display:none}.el-exercise__num{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;flex-shrink:0;border:2px solid;background:#00787d14;background:oklch(52% .18 200 / 8%);border-color:#00787d38;border-color:oklch(52% .18 200 / 22%);color:var(--el-accent);transition:background .2s,border-color .2s,color .2s}.el-exercise.is-done .el-exercise__num{background:#00791e26;background:oklch(50% .18 145 / 15%);border-color:#00791e59;border-color:oklch(50% .18 145 / 35%);color:var(--el-done)}.el-exercise__body{flex:1;min-inline-size:0}.el-exercise__title{font-size:.97rem;font-weight:700;color:var(--el-text);line-height:1.3;margin-block-end:.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-exercise__meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.el-diff-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .55rem;border-radius:100px;font-size:.68rem;font-weight:700;border:1px solid}.el-diff-badge--easy{background:#e5fde5;border-color:#b3e8b3;color:var(--el-easy)}.el-diff-badge--medium{background:#fff3e8;background:oklch(97% .04 65);border-color:#ffd5ae;border-color:oklch(90% .1 65);color:var(--el-medium)}.el-diff-badge--hard{background:#fff5f3;background:oklch(98% .03 25);border-color:#ffcfca;border-color:oklch(90% .08 25);color:var(--el-hard)}.el-exercise__points{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;font-weight:600;color:var(--el-muted)}.el-exercise__points i{color:#f59e0b}.el-exercise__score{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;font-weight:700;color:var(--el-done)}.el-exercise__check{width:32px;height:32px;border-radius:50%;background:#00791e26;background:oklch(50% .18 145 / 15%);color:var(--el-done);display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0}.el-exercise__cta{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1.1rem;border-radius:8px;font-size:.78rem;font-weight:700;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:transform .15s,box-shadow .15s}.el-exercise__cta--start{background:linear-gradient(135deg,#00787d,#007463);background:linear-gradient(135deg,color(xyz 0.081 0.157 0.295),color(xyz 0.066 0.14 0.142));color:#fff;box-shadow:0 2px 10px #00787d40;box-shadow:0 2px 10px oklch(52% .18 200 / 25%)}.el-exercise__cta--start:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00787d59;box-shadow:0 4px 16px oklch(52% .18 200 / 35%)}.el-exercise__cta--review{background:#00791e1f;background:oklch(50% .18 145 / 12%);color:var(--el-done);border:1.5px solid oklch(50% .18 145 / 30%)}.el-exercise__cta--review:hover{background:#00791e33;background:oklch(50% .18 145 / 20%);transform:translateY(-1px)}.el-empty{text-align:center;padding-block:5rem}.el-empty__icon{width:80px;height:80px;border-radius:22px;background:#00787d14;background:oklch(52% .18 200 / 8%);border:1px solid oklch(52% .18 200 / 20%);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--el-accent);margin-inline:auto;margin-block-end:1.5rem}.el-empty__title{font-family:Poppins,system-ui,sans-serif;font-size:1.4rem;font-weight:800;color:var(--el-text);margin-block-end:.5rem}.el-empty__sub{font-size:.9rem;color:var(--el-muted);margin-block-end:1.75rem;max-inline-size:40ch;margin-inline:auto;line-height:1.6}.el-tips{margin-block-start:2.5rem;background:var(--el-surface);border:1px solid oklch(52% .18 200 / 18%);border-radius:20px;padding:2rem;box-shadow:0 4px 20px #00787d0d;box-shadow:0 4px 20px oklch(52% .18 200 / 5%)}.el-tips__title{font-family:Poppins,system-ui,sans-serif;font-size:1.05rem;font-weight:800;color:var(--el-text);margin-block-end:1.1rem;display:flex;align-items:center;gap:.6rem}.el-tips__title i{color:#f59e0b}.el-tips__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem}.el-tips__item{display:flex;align-items:flex-start;gap:.75rem;font-size:.87rem;color:var(--el-muted);line-height:1.5}.el-tips__item i{color:var(--el-easy);flex-shrink:0;margin-block-start:.15rem}@media(max-width:640px){.el-exercise{flex-wrap:wrap}.el-exercise__cta{width:100%;justify-content:center;margin-block-start:.25rem}.el-header__top{flex-direction:column;gap:.75rem}}