.ez-practice-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0;font-size:16px;color:#334155}
.ez-practice-bar button,.ez-practice-bar a,.ez-practice-prompt button,.english-practice-page a{font:inherit;min-height:44px;display:inline-flex;align-items:center;padding:8px 14px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;text-decoration:none;cursor:pointer}
.ez-practice-bar button:hover,.ez-practice-bar a:hover{background:#f8fafc}
.ez-practice-bar button:focus-visible,.ez-practice-bar a:focus-visible,.ez-practice-prompt button:focus-visible,.english-practice-page a:focus-visible{outline:3px solid #2563eb;outline-offset:3px}
.ez-practice-status{font-size:16px;line-height:1.6;color:#334155;margin:8px 0;overflow-wrap:anywhere}
.ez-practice-status:empty{display:none}
.ez-practice-prompt{padding:16px;margin:12px 0;background:#fff7ed;border-left:3px solid #c2410c;color:#7c2d12;font-size:16px;line-height:1.6}
.ez-practice-prompt[hidden]{display:none!important}
.ez-practice-prompt p{margin:0 0 12px}
.ez-practice-prompt button{margin:0 8px 6px 0}
.ez-practice-prompt .ez-practice-primary,.english-practice-page .ez-practice-primary{background:#c2410c;color:white;border-color:#c2410c}
.english-practice-page{max-width:800px;margin:32px auto;padding:0 20px;font-size:16px;color:#334155;line-height:1.7}
.english-practice-page h1{font-size:28px;color:#0f172a}
.english-practice-content{white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;max-height:320px;overflow:auto}
.english-practice-page a{margin:8px 8px 8px 0}
@media(max-width:600px){.ez-practice-bar{gap:8px}.ez-practice-bar button,.ez-practice-bar a{padding:8px 10px}.english-practice-page{margin:20px auto}}

#ez-practice-login-download[hidden]{display:none!important}
[data-theme="dark"] .ez-practice-bar,[data-theme="dark"] .ez-practice-status,[data-theme="dark"] .english-practice-page,[data-theme="dark"] .english-practice-page h1{color:#f5ece3}
[data-theme="dark"] .ez-practice-bar button,[data-theme="dark"] .ez-practice-bar a,[data-theme="dark"] .ez-practice-prompt button,[data-theme="dark"] .english-practice-page a{background:#433a33;color:#f5ece3;border-color:#987b55}
[data-theme="dark"] .ez-practice-bar button:hover,[data-theme="dark"] .ez-practice-bar a:hover{background:#57412e}
[data-theme="dark"] .ez-practice-prompt{background:#433a33;color:#f5ece3;border-color:#f4c475}
[data-theme="dark"] .ez-practice-prompt .ez-practice-primary,[data-theme="dark"] .english-practice-page .ez-practice-primary{background:#f4c475;color:#35261a;border-color:#f4c475}
[data-theme="dark"] .english-practice-content{background:#433a33;color:#f5ece3;border-color:#987b55}

/* English copybook download feedback: keep quota and save hints visually grouped. */
.english-zitie-page .toolbox-download-status,
.toolbox-mobile-actions-ez .toolbox-download-status {
    display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    max-width: min(100%, 620px);
    box-sizing: border-box;
    margin: 8px 0 14px;
    padding: 9px 12px;
    border: 1px solid #ead8c4;
    border-radius: 10px;
    background: #fffaf4;
    color: #76543d;
    font-size: 13px;
    line-height: 1.55;
    overflow-wrap: anywhere;
}
.english-zitie-page .toolbox-download-status:not(:empty)::before,
.toolbox-mobile-actions-ez .toolbox-download-status:not(:empty)::before {
    content: '↓';
    display: inline-grid;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 999px;
    background: #f4c475;
    color: #5b371d;
    font-size: 15px;
    font-weight: 700;
}
.english-zitie-page .toolbox-download-status span,
.toolbox-mobile-actions-ez .toolbox-download-status span {
    min-width: 0;
}
.english-zitie-page .toolbox-download-status a:not([hidden]),
.toolbox-mobile-actions-ez .toolbox-download-status a:not([hidden]) {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    min-height: 32px;
    margin: 0 0 0 auto;
    padding: 5px 10px;
    border: 1px solid #d89b5a;
    border-radius: 7px;
    background: #fff;
    color: #9b501a;
    font-size: 13px;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
}
.english-zitie-page .toolbox-download-status a:not([hidden]):hover,
.toolbox-mobile-actions-ez .toolbox-download-status a:not([hidden]):hover {
    background: #fff3e3;
}
.english-zitie-page .toolbox-download-status a:not([hidden]):focus-visible,
.toolbox-mobile-actions-ez .toolbox-download-status a:not([hidden]):focus-visible {
    outline: 3px solid #2563eb;
    outline-offset: 2px;
}
[data-theme="dark"] .english-zitie-page .toolbox-download-status,
[data-theme="dark"] .toolbox-mobile-actions-ez .toolbox-download-status {
    border-color: #806a58;
    background: #3d332c;
    color: #eadbce;
}
[data-theme="dark"] .english-zitie-page .toolbox-download-status:not(:empty)::before,
[data-theme="dark"] .toolbox-mobile-actions-ez .toolbox-download-status:not(:empty)::before {
    background: #f4c475;
    color: #35261a;
}
[data-theme="dark"] .english-zitie-page .toolbox-download-status a:not([hidden]),
[data-theme="dark"] .toolbox-mobile-actions-ez .toolbox-download-status a:not([hidden]) {
    border-color: #b88b5b;
    background: #4b3d32;
    color: #ffd18b;
}
[data-theme="dark"] .english-zitie-page .toolbox-download-status a:not([hidden]):hover,
[data-theme="dark"] .toolbox-mobile-actions-ez .toolbox-download-status a:not([hidden]):hover {
    background: #5a4738;
}
@media (max-width: 600px) {
    .english-zitie-page .toolbox-download-status,
    .toolbox-mobile-actions-ez .toolbox-download-status {
        width: 100%;
        max-width: none;
        margin-top: 6px;
        margin-bottom: 12px;
        padding: 9px 10px;
        font-size: 13px;
    }
    .english-zitie-page .toolbox-download-status a:not([hidden]),
    .toolbox-mobile-actions-ez .toolbox-download-status a:not([hidden]) {
        min-height: 34px;
        padding-inline: 9px;
    }
}
