:root { color-scheme: light; --ink:#1d2b3d; --muted:#657287; --line:#dbe2eb; --soft:#f3f6f9; --paper:#fffdf8; --accent:#315c84; --accent-soft:#e8f0f7; --gold:#a56e18; --warning:#80591a; --warning-bg:#fff5df; }
.reader{display:grid;grid-template-columns:360px minmax(0,1fr)}.reader-content{min-width:0}.category-sidebar{background:#f8fafc;border-right:1px solid #dbe2eb;padding:20px;max-height:85vh;overflow:auto;position:sticky;top:0}.category-sidebar h2{font-size:17px;margin:0 0 16px}.category-sidebar details{margin:12px 0}.category-sidebar summary{cursor:pointer;font-weight:600;font-size:14px;padding:7px 0}.category-sidebar button{display:block;width:100%;text-align:left;margin:4px 0;padding:8px 10px;font-size:13px;border-color:transparent;background:transparent}.category-sidebar button[aria-pressed="true"]{background:#e0ebf5;color:#244f79;border-color:#c0d2e4}.reader .entry-grid{grid-template-columns:minmax(0,1fr)}.reader .search-row{grid-template-columns:minmax(0,1fr) auto}.reader #random-button{grid-column:2}.reader .result-head{flex-wrap:wrap}.reader .entry-card h2{font-size:48px}@media(max-width:780px){.reader{grid-template-columns:190px minmax(0,1fr)}.category-sidebar{padding:12px}}@media(max-width:580px){.reader{display:block}.category-sidebar{position:static;max-height:240px;border-right:0;border-bottom:1px solid #dbe2eb}}
* { box-sizing:border-box; }
[hidden] { display:none!important; }
.category-sidebar #book-sections button{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;white-space:nowrap}.section-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-sidebar #book-sections .section-progress{flex:none;margin-left:0;white-space:nowrap}
.category-sidebar .section-progress{display:inline-block;margin-left:8px;font-size:11px;line-height:1.4;white-space:nowrap;font-variant-numeric:tabular-nums;color:#8a96a4;font-weight:400}.category-sidebar button[aria-pressed="true"] .section-progress{color:#6586a4}
.site-header .header-inner{padding:12px 24px;align-items:center}.brand-lockup{display:flex;align-items:center;gap:13px}.brand-avatar{width:48px;height:48px;object-fit:cover;border-radius:50%;border:2px solid #ffffff40}.site-header h1{font:600 23px/1.35 system-ui,sans-serif;margin:2px 0}.site-header .eyebrow{font-size:10px;letter-spacing:.1em}.site-header p{display:none}.site-header .pdf-link{font-size:12px;padding:6px 11px}@media(max-width:540px){.site-header .header-inner{padding:10px 16px}.brand-avatar{width:40px;height:40px}.site-header h1{font-size:19px}}
.directory-bar{display:flex;align-items:center;padding:10px 24px;border-bottom:1px solid var(--line);background:white}.directory-bar button{padding:6px 12px;font-size:13px}dialog#word-directory{position:fixed;inset:0 0 0 auto;margin:0;width:340px;max-width:90vw;height:100dvh;max-height:100dvh;padding:0;border:0;border-left:1px solid #dbe2eb;box-shadow:-10px 0 40px #1a304020;background:#fff;overflow:hidden;transform:translateX(100%);transition:transform .18s ease-out}dialog#word-directory.is-open{transform:translateX(0)}dialog#word-directory::backdrop{background:#1c2d3b40}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 20px 16px;border-bottom:1px solid #e6eaf0}.drawer-head h2{font-size:18px;margin:0}.drawer-head .directory-hint{margin:5px 0 0;font-size:11px}.drawer-head button{padding:5px 9px;font-size:12px}dialog#word-directory #word-directory-list{display:flex;flex-direction:column;flex-wrap:nowrap;gap:2px;height:calc(100dvh - 100px);max-height:none;overflow-y:auto;padding:12px}.word-jump{flex-shrink:0}dialog#word-directory .word-jump{width:100%;text-align:left;border:0;border-radius:7px;padding:11px 14px;background:transparent;color:#304b63;font-size:15px}dialog#word-directory .word-jump.visited{color:#897396;background:#faf8fc}dialog#word-directory .word-jump.current{background:#e5eef6;color:#234f78;box-shadow:inset 3px 0 #315c84;font-weight:600}@media(prefers-reduced-motion:reduce){dialog#word-directory{transition:none}}
#word-directory{padding:12px 24px;border-bottom:1px solid var(--line);background:#fff}#word-directory summary{cursor:pointer;color:#315c84;font-size:14px}#reading-count{margin-left:16px;color:#7e718e;font-size:12px}.directory-hint{font-size:12px;color:#7a8190}#word-directory-list{display:flex;flex-wrap:wrap;gap:7px;max-height:280px;overflow:auto;padding:8px 0}.word-jump{padding:6px 12px;font-size:14px}.word-jump.visited{color:#84718f;background:#f5f1f7;border-color:#e1d8e6}.word-jump.current{color:#fff;background:#315c84;border-color:#315c84;box-shadow:0 0 0 2px #b7ccde}
body main{max-width:none;width:100%;padding:16px 20px 40px}.site-header .header-inner{max-width:none;padding:24px 24px}.reader{min-height:calc(100vh - 170px)}
.word-reader-frame{width:100%;height:1000px;border:0;display:block;background:#f6f5f1}.reader #results{padding:0;background:#f6f5f1}
body { margin:0; background:#eef2f6; color:var(--ink); font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
button,input,select { font:inherit; }
button,select { cursor:pointer; }
button { border:1px solid #bcc8d6; border-radius:9px; padding:9px 15px; background:#fff; color:#294766; }
button:hover:not(:disabled) { border-color:#7895b2; background:#f7fafc; }
button:disabled { opacity:.5; cursor:default; }
button.primary { background:var(--accent); border-color:var(--accent); color:#fff; }
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible { outline:3px solid #9dbbd7; outline-offset:2px; }
a { color:var(--accent); }
.site-header { background:#1e344b; color:white; }
.header-inner { max-width:1180px; margin:auto; padding:34px 28px 30px; display:flex; align-items:end; justify-content:space-between; gap:24px; }
.eyebrow { color:#bcd0e3; font-size:13px; letter-spacing:.09em; text-decoration:none; text-transform:uppercase; }
h1 { margin:5px 0 2px; font:600 38px/1.15 Georgia,"Times New Roman",serif; }
h1 span { color:#c6d9e9; font:500 19px/1 system-ui,sans-serif; }
.site-header p { margin:0; color:#c4d0dc; }
.pdf-link { border:1px solid #68829b; border-radius:9px; padding:10px 16px; color:white; text-decoration:none; white-space:nowrap; }
main { max-width:1180px; margin:auto; padding:24px 28px 56px; }
.summary { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:18px; }
.summary div { display:flex; align-items:baseline; gap:9px; padding:13px 16px; background:#fff; border:1px solid var(--line); border-radius:12px; }
.summary strong { font-size:21px; color:var(--accent); font-variant-numeric:tabular-nums; }
.summary span { color:var(--muted); font-size:13px; }
.reader { background:white; border:1px solid var(--line); border-radius:16px; overflow:hidden; }
.toolbar { padding:20px; background:#f8fafc; border-bottom:1px solid var(--line); }
.search-row { display:grid; grid-template-columns:minmax(240px,1fr) auto auto; gap:10px; }
input[type="search"] { width:100%; min-width:0; padding:12px 14px; border:1px solid #aebdcd; border-radius:10px; background:white; color:var(--ink); }
.filter-row { display:flex; flex-wrap:wrap; align-items:end; gap:10px; margin-top:14px; }
.filter-row label { display:grid; gap:4px; color:var(--muted); font-size:12px; }
select { min-width:150px; padding:8px 34px 8px 10px; border:1px solid #bcc8d6; border-radius:8px; background:white; color:var(--ink); }
.letters { display:flex; flex-wrap:wrap; gap:5px; margin-top:16px; }
.letter-button { min-width:31px; padding:4px 8px; border-radius:7px; font-size:13px; }
.letter-button.active { background:var(--accent); border-color:var(--accent); color:white; }
.result-head { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:13px 20px; border-bottom:1px solid var(--line); }
#status { margin:0; color:var(--muted); }
.view-actions,.pagination { display:flex; align-items:center; gap:10px; white-space:nowrap; }
.view-actions button,.pagination button { padding:6px 12px; }
#page-label,#page-label-bottom { min-width:82px; color:var(--muted); text-align:center; font-size:13px; }
.entry-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding:20px; background:var(--soft); }
.entry-card { min-width:0; padding:20px 21px; background:var(--paper); border:1px solid #dedbd2; border-radius:12px; box-shadow:0 1px 1px rgba(23,38,54,.04); }
.entry-title-row { display:flex; justify-content:space-between; align-items:start; gap:14px; }
.entry-card h2 { margin:0; font:600 30px/1.2 Georgia,"Times New Roman",serif; overflow-wrap:anywhere; }
.book-badge { flex:none; padding:2px 9px; border-radius:99px; background:var(--accent-soft); color:var(--accent); font-size:12px; }
.entry-meta { margin:4px 0 12px; color:var(--muted); font-size:13px; }
.topic { display:inline-block; margin-bottom:8px; color:var(--gold); font-size:12px; }
.sense { padding-top:13px; border-top:1px solid #e2ded6; }
.sense + .sense { margin-top:13px; }
.sense-head { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:13px; }
.level { padding:1px 8px; border-radius:5px; background:#e9eff6; color:#304f70; font-weight:600; }
.definition { margin:8px 0; font-size:17px; }
.example { margin:8px 0; padding:9px 12px; border-left:3px solid #9dafc1; background:#f4f5f6; color:#354050; }
.pronunciation { margin:8px 0; color:var(--muted); font-size:13px; }
.source-link { display:inline-block; margin-top:6px; font-size:13px; }
.warning { margin:8px 0; padding:8px 10px; border-radius:7px; background:var(--warning-bg); color:var(--warning); font-size:13px; }
.empty { grid-column:1/-1; padding:50px 20px; text-align:center; color:var(--muted); }
.pagination { justify-content:center; padding:15px; border-top:1px solid var(--line); }
.notice { margin-top:18px; padding:16px 18px; border:1px solid #d7dee7; border-radius:12px; background:rgba(255,255,255,.7); }
.notice p { margin:4px 0 0; color:var(--muted); font-size:13px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:780px) {
  .header-inner { align-items:start; padding:25px 18px; }
  h1 { font-size:30px; }
  main { padding:16px 12px 40px; }
  .summary { grid-template-columns:repeat(2,1fr); }
  .search-row { grid-template-columns:1fr 1fr; }
  .search-row input { grid-column:1/-1; }
  .entry-grid { grid-template-columns:1fr; padding:12px; }
  .result-head { align-items:start; }
  .view-actions { display:none; }
  select { min-width:135px; max-width:46vw; }
}
@media (max-width:460px) {
  .site-header p { font-size:13px; }
  .pdf-link { padding:7px 10px; font-size:12px; }
  .summary { gap:7px; }
  .summary div { padding:10px; }
  .filter-row { display:grid; grid-template-columns:1fr 1fr; }
  .filter-row label,.filter-row select,#clear-button { width:100%; min-width:0; max-width:none; }
  .entry-card { padding:18px 16px; }
}


html[data-theme="studio"]{
  --ink:#1c1917;--muted:#6f6a64;--line:#e4dfd6;--soft:#f3f1ec;--paper:#fffcf8;
  --accent:#1c1917;--accent-soft:#eceae4;--gold:#7a6244;--warning:#7a5b2e;--warning-bg:#f6f1e6;
}
html[data-theme="studio"] body{background:#eceae4;color:#1c1917}
html[data-theme="studio"] .site-header{background:#1c1917}
html[data-theme="studio"] .site-header .eyebrow,html[data-theme="studio"] .site-header p,html[data-theme="studio"] h1 span{color:#c9c2b8}
html[data-theme="studio"] .pdf-link{border-color:#4a463f}
html[data-theme="studio"] button{border-color:#d4cfc6;background:#fff;color:#1c1917}
html[data-theme="studio"] button:hover:not(:disabled){border-color:#1c1917;background:#f6f4f0}
html[data-theme="studio"] button.primary,html[data-theme="studio"] .letter-button.active{background:#1c1917;border-color:#1c1917;color:#fff}
html[data-theme="studio"] button:focus-visible,html[data-theme="studio"] input:focus-visible,html[data-theme="studio"] select:focus-visible,html[data-theme="studio"] a:focus-visible{outline-color:#1c1917}
html[data-theme="studio"] a{color:#1c1917}
html[data-theme="studio"] .category-sidebar{background:#f7f6f3;border-color:#e4dfd6}
html[data-theme="studio"] .category-sidebar button{background:transparent;border-color:transparent;color:#1c1917}
html[data-theme="studio"] .category-sidebar button[aria-pressed="true"]{background:#1c1917;color:#fff;border-color:#1c1917}
html[data-theme="studio"] .category-sidebar button[aria-pressed="true"] .section-progress{color:#d9d3c9}
html[data-theme="studio"] .reader{background:#fff;border-color:#e4dfd6}
html[data-theme="studio"] .toolbar,html[data-theme="studio"] .directory-bar{background:#f7f6f3;border-color:#e4dfd6}
html[data-theme="studio"] .reader #results,html[data-theme="studio"] .word-reader-frame{background:#eceae4}
html[data-theme="studio"] input[type="search"],html[data-theme="studio"] select{border-color:#d4cfc6;color:#1c1917}
html[data-theme="studio"] dialog#word-directory{border-color:#e4dfd6;background:#fff}
html[data-theme="studio"] dialog#word-directory .word-jump{background:transparent;color:#1c1917;border:0}
html[data-theme="studio"] dialog#word-directory .word-jump.visited{color:#8a8178;background:#f6f4f0}
html[data-theme="studio"] dialog#word-directory .word-jump.current{background:#1c1917;color:#fff;box-shadow:inset 3px 0 #c4b8a6}
html[data-theme="studio"] .word-jump.current{background:#1c1917;color:#fff;border-color:#1c1917;box-shadow:none}
html[data-theme="studio"] .word-jump.visited{color:#8a8178;background:#f6f4f0;border-color:#e4dfd6}
html[data-theme="studio"] #word-directory summary{color:#1c1917}
html[data-theme="studio"] .summary div,html[data-theme="studio"] .notice{border-color:#e4dfd6;background:#fffcf8}

.reader{background:transparent;border:0;border-radius:0;gap:12px}
.category-sidebar{background:#fff;border:1px solid var(--line);border-radius:16px}
.reader-top{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.reader-top .result-head{border:0;border-radius:0;background:transparent}
.reading-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
html[data-theme="studio"] .reader{background:transparent;border:0}
html[data-theme="studio"] .category-sidebar,html[data-theme="studio"] .reader-top,html[data-theme="studio"] .reading-card{border-color:#e4dfd6}
html[data-theme="studio"] .reader-top,html[data-theme="studio"] .reading-card{background:#fff}

.category-sidebar #book-sections button{font-size:15px;font-weight:600}
.category-sidebar .section-name{font-weight:600}
.category-sidebar .section-progress{font-size:13px;font-weight:600;color:#4e5b68}
.category-sidebar button[aria-pressed="true"] .section-progress{color:#244f79}
html[data-theme="studio"] .category-sidebar .section-progress{color:#5c564e}
html[data-theme="studio"] .category-sidebar button[aria-pressed="true"] .section-progress{color:#d9d3c9}

.category-sidebar #book-sections > button{margin-bottom:8px}
.category-sidebar #book-sections > details{margin:0;padding:10px 0 2px;border-top:1px solid var(--line)}
.category-sidebar #book-sections details.topic-group{margin:0;padding:0;border:0}
.category-sidebar #book-sections details.topic-group > summary{padding:8px 10px;border-radius:8px}
.category-sidebar #book-sections details.topic-group > summary[aria-pressed="true"]{background:#e0ebf5;color:#244f79}
html[data-theme="studio"] .category-sidebar #book-sections details.topic-group > summary[aria-pressed="true"]{background:#1c1917;color:#fff}
.category-sidebar #book-sections .topic-list{padding:0 0 6px 18px}
.category-sidebar #book-sections .topic-list button{margin:1px 0;padding:5px 8px;font-size:14px;font-weight:500}
.category-sidebar summary{display:flex;align-items:center;gap:8px;list-style:none}
.category-sidebar summary::-webkit-details-marker{display:none}
.category-sidebar summary::marker{content:""}
.category-sidebar summary::before{content:"";flex:none;width:0;height:0;border-style:solid;border-width:5px 0 5px 7px;border-color:transparent transparent transparent currentColor}
.category-sidebar details[open] > summary::before{border-width:7px 5px 0 5px;border-color:currentColor transparent transparent transparent}
.category-sidebar #book-sections details[open] > .letter-words{display:flex;flex-direction:column;gap:1px;max-height:46vh;overflow:auto;overscroll-behavior:contain;padding:2px 6px 8px 18px;scrollbar-width:thin}
.category-sidebar #book-sections details[open] > .letter-words::-webkit-scrollbar{width:8px}
.category-sidebar #book-sections details[open] > .letter-words::-webkit-scrollbar-thumb{background:#c5ced6;border-radius:8px}
html[data-theme="studio"] .category-sidebar #book-sections details[open] > .letter-words::-webkit-scrollbar-thumb{background:#c9c3ba}
.category-sidebar #book-sections details:not([open]) > .letter-words{display:none}
.category-sidebar #book-sections .letter-words button{margin:0;padding:5px 8px;font-size:14px;font-weight:500}
.category-sidebar #book-sections .letter-words .section-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.category-sidebar #book-sections .letter-words .word-jump{background:transparent;border-color:transparent;color:#244f79}
.category-sidebar #book-sections .letter-words .word-jump.current{background:#e0ebf5;color:#244f79;border-color:transparent;box-shadow:none}
html[data-theme="studio"] .category-sidebar #book-sections .letter-words .word-jump{color:#1c1917;background:transparent;border-color:transparent}
html[data-theme="studio"] .category-sidebar #book-sections .letter-words .word-jump.current{background:#1c1917;color:#fff;border-color:#1c1917;box-shadow:none}

body[data-reader-view="practice"] .reader,
body[data-reader-view="list"] .reader{grid-template-columns:248px minmax(0,1fr)}
@media(max-width:780px){
  body[data-reader-view="practice"] .reader,
  body[data-reader-view="list"] .reader{grid-template-columns:190px minmax(0,1fr)}
}
body[data-reader-view="practice"] #previous-page,
body[data-reader-view="practice"] #next-page,
body[data-reader-view="practice"] #open-directory{display:none}
body[data-reader-view="practice"] .reading-card{background:#eef3f0;border-color:transparent}
html[data-theme="studio"] body[data-reader-view="practice"] .reading-card{background:#e7e2d8}
body[data-reader-view="practice"] .reader #results{background:transparent}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:18px;padding:22px 22px 40px}
@media(max-width:760px){.gallery{grid-template-columns:1fr 1fr;gap:10px;padding:10px}}
.gallery-empty{grid-column:1/-1;margin:48px 8px;color:#6d675f;font-size:15px}
.gallery-card,html[data-theme="studio"] .gallery-card{display:flex;flex-direction:column;align-items:stretch;width:100%;margin:0;padding:0;border:0;border-radius:18px;background:#fff;color:#1c1917;text-align:left;overflow:hidden;box-shadow:0 1px 0 rgba(28,25,23,.04),0 14px 34px rgba(28,25,23,.07);content-visibility:auto;contain-intrinsic-size:220px 280px;transition:transform .28s ease,box-shadow .28s ease;cursor:pointer}
.gallery-card:hover,html[data-theme="studio"] .gallery-card:hover,.gallery-card:focus-visible{transform:translateY(-4px);background:#fff;border:0;box-shadow:0 18px 44px rgba(28,25,23,.14)}
.gallery-card.is-located,html[data-theme="studio"] .gallery-card.is-located{box-shadow:0 0 0 3px #1c1917,0 18px 40px rgba(28,25,23,.16)}
html:not([data-theme="studio"]) .gallery-card.is-located{box-shadow:0 0 0 3px #1d4f91,0 18px 40px rgba(29,79,145,.2)}
.gallery-photo{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:#e6e1d8}
.gallery-photo::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(28,25,23,.08);pointer-events:none;z-index:2}
.gallery-reel{display:flex;height:100%;transition:transform .6s cubic-bezier(.22,.61,.36,1)}
.gallery-photo.is-reel .gallery-reel{position:absolute;inset:0;height:auto}
.gallery-slide{flex:0 0 100%;height:100%;background:#e6e1d8 center/cover no-repeat}
.gallery-photo:not(.is-reel)>.gallery-slide{position:absolute;inset:0}
.gallery-slide img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transition:transform .55s ease}
.gallery-card:hover .gallery-slide img{transform:scale(1.06)}
.gallery-dots{position:absolute;left:0;right:0;bottom:10px;z-index:3;display:flex;justify-content:center;gap:6px}
button.gallery-dot,html[data-theme="studio"] button.gallery-dot{width:7px;height:7px;margin:0;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 0 0 1px rgba(28,25,23,.28)}
button.gallery-dot.is-on,html[data-theme="studio"] button.gallery-dot.is-on{background:#fff;box-shadow:0 0 0 1px rgba(28,25,23,.18)}
button.gallery-dot:hover,html[data-theme="studio"] button.gallery-dot:hover{background:#fff;border:0}
.gallery-meta{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:12px 14px 14px}
.gallery-word{display:block;width:100%;min-width:0;padding:0;font:600 20px/1.2 system-ui,sans-serif;letter-spacing:-.04em;color:#1c1917;white-space:normal;overflow:visible;word-break:break-word}
.gallery-sounds{display:flex;flex-direction:row;align-items:center;gap:10px;flex:none}
button.gallery-speak,html[data-theme="studio"] button.gallery-speak{display:inline-flex;align-items:center;gap:4px;width:auto;height:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;line-height:1}
button.gallery-speak.uk,html[data-theme="studio"] button.gallery-speak.uk{color:#1d4f91}
button.gallery-speak.us,html[data-theme="studio"] button.gallery-speak.us{color:#e02323}
button.gallery-speak b{font:800 13px/1 system-ui,sans-serif;letter-spacing:.01em}
button.gallery-speak i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal}
button.gallery-speak.uk i{background:#1d4f91}
button.gallery-speak.us i{background:#e02323}
button.gallery-speak svg{width:13px;height:13px;display:block}
button.gallery-speak:hover,html[data-theme="studio"] button.gallery-speak:hover{background:transparent;border:0;transform:none}
button.gallery-speak:hover i{filter:brightness(1.08)}
html:not([data-theme="studio"]) .gallery-word{color:#1d3b34}
@media(prefers-reduced-motion:reduce){.gallery-card,.gallery-slide img,.gallery-reel{transition:none}}
dialog#word-preview{width:min(980px,calc(100vw - 56px));height:min(88vh,900px);margin:auto;padding:0;border:0;border-radius:22px;overflow:auto;background:#f6f5f1;box-shadow:0 28px 80px rgba(18,14,10,.38)}
dialog#word-preview::backdrop{background:rgba(18,14,10,.52)}
dialog#word-preview .word-reader-frame{width:100%;min-height:100%;border:0;display:block;background:#f6f5f1}
dialog#word-preview #close-word-preview,html[data-theme="studio"] dialog#word-preview #close-word-preview{position:sticky;top:16px;float:right;width:auto;height:34px;margin:16px 16px -52px 0;padding:0 14px;border:0;border-radius:999px;background:rgba(255,255,255,.94);color:#1c1917;box-shadow:0 8px 22px rgba(28,25,23,.16);z-index:4;font:600 13px/1 system-ui}
dialog#word-preview #close-word-preview:hover,html[data-theme="studio"] dialog#word-preview #close-word-preview:hover{background:#fff;border:0;color:#1c1917}