.vocabulary-studio{max-width:1000px;margin:32px auto;padding:24px;color:#eff8f2;min-width:0}.vocabulary-studio h1{font-size:30px;font-weight:800;letter-spacing:0}.vocabulary-studio h2{font-size:23px;font-weight:700;letter-spacing:0}.vocabulary-studio h3{font-size:18px;font-weight:700}.vocabulary-studio p{margin:14px 0;line-height:1.7}.vocabulary-studio label{display:flex;flex-direction:column;gap:8px;min-width:0}.vocabulary-studio input,.vocabulary-studio select{max-width:100%;min-height:44px;padding:10px;border:1px solid #8caa98;border-radius:4px;background:white;color:#193c2b;font:inherit}.vocabulary-studio button{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid #7fa98b;border-radius:4px;background:#ecf6ee;color:#193c2b;font:inherit}.vocabulary-studio button:disabled{opacity:.45}.vocabulary-studio button:focus-visible{outline:3px solid #58c986;outline-offset:3px}.study-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:22px 0}.study-catalog article{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid #617b6b}.study-catalog article div{min-width:0;overflow-wrap:anywhere}.study-catalog article button{flex-shrink:0}.study-catalog h2{font-size:19px}.study-session{padding:24px 0;border-block:1px solid #7c9b87}.study-session progress{width:100%;height:12px;accent-color:#45ba7b}.study-session li{margin:12px 0;line-height:1.7}.study-session a{color:#9ce4b8;text-decoration:underline}.study-stop{margin-top:24px}.study-meaning{font-size:20px}.vocabulary-studio [role=status]{min-height:24px;color:#ffdda2}.study-import{border-top:1px solid #789482;padding:20px 0}.study-import button{margin-right:12px}@media(max-width:600px){.vocabulary-studio{padding:16px}.study-toolbar>label,.vocabulary-studio input[type=file]{width:100%}.vocabulary-studio h1{font-size:26px}}.vocabulary-studio{scroll-margin-top:80px}body:has(.vocabulary-studio) nav[aria-label="Mobile navigation"]{display:none}body:has(.vocabulary-studio) header.sticky,body:has(.vocabulary-studio)>header{position:static}