.custom-text-panel{max-width:620px}.custom-title-input{border:1px solid var(--bd);background:var(--btn-bg);width:100%;color:var(--tx);box-sizing:border-box;border-radius:6px;margin-bottom:8px;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:13px}.custom-title-input:focus{border-color:var(--accent,var(--hl-blue));outline:none}.custom-text-area{border:1px solid var(--bd);background:var(--btn-bg);width:100%;color:var(--tx);resize:vertical;box-sizing:border-box;border-radius:6px;padding:10px 12px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.5}.custom-text-area:focus{border-color:var(--accent,var(--hl-blue));outline:none}.custom-file-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.custom-file-label{color:var(--tx3);font-size:11px}.custom-file-buttons{gap:6px;display:flex}.custom-file-btn{border:1px dashed var(--bd);color:var(--tx3);cursor:pointer;background:0 0;border-radius:5px;padding:5px 12px;font-family:JetBrains Mono,monospace;font-size:11px;transition:all .15s}.custom-file-btn:hover{border-color:var(--accent,var(--hl-blue));color:var(--accent,var(--hl-blue))}.custom-file-hint{color:var(--hl-yellow);font-size:11px;font-style:italic}.custom-file-error{color:var(--hl-red)}.custom-file-btn:disabled{opacity:.5;cursor:not-allowed}.custom-file-input-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.custom-empty{color:var(--tx4);text-align:center;border:1px dashed var(--bd);border-radius:8px;padding:16px;font-size:12px}.custom-saved-list{scrollbar-width:thin;scrollbar-color:var(--bd)var(--bg2);flex-direction:column;gap:6px;max-height:220px;display:flex;overflow-y:auto}.custom-saved-row{border:1px solid var(--bd2);background:var(--btn-bg);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.custom-saved-title{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;color:var(--tx2);cursor:pointer;background:0 0;border:none;flex:1;padding:4px 0;font-family:JetBrains Mono,monospace;font-size:12px;overflow:hidden}.custom-saved-title:hover{color:var(--accent,var(--hl-blue))}.custom-saved-actions{flex-shrink:0;gap:4px;display:flex}.custom-icon-btn{border:1px solid var(--bd);color:var(--tx3);cursor:pointer;background:0 0;border-radius:5px;padding:3px 7px;font-size:11px;transition:all .15s}.custom-icon-btn:hover{border-color:var(--accent,var(--hl-blue));color:var(--accent,var(--hl-blue))}.custom-icon-btn--danger:hover{border-color:var(--hl-red);color:var(--hl-red)}.custom-edit-block{width:100%;padding:4px 0}.custom-edit-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.custom-footer-hint{color:var(--tx4);font-size:11px}.settings-save-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}
@keyframes pulse-blue{0%,to{border-color:var(--hl-blue);box-shadow:0 0 #82aaff00}50%{border-color:#82aaff99;box-shadow:0 0 8px 2px #82aaff4d}}@keyframes pulse-yellow{0%,to{border-color:var(--hl-yellow);box-shadow:0 0 #ffcb6b00}50%{border-color:#ffcb6b99;box-shadow:0 0 8px 2px #ffcb6b4d}}@keyframes pulse-green{0%,to{border-color:var(--hl-green);box-shadow:0 0 #4ec99400}50%{border-color:#4ec99499;box-shadow:0 0 8px 2px #4ec9944d}}.menu-section{border-radius:10px}[data-theme=light] .menu-section{border-radius:var(--ct-radius,12px);background:#e4e7ec;border:1px solid #c4cad3;padding:16px 18px;box-shadow:0 4px 12px #1e293b17,0 1px 3px #1e293b0f}.cat-btn{border:1px solid var(--bd3);cursor:pointer;background:var(--btn-bg);color:var(--tx2);border-radius:6px;padding:8px 18px;font-family:JetBrains Mono,monospace;font-size:13px;transition:background .15s,color .15s,transform .15s,border-color .15s}.cat-btn:hover{background:var(--bg3);color:var(--hl-blue);border-color:var(--hl-blue);transform:translateY(-2px)}.cat-btn:focus-visible,.diff-btn:focus-visible{outline:2px solid var(--hl-blue);outline-offset:2px}.cat-btn.active{background:var(--hl-blue-bg);color:var(--hl-blue);border-color:var(--hl-blue);font-weight:500;animation:2s ease-in-out infinite pulse-blue}.custom-cat-btn{border-style:dashed}.custom-cat-btn:hover{background:var(--hl-purple-bg,var(--bg3));color:var(--hl-purple,var(--hl-blue));border-color:var(--hl-purple,var(--hl-blue))}.diff-btn{border:1px solid var(--bd3);cursor:pointer;background:var(--btn-bg);color:var(--tx2);text-transform:uppercase;letter-spacing:.08em;border-radius:4px;padding:5px 16px;font-family:JetBrains Mono,monospace;font-size:12px;transition:background .15s,color .15s,transform .15s,border-color .15s}.diff-btn:hover{background:var(--hl-yellow-bg);color:var(--hl-yellow);border-color:var(--hl-yellow);transform:translateY(-2px)}.diff-btn.active{background:var(--hl-yellow-bg);color:var(--hl-yellow);border-color:var(--hl-yellow);font-weight:500;animation:2s ease-in-out infinite pulse-yellow}.toggle-comments-btn{border:1px solid var(--bd3);cursor:pointer;letter-spacing:.04em;color:var(--tx3);background:0 0;border-radius:4px;padding:5px 14px;font-family:JetBrains Mono,monospace;font-size:12px;transition:all .15s}.toggle-comments-btn:hover{opacity:.8;transform:translateY(-1px)}.toggle-comments-btn.active{background:var(--hl-green-bg);color:var(--hl-green);border-color:var(--hl-green);animation:2s ease-in-out infinite pulse-green}[data-theme=light] .cat-btn:hover:not(.active),[data-theme=light] .diff-btn:hover:not(.active){color:var(--tx2);background:#dde1e7;border-color:#9aa3af}[data-theme=light] .cat-btn.active,[data-theme=light] .diff-btn.active{background:#fff;font-weight:600}[data-theme=light] .cat-btn,[data-theme=light] .diff-btn{border-color:var(--ct-border-button);box-shadow:var(--ct-shadow-button)}[data-theme=light] .toggle-comments-btn:not(.active){background:var(--ct-surface);border-color:var(--ct-border-button);box-shadow:var(--ct-shadow-button)}[data-theme=light] .cat-btn.active{border:1.5px solid var(--ct-blue);color:var(--tx);box-shadow:0 2px 10px #2f6fed2e}[data-theme=light] .diff-btn.active{background:var(--ct-amber-bg);color:var(--ct-amber);border-color:var(--ct-amber);box-shadow:0 2px 10px #b8791b2e}[data-theme=light] .cat-btn.programming:hover:not(.active),[data-theme=light] .cat-btn.languages:hover:not(.active){background:var(--ct-blue-bg);border-color:var(--ct-blue);color:var(--ct-blue);box-shadow:0 3px 9px #2f6fed3d}[data-theme=light] .cat-btn.mindset:hover:not(.active){background:var(--ct-rose-bg);border-color:var(--ct-rose);color:var(--ct-rose);box-shadow:0 3px 9px #d24d8a3d}[data-theme=light] .diff-btn.beginner:hover:not(.active),[data-theme=light] .diff-btn.a1:hover:not(.active){background:var(--hl-green-bg);border-color:var(--hl-green);color:var(--hl-green);box-shadow:0 3px 9px #1f7a4d47}[data-theme=light] .diff-btn.a2:hover:not(.active){background:var(--hl-mint-bg);border-color:var(--hl-mint);color:var(--hl-mint);box-shadow:0 3px 9px #15734747}[data-theme=light] .diff-btn.b1:hover:not(.active){background:var(--hl-blue-bg);border-color:var(--hl-blue);color:var(--hl-blue);box-shadow:0 3px 9px #1a56db3d}[data-theme=light] .diff-btn.b2:hover:not(.active){background:var(--hl-purple-bg);border-color:var(--hl-purple);color:var(--hl-purple);box-shadow:0 3px 9px #8338ec38}[data-theme=light] .diff-btn.c1:hover:not(.active){background:var(--hl-orange-bg);border-color:var(--hl-orange);color:var(--hl-orange);box-shadow:0 3px 9px #c550273d}[data-theme=light] .diff-btn.c2:hover:not(.active){background:var(--hl-teal-bg);border-color:var(--hl-teal);color:var(--hl-teal);box-shadow:0 3px 9px #0f7a8a3d}[data-theme=light] .diff-btn.intermediate:hover:not(.active),[data-theme=light] .diff-btn.exam:hover:not(.active){background:var(--hl-yellow-bg);border-color:var(--hl-yellow);color:var(--hl-yellow);box-shadow:0 3px 9px #9468003d}[data-theme=light] .diff-btn.advanced:hover:not(.active){background:var(--hl-red-bg);border-color:var(--hl-red);color:var(--hl-red);box-shadow:0 3px 9px #c0392b3d}[data-theme=dark] .menu-section{background:var(--ctd-surface);border:1px solid var(--ctd-border-card);box-shadow:var(--ctd-shadow-card);border-radius:10px;padding:16px 18px;overflow:hidden}[data-theme=dark] .menu-section .section-label{background:var(--ctd-modal-cardhead);color:#7b8695;border-bottom:1px solid #262d38;margin:-16px -18px 14px;padding:10px 18px}[data-theme=dark] .menu-comments-card{box-shadow:var(--ctd-shadow-card);background:var(--ctd-surface)!important;border-color:var(--ctd-border-card)!important}[data-theme=dark] .toggle-comments-btn{background:var(--ctd-seg);border-color:var(--ctd-border-seg);box-shadow:var(--ctd-shadow-seg)}[data-theme=dark] .cat-btn:not(.active),[data-theme=dark] .diff-btn:not(.active){background:var(--ctd-modal-chrome);border-color:var(--ctd-border-seg);box-shadow:var(--ctd-shadow-seg)}[data-theme=dark] .cat-btn.programming:hover:not(.active){border-color:var(--ctd-blue);color:var(--ctd-blue-lt);background:#2f6fed29;box-shadow:0 4px 14px #2f6fed47}[data-theme=dark] .cat-btn.languages:hover:not(.active){border-color:var(--ctd-green);color:var(--ctd-green-lt);background:#15974e29;box-shadow:0 4px 14px #15974e47}[data-theme=dark] .cat-btn.mindset:hover:not(.active){border-color:var(--ctd-rose);color:var(--ctd-rose-lt);background:#d24d8a29;box-shadow:0 4px 14px #d24d8a47}[data-theme=dark] .diff-btn.beginner:hover:not(.active),[data-theme=dark] .diff-btn.a1:hover:not(.active){border-color:var(--hl-green);color:var(--hl-green);background:#4ec99429;box-shadow:0 4px 14px #4ec99447}[data-theme=dark] .diff-btn.intermediate:hover:not(.active),[data-theme=dark] .diff-btn.exam:hover:not(.active){border-color:var(--hl-yellow);color:var(--hl-yellow);background:#ffcb6b29;box-shadow:0 4px 14px #ffcb6b47}[data-theme=dark] .diff-btn.advanced:hover:not(.active){border-color:var(--hl-red);color:var(--hl-red);background:#ff555529;box-shadow:0 4px 14px #ff555547}[data-theme=dark] .diff-btn.a2:hover:not(.active){border-color:var(--hl-mint);color:var(--hl-mint);background:#3ad9a029;box-shadow:0 4px 14px #3ad9a047}[data-theme=dark] .diff-btn.b1:hover:not(.active){border-color:var(--hl-blue);color:var(--hl-blue);background:#82aaff29;box-shadow:0 4px 14px #82aaff47}[data-theme=dark] .diff-btn.b2:hover:not(.active){border-color:var(--hl-purple);color:var(--hl-purple);background:#c792ea29;box-shadow:0 4px 14px #c792ea47}[data-theme=dark] .diff-btn.c1:hover:not(.active){border-color:var(--hl-orange);color:var(--hl-orange);background:#f78c6c29;box-shadow:0 4px 14px #f78c6c47}[data-theme=dark] .diff-btn.c2:hover:not(.active){border-color:var(--hl-teal);color:var(--hl-teal);background:#56b6c229;box-shadow:0 4px 14px #56b6c247}
.tt-btn{cursor:pointer;color:#2a6a3a;letter-spacing:.12em;text-transform:uppercase;background:0 0;border:1px solid #1a3a1a;border-radius:4px;outline:none;align-items:center;gap:8px;padding:8px 18px 8px 14px;font-family:JetBrains Mono,monospace;font-size:12px;transition:color .25s,border-color .25s;display:inline-flex;position:relative;overflow:hidden}.tt-btn:before{content:"";z-index:0;background:#fcee0a;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:translate(-101%)}.tt-btn:hover:before,.tt-btn.tt-active:before{transform:translate(0)}.tt-btn:hover,.tt-btn.tt-active{color:#080c10;border-color:#fcee0a}.tt-btn-icon,.tt-btn-label{z-index:1;transition:color .25s;position:relative}.tt-btn.tt-active{box-shadow:0 0 12px #fcee0a4d,0 0 24px #fcee0a1a}[data-theme=dark] .tt-btn{box-shadow:var(--ctd-shadow-card)}[data-theme=light] .tt-btn{color:#e8f0e8;box-shadow:var(--ct-shadow-terminal);background:#15181d;border-color:#15181d}[data-theme=light] .tt-btn:hover,[data-theme=light] .tt-btn.tt-active{color:#080c10;border-color:#fcee0a}.tt-pulse{z-index:1;background:#4ec994;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.5s ease-in-out infinite tt-pulse-anim;position:relative}@keyframes tt-pulse-anim{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
.progress-bar-track{background:var(--bd);width:100%;height:2px}.progress-bar-fill{background:linear-gradient(90deg,var(--hl-blue),var(--hl-purple));height:100%;transition:width .1s}.subnav{border-bottom:1px solid var(--bd);background:var(--bg);z-index:100;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 20px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex;position:sticky;top:0}.subnav-back{color:var(--tx3);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:4px 0;font-family:JetBrains Mono,monospace;font-size:12px;transition:color .15s}.subnav-back:hover{color:var(--tx)}.subnav-breadcrumb{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.subnav-breadcrumb-lang{color:var(--tx3)}.subnav-breadcrumb-sep{color:var(--tx4);margin:0 6px}.subnav-breadcrumb-title{color:var(--tx2)}.subnav-right{white-space:nowrap;flex-shrink:0;align-items:center;gap:12px;display:flex}.stats-capsule{background:var(--bg3);border:1px solid var(--bd);border-radius:6px;align-items:stretch;display:flex;overflow:hidden}.stats-capsule__cell{border-right:1px solid var(--bd);padding:5px 12px}.stats-capsule__cell:last-child{border-right:none}.mini-stat-wrap{flex-direction:column;align-items:center;gap:1px;display:flex}.mini-stat-label{color:var(--tx4);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.mini-stat-value{font-size:14px;font-weight:500;line-height:1}.subnav-counter{font-size:12px}.subnav-counter-cursor{color:var(--hl-green)}.subnav-counter-total{color:var(--tx4)}.subnav-next-btn{border:1px solid var(--hl-green);color:var(--hl-green);cursor:pointer;letter-spacing:.05em;white-space:nowrap;background:0 0;border-radius:4px;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:11px;transition:all .15s}.subnav-next-btn:hover{background:var(--hl-green-bg)}.subnav-trans-btn{border:1px solid var(--bd3);cursor:pointer;color:var(--tx3);letter-spacing:.06em;white-space:nowrap;background:0 0;border-radius:4px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:11px;transition:all .15s}.subnav-trans-btn:hover{border-color:var(--hl-blue);color:var(--hl-blue)}.subnav-trans-btn.is-active{border-color:var(--hl-blue);background:var(--hl-blue-bg);color:var(--hl-blue)}.topbar-toggle{cursor:pointer;letter-spacing:.04em;border:1px solid;border-radius:4px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:11px;transition:all .15s}.topbar-toggle:hover{opacity:.8}.topbar-toggle.active{background:var(--hl-green-bg);border-color:var(--hl-green);color:var(--hl-green)}.topbar-toggle.inactive{border-color:var(--bd3);color:var(--tx3);background:0 0}.practice-footer{border-top:1px solid var(--bd);flex-wrap:wrap;justify-content:center;align-items:center;gap:32px;padding:16px 24px;font-family:JetBrains Mono,monospace;display:flex}.footer-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.footer-stat__label{color:var(--tx3);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.footer-stat__value{font-size:19px;font-weight:500}.footer-divider{background:var(--bd);flex-shrink:0;width:1px;height:28px}.footer-next{flex-direction:column;align-items:center;gap:4px;display:flex}.footer-next-combo{align-items:center;gap:6px;display:flex}.next-key{justify-content:center;align-items:center;font-size:17px;font-weight:500;display:inline-flex}.next-key-plus{color:var(--tx3);font-size:14px;line-height:1}[data-theme=light] .subnav{background:var(--ct-subnav-bg);border-bottom-color:var(--ct-subnav-bd);box-shadow:0 1px 4px #141e370d}[data-theme=light] .subnav-back{background:var(--ct-surface);border:1px solid var(--ct-border-button);box-shadow:var(--ct-shadow-subnav);color:var(--ct-text-sub)}[data-theme=light] .subnav-back:hover{color:var(--ct-blue);border-color:var(--ct-blue)}[data-theme=light] .subnav-right{gap:9px}[data-theme=light] .subnav-back,[data-theme=light] .subnav-trans-btn,[data-theme=light] .subnav-next-btn,[data-theme=light] .topbar-toggle{box-sizing:border-box;border-radius:8px;align-items:center;gap:7px;height:34px;padding:0 13px;font-size:12.5px;line-height:1;display:inline-flex}[data-theme=light] .subnav-breadcrumb-lang,[data-theme=light] .subnav-breadcrumb-title{color:var(--ct-text-sub)}[data-theme=light] .subnav-breadcrumb-sep{color:var(--ct-border-button)}[data-theme=light] .stats-capsule{background:var(--ct-surface);border-color:var(--ct-border-panel);box-shadow:var(--ct-shadow-capsule);border-radius:10px}[data-theme=light] .stats-capsule__cell{border-right-color:#e7eaef}[data-theme=light] .mini-stat-label{color:var(--ct-text-faint)}[data-theme=light] .stat--err .mini-stat-value{color:var(--ct-rose)!important}[data-theme=light] .stat--acc .mini-stat-value{color:var(--ct-green)!important}[data-theme=light] .stat--time .mini-stat-value{color:var(--ct-amber)!important}[data-theme=light] .stat--next .mini-stat-value{color:var(--ct-purple)!important}[data-theme=light] .subnav-counter-cursor,[data-theme=light] .subnav-counter-total{color:var(--ct-text-faint)}[data-theme=light] .subnav-next-btn{background:var(--ct-blue-bg);color:var(--ct-blue);border-color:var(--ct-blue);box-shadow:0 3px 8px #2f6fed33}[data-theme=light] .subnav-next-btn:hover{box-shadow:0 4px 11px #2f6fed4d}[data-theme=light] .subnav-trans-btn{background:var(--ct-surface);color:var(--ct-text-sub);border-color:var(--ct-border-button);box-shadow:var(--ct-shadow-subnav);border-radius:8px}[data-theme=light] .subnav-trans-btn:hover{border-color:var(--ct-blue);color:var(--ct-blue)}[data-theme=light] .subnav-trans-btn.is-active{background:var(--ct-blue-bg);color:var(--ct-blue);border-color:var(--ct-blue);box-shadow:0 3px 8px #2f6fed38}[data-theme=light] .topbar-toggle.inactive{background:var(--ct-surface);border-color:var(--ct-border-button);color:var(--ct-text-sub);box-shadow:var(--ct-shadow-subnav)}[data-theme=light] .topbar-toggle.active{background:var(--ct-green-bg);border-color:var(--ct-green);color:var(--ct-green);box-shadow:0 3px 8px #15974e33}[data-theme=light] .practice-footer{background:var(--ct-bg-chrome);border-top-color:var(--ct-border-chrome);gap:60px;height:96px;box-shadow:0 -2px 8px #141e3714}[data-theme=light] .footer-stat__label{color:#8b929c}[data-theme=light] .footer-stat__value{font-size:26px;font-weight:700}[data-theme=light] .footer-stat--err .footer-stat__value{color:var(--ct-rose)!important}[data-theme=light] .footer-stat--acc .footer-stat__value{color:var(--ct-green)!important}[data-theme=light] .footer-stat--time .footer-stat__value{color:var(--ct-amber)!important}[data-theme=light] .footer-divider{background:var(--ct-border-chrome);height:40px}[data-theme=light] .next-key-plus{color:var(--ct-text-faint)}[data-theme=light] .next-key{background:var(--ct-amber-bg);border:2px solid var(--ct-amber);border-radius:12px;width:52px;height:52px;font-size:22px;font-weight:700;box-shadow:0 0 0 3px #b8791b2e,0 6px 16px #b8791b52;color:var(--ct-amber)!important}[data-theme=light] .next-key--wide{width:auto;padding:0 14px;font-size:16px}[data-theme=light] .next-key--mod{background:var(--ct-surface);border:1px solid var(--ct-border-button);width:auto;height:auto;box-shadow:var(--ct-shadow-button);border-radius:10px;padding:8px 16px;font-size:15px;color:var(--ct-text-sub)!important}