/* Isolated sharing surface. Existing Wordscope screens and scoring are unchanged. */
.vocabulary-share-dialog{padding:0;border:0;border-radius:8px;width:min(390px,100vw);max-width:100vw;margin:auto;background:#fff;color:#111216;font:14px/1.4 Arial,Helvetica,sans-serif;letter-spacing:normal;text-align:start;direction:ltr}
dialog.vocabulary-share-dialog{max-height:100dvh;overflow-y:auto}
.vocabulary-share-dialog::backdrop{background:#0008}
.vocabulary-share-dialog *{box-sizing:border-box}
.vocabulary-share-screen{width:100%;min-height:780px;display:flex;flex-direction:column;background:#fff}
.vocabulary-share-dialog button,.vocabulary-share-dialog a{-webkit-tap-highlight-color:transparent;font-family:inherit;cursor:pointer}
.vocabulary-share-dialog a{color:inherit;text-decoration:none}
.vocabulary-share-dialog button:focus-visible,.vocabulary-share-dialog a:focus-visible{outline:2px solid #1479ff;outline-offset:3px}
.vocabulary-share-header{height:60px;flex-shrink:0;padding:0 17px;border-bottom:1px solid #d4d6db;display:flex;align-items:center;justify-content:space-between}
.vocabulary-share-brand{display:flex;gap:6px;align-items:center;font-size:22px;letter-spacing:-.7px}
.vocabulary-share-brand img{width:65px;height:39px;object-fit:contain}
.vocabulary-share-close{padding:4px 8px;background:none;border:0;font-size:28px;line-height:32px;color:#111216}
.vocabulary-share-main{padding:24px 16px 0}
.vocabulary-share-score{border:1px solid #c9cbd0;border-radius:8px;height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.vocabulary-share-score p{margin:0 0 3px;font-size:15px;font-weight:600;line-height:20px}
.vocabulary-share-score strong{font-size:76px;line-height:76px;font-weight:700;letter-spacing:-2px}
.vocabulary-share-score>span{font-size:18px;line-height:23px}
.vocabulary-share-level{margin-top:18px}
.vocabulary-share-scale{padding:4px 2px 0;border:1px solid #c9cbd0;border-radius:8px}
.vocabulary-share-scale svg{display:block;width:100%;height:auto}
.vocabulary-share-endpoints{margin:5px 0 0;text-align:center;font-size:12px;line-height:18px;color:#545860}
.vocabulary-share-copy{margin-top:24px}
.vocabulary-share-copy h2{font-size:23px;line-height:28px;letter-spacing:-.65px;font-weight:700;margin:0;color:#111216}
.vocabulary-share-copy p{font-size:14px;line-height:20px;color:#73757c;margin:9px 0 0}
.vocabulary-share-actions{border-top:1px solid #d4d6db;margin-top:24px;padding-top:20px}
.vocabulary-share-actions h2{font-size:20px;line-height:24px;font-weight:700;letter-spacing:-.45px;color:#111216;margin:0}
.vocabulary-share-social{display:flex;justify-content:center;gap:14px;margin-top:18px}
.vocabulary-share-social a{display:flex;width:48px;height:48px;align-items:center;justify-content:center;border:1px solid #aeb1b8;border-radius:7px}
.vocabulary-share-social svg{width:25px;height:25px;fill:currentColor}
.vocabulary-share-save{width:100%;height:48px;margin-top:20px;border:1px solid #0879ff;border-radius:7px;background:#0879ff;color:#fff;font-size:17px;font-weight:600}
.vocabulary-share-save:hover{background:#066ce4}.vocabulary-share-save:disabled{opacity:.7;cursor:wait}
.vocabulary-share-link{display:block;margin:14px auto 0;min-height:26px;background:none;border:0;color:#0879ff;font-size:16px}
.vocabulary-share-status{font-size:12px;line-height:18px;color:#4c5967;text-align:center;margin:0;overflow-wrap:anywhere}
.vocabulary-share-status:not(:empty){margin-top:8px}
.vocabulary-share-dialog .vocabulary-share-download{display:block;margin-top:6px;color:#0879ff;text-align:center;font-size:13px}.vocabulary-share-dialog .vocabulary-share-download[hidden]{display:none}
.vocabulary-share-footer{margin:auto 16px 0;padding:18px 0;border-top:1px solid #d4d6db;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:14px;line-height:18px;color:#767880}
.vocabulary-shared-page{margin:0;background:#f2f4f7}
.vocabulary-shared-page .vocabulary-share-screen{min-height:min(620px,100dvh);margin:clamp(0px,4vw,32px) auto}
.vocabulary-shared-page h1{margin:0 0 14px;font-size:22px}
.vocabulary-shared-page .vocabulary-share-footer a{color:#065db9;text-decoration:underline}
@media(max-width:350px){.vocabulary-share-brand{font-size:20px}.vocabulary-share-score strong{font-size:64px}.vocabulary-share-copy h2{font-size:21px}}