.vocab-decks{--vd-blue:#245cdd;--vd-line:#e0e9f7;color:#173052;margin-bottom:30px}.vocab-decks *{box-sizing:border-box}.vd-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.vd-heading h2,.vd-selected-heading h2{font-size:21px;line-height:1.4;letter-spacing:-.4px;margin:0 0 8px}.vd-heading p,.vd-selected-heading p{font-size:13px;line-height:1.7;color:#7183a0;margin:0}.vd-count{font-size:11px;color:#6682ad;background:#f3f7ff;border:1px solid #e4edfb;border-radius:20px;padding:8px 12px;white-space:nowrap}.vd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:24px}.vd-deck{min-width:0;background:#fff;border:1px solid var(--vd-line);border-radius:15px;padding:23px;display:flex;flex-direction:column;align-items:flex-start}.vd-deck-icon{display:grid;place-items:center;width:42px;height:44px;border-radius:11px;background:#edf4ff;color:var(--vd-blue);font-weight:600;font-size:19px;margin-bottom:19px}.vd-deck h3{font-size:16px;line-height:1.5;overflow-wrap:anywhere;margin:0 0 8px}.vd-deck p{font-size:11px;color:#8191ab;margin:0 0 17px}.vd-progress{height:5px;background:#edf3fc;border-radius:9px;overflow:hidden;width:100%;margin:0 0 22px}.vd-progress>span{display:block;height:100%;background:var(--vd-blue);border-radius:inherit}.vd-button{border:1px solid #dce6f7;border-radius:9px;background:white;color:var(--vd-blue);font:inherit;font-size:12px;min-height:42px;padding:10px 15px;cursor:pointer}.vd-button:hover{background:#f0f5ff}.vd-button.vd-primary{background:var(--vd-blue);color:#fff;border-color:var(--vd-blue)}.vd-button.vd-primary:hover{background:#1c4fc6}.vd-button:disabled{opacity:.5;cursor:not-allowed}.vd-deck .vd-button{margin-top:auto}.vd-empty{grid-column:1/-1;border:1px dashed #cdddf6;border-radius:15px;padding:32px 20px;text-align:center;background:#f9fbff}.vd-empty>span{display:block;font-size:30px;color:#789bd2;margin-bottom:12px}.vd-empty h3{font-size:16px;margin:0 0 9px}.vd-empty p{font-size:12px;color:#7d8fab;margin:0}.vd-create,.vd-add-card{border:1px solid var(--vd-line);border-radius:13px;background:white;padding:0 23px;margin-bottom:24px}.vd-create>summary,.vd-add-card>summary{font-size:14px;font-weight:600;padding:20px 0;min-height:54px;cursor:pointer;color:#245cdd}.vd-create>summary small{display:inline-block;font-size:11px;font-weight:400;color:#8595ad;margin-left:13px}.vocab-decks form{display:grid;gap:17px;padding:4px 0 22px}.vocab-decks label{display:grid;gap:9px;font-size:12px;font-weight:600;min-width:0}.vocab-decks label>span{font-size:11px;font-weight:400;color:#8a99b1}.vocab-decks input,.vocab-decks textarea{display:block;min-width:0;width:100%;border:1px solid #dce6f7;border-radius:9px;padding:11px 12px;font:inherit;font-size:13px;line-height:1.6;color:#173052;background:#fff;font-weight:400}.vocab-decks textarea{resize:vertical;max-height:400px}.vocab-decks form>.vd-button{justify-self:start}.vd-note{font-size:11px;line-height:1.75;color:#8291aa;margin:0}.vd-message{padding:13px 16px;border:1px solid #cdddff;border-radius:10px;background:#eef5ff;color:#245cdd;font-size:12px;line-height:1.7;margin:0 0 20px}.vd-error{border-left:4px solid #245cdd}.vd-resources{background:#f7faff;border:1px solid #e2ebf9;padding:22px;border-radius:14px}.vd-resources h3{font-size:14px;margin:0 0 8px}.vd-resources>p{font-size:11px;line-height:1.7;color:#7c8eab;margin:0 0 17px}.vd-resources>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.vd-resources a{display:flex;flex-direction:column;align-items:flex-start;gap:7px;border:1px solid #dfe9f8;border-radius:10px;padding:16px;background:white;text-decoration:none;min-width:0}.vd-resources a>span{font-size:12px;line-height:1.5;color:#2a456e;font-weight:600}.vd-resources a>small{font-size:10px;color:#245cdd}.vd-selected-heading{margin-bottom:23px}.vd-selected-heading .vd-button{padding:5px 0;border:0;background:none;min-height:34px;margin-bottom:12px;font-size:11px}.vd-flashcard{border:1px solid #dce8fa;border-radius:18px;padding:25px 30px;text-align:center;background:linear-gradient(150deg,#f3f8ff,#fff);margin-bottom:23px}.vd-flash-top{display:flex;justify-content:space-between;gap:15px;color:#7390bb;font-size:10px;letter-spacing:.06em}.vd-word{font-size:38px!important;line-height:1.4!important;letter-spacing:-1px;margin:35px 0 22px!important;color:#224c8c;overflow-wrap:anywhere}.vd-recall{font-size:13px;color:#7c8fae;margin:0 0 24px}.vd-definition{max-width:700px;margin:0 auto}.vd-definition>span{font-size:10px;letter-spacing:.07em;color:#7c95b9}.vd-definition>p{font-size:18px;line-height:1.7;color:#2e4d7b;margin:10px 0 18px;overflow-wrap:anywhere}.vd-definition blockquote{font-size:13px;font-style:italic;line-height:1.8;color:#7c90af;margin:0 0 23px;overflow-wrap:anywhere}.vd-flash-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;border-top:1px solid #e1eaf8;padding-top:23px;margin-top:30px}.vocab-decks :is(button,a,input,textarea,summary):focus-visible{outline:3px solid #7ba1e9;outline-offset:3px}.vd-button[aria-pressed=true]{background:#e7f0ff;color:#245cdd;border-color:#bcd1f5}
@media(max-width:1000px){.vd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.vd-heading{flex-wrap:wrap;gap:12px}.vd-grid{grid-template-columns:minmax(0,1fr)}.vd-deck{padding:20px}.vd-create,.vd-add-card{padding:0 18px}.vd-create>summary small{display:block;margin:7px 0 0 17px}.vd-resources>div{grid-template-columns:1fr}.vd-flashcard{padding:22px 18px}.vd-word{font-size:31px!important}.vd-definition>p{font-size:16px}.vd-flash-actions{gap:8px}.vd-flash-actions .vd-button{flex:1;min-width:90px;font-size:11px;padding-inline:10px}.vd-count{font-size:10px}.vd-button{min-height:44px}}