.vocabulary-shell{background-color:#f5f4fa;min-height:100vh;padding:0!important}@media (min-width:768px){.vocabulary-shell{box-shadow:0 0 20px #0000001a}}.vocab-search-section{text-align:start;background:#f8f8fc;border-radius:12px}.vocab-search-image img{object-fit:cover;width:100%;height:auto}.vocab-search-box{margin-top:20px;padding:0 20px}.vocab-page{padding:0 10px}.search-input-wrapper{background:#fff;border-radius:999px;max-width:100%;margin:0 auto 32px;display:flex;overflow:hidden;box-shadow:0 2px 6px #0000001a}.search-input-wrapper input{border:none;border-radius:999px;outline:none;flex:1;padding:12px 20px;font-size:15px}input,input::placeholder{text-align:left;font-family:Inter;font-size:18px;font-weight:400}.search-btn{cursor:pointer;color:#999;background:0 0;border:none;padding:12px 20px;font-size:16px}.vocab-category-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.vocab-btn{text-align:center;color:#000;background:#fff;border-radius:12px;padding:31px 30px;font-size:20px;font-weight:700;text-decoration:none;transition:all .2s;box-shadow:0 2px 6px #0000001a}.vocab-btn:hover{background:#ececff;transform:translateY(-2px)}.vocab-tabs{background:#fff;border-bottom:2px solid #ddd;justify-content:space-between;display:flex;overflow-x:auto}.vocab-tabs a{color:#444;white-space:nowrap;border-bottom:2px solid #0000;flex-shrink:0;padding:12px 16px;font-size:20px;font-weight:700;text-decoration:none}.vocab-tabs a.active{color:#000;border-color:#133985}.vocab-info{color:#b91c1c;background:#fef2f2;align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:flex}.vocab-wrapper{display:flex}.vocab-sidebar{color:#999;flex-direction:column;width:32px;max-height:65vh;padding-top:12px;font-size:12px;display:flex;position:sticky;top:0;overflow-y:auto}.vocab-sidebar ul{margin:0;padding:0;list-style:none}.vocab-sidebar li{text-align:center;margin:4px 0}.vocab-sidebar a{color:#888;border-left:4px solid #0000;padding:4px 8px;font-size:14px;font-weight:400;text-decoration:none;transition:all .2s;display:block}.vocab-sidebar a.active{color:#133985;background-color:#f5f6fa;border-left:4px solid #133985;font-weight:700}.vocab-list{scroll-behavior:smooth;background:#f9f9fb;flex:1;max-height:70vh;padding:16px 0;overflow-y:auto}.vocab-list.unset{height:auto;overflow-y:unset}.vocab-letter{border-bottom:1px solid #ccc;margin-top:24px;font-size:22px;font-weight:700}.vocab-card{background:#fff;border-radius:8px;margin:0 0 12px;padding:12px 16px;box-shadow:0 1px 4px #0000000d}.vocab-card.border{border-top:8px solid #badfff!important}.vocab-header{justify-content:space-between;display:flex}.vocab-hint{color:#555;margin-top:4px;font-size:18px;font-style:italic;font-weight:400}.vocab-example{color:#444;font-style:italic}.speak-btn{cursor:pointer;background:0 0;border:none;font-size:18px}.vocab-section-heading{font-size:28px;font-weight:700}.synonymous{font-family:SVN-Linux Libertine;font-size:20px;font-style:italic;font-weight:400}.vocab-title{font-size:20px;font-weight:400}.modal{z-index:999;background-color:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:12px;flex-direction:column;gap:12px;max-width:400px;margin:100px auto;padding:20px;display:flex;box-shadow:0 2px 8px #0003}.modal-content h3{text-align:center;margin-top:0}.modal-content input{background:#faf9fc;border:1px solid #ddd;border-radius:8px;padding:10px;font-size:14px}.submit-btn{color:#fff;cursor:pointer;background-color:#03c;border:none;border-radius:8px;padding:10px;font-weight:700}.open-btn{color:#fff;cursor:pointer;background-color:#03c;border:none;border-radius:6px;margin:20px;padding:8px 16px;font-weight:700}.modal-content h3{text-align:center;font-family:Inter;font-size:24px;font-weight:500}.modal-content .submit-btn{font-family:Montserrat;font-size:18px;font-weight:700}.additional-vocab-title{color:#bdbdbd;font-family:Inter;font-size:13px;font-weight:400}.lightbox-overlay{z-index:9999;background-color:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.lightbox-overlay img.lightbox-image{border-radius:4px;max-width:90%;max-height:80%;box-shadow:0 0 20px #fff3}.lightbox-overlay.show{display:flex}.lightbox-close{color:#fff;cursor:pointer;font-size:40px;position:absolute;top:20px;right:30px}.sticky-wrapper{z-index:99;background:#fff;max-height:100vh;padding-top:10px;padding-bottom:10px;position:sticky;top:72px;overflow-y:auto}.sticky-header{z-index:100;background:#fff;padding:10px 0;position:sticky;top:0;box-shadow:0 2px 4px #0000000d}.note-text{font-size:18px;font-weight:400}.vocab-link{color:#828282;font-size:20px;font-weight:700;text-decoration:none}.scroll-disabled{height:100%!important;overflow:hidden!important}.scroll-enabled{height:auto!important;overflow:auto!important}