/* Approved BiHanyu study-desk design. Screen presentation only. */
@font-face{font-family:'Bi Source Sans';src:url('/recursos/assets/bihanyu-ui/SourceSans3-Regular.woff2?r=ffc8ea75668bbbe3bfbf0327789bdf568c77648561979ca6e17a25c42c81d67d') format('woff2'),url('/recursos/assets/bihanyu-ui/SourceSans3-Regular.ttf?r=ffc8ea75668bbbe3bfbf0327789bdf568c77648561979ca6e17a25c42c81d67d') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Bi Source Sans';src:url('/recursos/assets/bihanyu-ui/SourceSans3-Semibold.woff2?r=ffc8ea75668bbbe3bfbf0327789bdf568c77648561979ca6e17a25c42c81d67d') format('woff2'),url('/recursos/assets/bihanyu-ui/SourceSans3-Semibold.ttf?r=ffc8ea75668bbbe3bfbf0327789bdf568c77648561979ca6e17a25c42c81d67d') format('truetype');font-weight:500 800;font-display:swap}
@font-face{font-family:'Bi Source Serif';src:url('/recursos/assets/bihanyu-ui/SourceSerif4.woff2?r=ffc8ea75668bbbe3bfbf0327789bdf568c77648561979ca6e17a25c42c81d67d') format('woff2'),url('/recursos/assets/bihanyu-ui/SourceSerif4.ttf?r=ffc8ea75668bbbe3bfbf0327789bdf568c77648561979ca6e17a25c42c81d67d') format('truetype');font-weight:200 900;font-display:swap}
@media screen {
 :root{--font-ui:'Bi Source Sans',sans-serif;--font-accent:'Bi Source Serif',Georgia,serif;--bi-width-tools:1184px;--bi-width-reading:1120px;--bi-type-editorial:40px;--bi-line-editorial:46px;--bi-type-legal:40px;--bi-line-legal:46px;--bi-type-panel:24px;--bi-line-panel:31px;--bi-type-section:24px;--bi-line-section:31px;--bi-type-card:20px;--bi-line-card:28px;--bi-type-card-small:16px;--bi-line-card-small:26px;--bi-type-body:16px;--bi-line-body:26px;--bi-type-ui:14px;--bi-line-ui:22px;--bi-type-meta:13px;--bi-line-meta:20px;--bi-radius-panel:12px;--bi-radius-card:10px;--bi-radius-small:8px;--bi-radius-control:8px;--bg:#F4F5F6;--paper:#FFF;--surface-panel:#FFF;--surface-card:#FFF;--surface-soft:#F0F1F2;--surface-selected:#F8EAEA;--ink:#161616;--muted:#565656;--text-secondary:#565656;--line:#D8DCDF;--border-neutral:#D8DCDF;--link-color:#A91F24;--focus-color:#A91F24}
 :root[data-theme=dark]{--bg:#000;--paper:#161616;--surface-panel:#161616;--surface-card:#161616;--surface-soft:#202020;--surface-selected:#302021;--ink:#F5F5F5;--muted:#B9B9B9;--text-secondary:#B9B9B9;--line:#383838;--border-neutral:#383838;--link-color:#F09A9A;--focus-color:#F09A9A}
 html body{font-family:var(--font-ui)!important;font-size:16px;line-height:26px;background:var(--bg)!important;color:var(--ink)!important}
 html body .top,html body .top .nav{background:var(--bg)!important}
 html body .top .nav{box-sizing:border-box;max-width:1184px;min-height:88px!important;grid-template-columns:141px minmax(0,1fr) auto!important;padding:18px 32px!important;gap:48px!important;align-items:center!important}
 html body .top .brand{width:141px!important;min-width:0!important;margin:0!important}
 html body .top .brand img.bihanyu-wordmark{width:141px!important;height:48px!important;max-width:100%;display:block;object-fit:contain}
 html body .top .navlinks{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;min-width:0;align-items:stretch!important}
 html body .top .navlinks .nav-tab{font:600 16px/24px var(--font-ui)!important;min-width:0;min-height:44px!important;padding:10px 12px!important;border-radius:8px!important;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal!important}
 html body .top .lang{font:600 13px/20px var(--font-ui)!important;min-width:32px!important;min-height:44px!important;padding:0 4px!important;background:transparent!important;border:0!important}
 html body .top .navright{gap:12px!important;align-items:center!important}
 html body .top .theme-toggle{background:transparent!important;width:44px!important;height:44px!important;min-width:44px!important}
 body.phase2-page>main.wrap,body.about-page>main.wrap,body:not(.legal-page):not(.about-page):not(.phase2-page)>main.wrap{max-width:1184px!important;padding:0 32px 56px!important;width:100%;box-sizing:border-box}
 html body .hero,html body.phase2-page .vocabulary-hero{height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 164px;align-items:center!important;gap:48px!important;padding:40px 0 32px!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden;position:relative}
 html body .hero::before,html body .hero::after,html body .hero-motion,html body .hero .eyebrow{display:none!important}
 html body .hero>div:not(.bi-study-mark){max-width:720px!important;min-width:0;margin:0!important;padding:0!important;position:static!important}
 html body .hero h1,html body.phase2-page .vocabulary-hero h1,html body.about-page #about-title{font-family:var(--font-accent)!important;font-size:40px!important;font-weight:600!important;font-style:normal!important;line-height:46px!important;letter-spacing:-.025em!important;margin:0 0 16px!important;max-width:720px}
 html body .hero h1 span{font:inherit!important;color:inherit!important;letter-spacing:inherit!important}
 html body .hero p,html body.phase2-page .vocabulary-hero p{font:400 16px/26px var(--font-ui)!important;color:var(--text-secondary)!important;max-width:58ch!important;min-height:0!important;margin:0!important;text-align:start!important}
 html body .hero>.bi-study-mark{width:148px!important;max-width:148px!important;height:148px!important;margin:0!important;padding:0!important;position:relative!important;justify-self:end;display:grid;place-items:center;border:1px solid var(--line);background:linear-gradient(var(--line),var(--line)) center/1px 100% no-repeat,linear-gradient(90deg,var(--line),var(--line)) center/100% 1px no-repeat;overflow:hidden;color:var(--ink)}
 .bi-study-mark::before,.bi-study-mark::after{content:'';position:absolute;width:140%;border-top:1px dashed var(--line);transform:rotate(45deg)}.bi-study-mark::after{transform:rotate(-45deg)}
 .bi-study-mark span{font-family:var(--font-han);font-size:94px;line-height:1;z-index:1}
 html body :is(#practicar,#worksheetPanel,#dictationPanel){padding:32px!important;border-radius:12px!important;background:var(--surface-panel)!important;box-shadow:none!important;min-width:0;border:1px solid var(--line)!important}
 html body :is(#practicar,#worksheetPanel,#dictationPanel) .cardhead{border:0!important;padding:0!important;margin:0 0 24px!important}
 html body :is(#practicar,#worksheetPanel,#dictationPanel) .cardhead h2{font:600 24px/31px var(--font-ui)!important;letter-spacing:-.015em!important;margin:0!important}
 html body #practicar .fieldlabel,html body #worksheetPanel .fieldlabel,html body #dictationPanel label[for=dictationInput]{font:600 14px/20px var(--font-ui)!important;letter-spacing:normal!important;min-height:20px!important;margin:0 0 8px!important}
 html body input:is(#wordInput,#worksheetCharacterInput,#dictationInput){box-sizing:border-box;height:52px!important;min-height:52px!important;padding:12px 54px 12px 16px!important;font-size:18px!important;line-height:26px!important;border-radius:8px!important;background:var(--bg)!important}
 html body #wordForm>.search-row,html body .worksheet-search-row,html body .dictation-add-row{gap:12px!important;margin-top:0!important;min-width:0}
 html body #wordForm>.search-row>.primary,html body #worksheetSearchButton,html body #dictationAdd{min-height:52px!important;height:auto!important;width:120px;min-width:120px;flex:0 0 120px;padding:12px 20px!important;white-space:normal;font:600 14px/20px var(--font-ui)!important;border-radius:8px!important}
 html body :is(.primary,.printbtn,.savebtn,.iconbtn){font-family:var(--font-ui)!important;font-size:14px!important;font-weight:600!important;line-height:20px!important;border-radius:8px!important}
 html body :is(#drawButton,#worksheetHandwritingButton,#dictationHandwritingButton){font:600 14px/20px var(--font-ui)!important;background:transparent!important;border:0!important;color:var(--link-color)!important;padding:6px 0!important;min-height:44px!important;max-width:100%;white-space:normal}
 html body :is(#wordHelp,#wordStatus,.worksheet-search-help,.dictation-help,.pdf-save-hint,.phase4-row-help){font:400 14px/22px var(--font-ui)!important;color:var(--text-secondary)!important}
 html body .search-options label{font:400 14px/22px var(--font-ui);min-width:0;max-width:100%}
 html body .entry-workspace{padding-top:24px;margin-top:24px;gap:40px;min-width:0}
 html body.phase2-page #entryMeanings{font:400 16px/26px var(--font-ui)!important}
 html body.phase2-page #entryHanzi{font-size:64px;line-height:1.2}
 html body.phase2-page :is(#entryMeaningHeading,#componentSection h3,.entry-strokes h3),html body #phase4WorksheetOptions h3,html body #dictationPanel h3{font:600 20px/28px var(--font-ui)!important;letter-spacing:normal!important}
 html body .entry-main,html body .entry-side,html body .entry-strokes{min-width:0}
 html body #phase4WorksheetOptions{padding:24px 0!important;margin:24px 0!important;background:transparent!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;gap:16px 24px;min-width:0}
 html body #phase4WorksheetOptions label{display:flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:100%;font:400 14px/22px var(--font-ui)}
 html body #phase4WorksheetOptions input[type=number]{min-width:0;max-width:100%;flex:0 0 60px;width:60px;min-height:44px}
 html body #worksheetPanel .worksheet-character-search{padding-bottom:24px!important}
 html body .worksheet-actions{display:flex!important;flex-wrap:wrap!important;gap:12px!important;width:100%;min-width:0}
 html body .worksheet-actions>button{box-sizing:border-box;flex:1 1 150px!important;min-width:min(100%,150px)!important;max-width:100%!important;width:auto!important;min-height:48px!important;height:auto!important;padding:12px 16px!important;white-space:normal!important;overflow-wrap:break-word;font:600 14px/20px var(--font-ui)!important}
 html body #worksheetPanel .worksheet-preview{border-radius:8px!important;box-shadow:none!important}
 html body .dictation-selection-head{margin-top:24px;padding-top:24px;gap:16px}
 html body .dictation-choice{padding:20px!important;border-radius:10px!important;box-shadow:none!important;min-width:0;overflow-wrap:anywhere}
 html body .dictation-word-heading{flex-wrap:wrap;gap:16px;min-width:0}
 html body .dictation-word-heading .han{font-size:40px!important;line-height:1.2!important;font-weight:400!important}
 html body .dictation-choice-reading{font:600 16px/26px var(--font-ui)!important}
 html body .dictation-choice-meaning{font:400 14px/22px var(--font-ui)!important}
 html body .tool-empty-state{padding:20px!important;gap:16px!important;border-radius:10px!important;min-width:0}
 html body .tool-empty-state>div{min-width:0}
 html body .tool-empty-state :is(strong,p){font-size:14px!important;line-height:22px!important}
 html body .tool-empty-state svg{width:48px!important;height:48px!important;flex:0 0 48px!important}
 html body .pronunciation-note{box-sizing:border-box;width:100%!important;max-width:1120px;margin:32px auto 0!important;padding:20px 0 0!important;background:transparent!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important}
 html body .pronunciation-note :is(summary,h2){font:600 16px/26px var(--font-ui)!important}
 html body .pronunciation-note p{font:400 14px/22px var(--font-ui)!important;max-width:68ch}
 html body.about-page .content{padding:32px!important;max-width:760px;margin-inline:auto;border-radius:12px!important;box-shadow:none!important}
 html body.about-page .section h2{font:600 24px/31px var(--font-ui)!important;border:0;padding-left:0}
 html body.about-page .feature{border-radius:10px!important;box-shadow:none!important}
 html body.legal-page>main{box-sizing:border-box;width:calc(100% - 64px)!important;max-width:1120px!important;margin:0 auto 56px!important;padding:32px!important;border-radius:12px!important;background:var(--surface-panel)!important;box-shadow:none!important;font:400 16px/26px var(--font-ui)!important;overflow-wrap:anywhere}
 html body.legal-page>main h1{font:600 40px/46px var(--font-accent)!important;letter-spacing:-.025em!important;margin:0 0 16px!important}
 html body.legal-page>main h2{font:600 24px/31px var(--font-ui)!important;letter-spacing:-.015em;margin:32px 0 12px!important}
 html body.legal-page>main h3{font:600 20px/28px var(--font-ui)!important}
 html body.legal-page>main :is(p,li,dd,dt){font-size:16px;line-height:26px;max-width:68ch;text-align:start}
 /* Word-style justification: last lines and headings keep their normal alignment. */
 html body.legal-page>main :is(p,li,dd,.legal-notice),html body.about-page .section :is(p,li,dd){text-align:justify;text-align-last:start;hyphens:auto}
 html body.legal-page>main :is(.updated,.meta){font:400 13px/20px var(--font-ui)!important;letter-spacing:normal!important;text-transform:none!important}
 html body.legal-page .legal-notice{font:400 14px/22px var(--font-ui)!important;padding:16px 20px!important;background:var(--surface-soft)!important;border:0!important;border-left:3px solid var(--brand-red)!important;border-radius:0 8px 8px 0!important;margin-bottom:24px}
 html body .bi-information-nav{box-sizing:border-box;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;width:calc(100% - 64px);max-width:1120px;padding:0;margin:32px auto 24px;border-bottom:1px solid var(--line)}
 html body .bi-information-nav a{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;min-height:56px;padding:12px 8px;border-bottom:2px solid transparent;text-align:center;white-space:normal;overflow-wrap:break-word;text-decoration:none;font:400 14px/20px var(--font-ui);color:var(--text-secondary)}
 html body .bi-information-nav a[aria-current]{border-bottom-color:var(--brand-red);color:var(--ink)}
 html body.legal-page .source-table{max-width:100%;overflow-x:auto}
 html body button:focus-visible,html body a:focus-visible,html body input:focus-visible{outline:3px solid var(--focus-color)!important;outline-offset:4px!important}
 @media(max-width:760px){
  html body .top .nav{grid-template-columns:141px minmax(0,1fr)!important;gap:16px!important;padding:16px 20px!important;min-height:0!important}
  html body .top .navlinks{grid-row:2;grid-column:1/-1}
  html body .top .navright{grid-column:2;grid-row:1;justify-content:flex-end}
  html body .top .navlinks .nav-tab{font-size:14px!important;line-height:20px!important;padding:10px 4px!important}
  body.phase2-page>main.wrap,body.about-page>main.wrap,body:not(.legal-page):not(.about-page):not(.phase2-page)>main.wrap{padding:0 20px 32px!important}
  html body .hero,html body.phase2-page .vocabulary-hero{grid-template-columns:minmax(0,1fr);gap:0!important;padding:28px 0 24px!important;min-height:0!important}
  html body .hero>.bi-study-mark{display:none!important}
  html body .hero h1,html body.phase2-page .vocabulary-hero h1,html body.about-page #about-title{font-size:30px!important;line-height:36px!important}
  html body :is(#practicar,#worksheetPanel,#dictationPanel),html body.about-page .content{padding:20px!important}
  html body .entry-workspace{grid-template-columns:minmax(0,1fr)!important;gap:24px}
  html body input:is(#wordInput,#worksheetCharacterInput,#dictationInput){width:100%;min-width:0;flex:0 0 auto!important}
  html body #wordForm>.search-row>.primary,html body #worksheetSearchButton,html body #dictationAdd{width:100%!important;min-width:0!important;flex:0 0 auto!important}
  html body.legal-page>main{width:calc(100% - 40px)!important;padding:20px!important;margin-bottom:32px!important}
  html body.legal-page>main h1{font-size:30px!important;line-height:36px!important}
  html body.legal-page>main h2{font-size:22px!important;line-height:29px!important}
  html body .bi-information-nav{width:calc(100% - 40px);margin:24px auto 20px}
  html body .bi-information-nav a{padding:10px 4px}
  html body .pronunciation-note{margin-top:24px!important}
 }
 @media(max-width:480px){html body .bi-information-nav{grid-template-columns:repeat(6,minmax(0,1fr))}html body .bi-information-nav a{grid-column:span 2}html body .bi-information-nav a:nth-child(n+4){grid-column:span 3}}
}
@media print{.bi-study-mark,.bi-information-nav{display:none!important}}
/* Restore the site's original cover images, without decorative characters. */
@media screen {
 html body .hero,html body.phase2-page .vocabulary-hero{display:flex!important;min-height:300px!important;padding:36px!important;margin:28px 0!important;border-radius:12px!important;background:var(--surface-panel)!important;isolation:isolate}
 html body .hero::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background-image:url('/recursos/assets/hero-centered.webp?r=ffc8ea75668bbbe3bfbf0327789bdf568c77648561979ca6e17a25c42c81d67d')!important;background-size:cover!important;background-position:center!important;filter:var(--hero-image-filter)!important;opacity:1!important;transform:none!important;animation:none!important;z-index:0!important}
 html body .hero[data-view="worksheet"]::before{background-image:url('/recursos/assets/practice-desk-jade.webp?r=ffc8ea75668bbbe3bfbf0327789bdf568c77648561979ca6e17a25c42c81d67d')!important}
 html body .hero[data-view="dictation"]::before{background-image:url('/recursos/assets/hero-dictado.webp?r=ffc8ea75668bbbe3bfbf0327789bdf568c77648561979ca6e17a25c42c81d67d')!important}
 html body.about-page .hero::before{background-image:url('/recursos/assets/about-cultural-jade.webp?r=ffc8ea75668bbbe3bfbf0327789bdf568c77648561979ca6e17a25c42c81d67d')!important}
 html body .hero::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;background:var(--hero-wash)!important;z-index:1!important;pointer-events:none}
 html body .hero>div:not(.bi-study-mark){position:relative!important;z-index:2!important;max-width:65%!important}
 html body .hero>.bi-study-mark{display:none!important}
 @media(max-width:760px){html body .hero,html body.phase2-page .vocabulary-hero{min-height:260px!important;padding:24px 20px!important;margin:20px 0!important}html body .hero>div:not(.bi-study-mark){max-width:100%!important}html body .hero::before{background-image:url('/recursos/assets/hero-centered-mobile.webp?r=ffc8ea75668bbbe3bfbf0327789bdf568c77648561979ca6e17a25c42c81d67d')!important}html body .hero[data-view="worksheet"]::before{background-image:url('/recursos/assets/practice-desk-jade.webp?r=ffc8ea75668bbbe3bfbf0327789bdf568c77648561979ca6e17a25c42c81d67d')!important}html body .hero[data-view="dictation"]::before{background-image:url('/recursos/assets/hero-dictado.webp?r=ffc8ea75668bbbe3bfbf0327789bdf568c77648561979ca6e17a25c42c81d67d')!important}html body.about-page .hero::before{background-image:url('/recursos/assets/about-cultural-jade-mobile.webp?r=ffc8ea75668bbbe3bfbf0327789bdf568c77648561979ca6e17a25c42c81d67d')!important}}
}

@media screen{html body.phase2-page :is(#wordOptions,#wordDetail,#wordStatus,.word-result-toolbar)[tabindex='-1']:focus{outline:none!important}}
@media screen{
 body.phase2-page,html[data-tool] body{overflow-anchor:none}
 html body :is(.canonical-search,.worksheet-word-chip,.dictation-choice)[tabindex='-1']:focus{outline:none!important}
 @media(max-width:600px){
  html body .shared-results-pagination.lateral{display:grid!important;grid-template-columns:48px minmax(0,1fr) 48px;gap:8px;min-height:48px;margin:16px 0 0!important}
  html body .shared-results-pagination.lateral .shared-page-halo{position:static!important;transform:none!important;width:48px;height:48px;background:transparent!important}
  html body .shared-results-pagination.lateral .shared-page-footer{width:auto!important}
  html body .shared-page-arrow{min-width:44px!important;min-height:44px!important}
  html body :is(.canonical-search.shared-pagination-host>.canonical-search-list,#wordResults){padding-inline:0!important}
 }
}

/* Phase 05: shared screen interaction and layout. Print geometry is independent. */
@media screen {
 :root{--bi-control-border:#85898C;--bi-result-gap:8px}
 :root[data-theme=dark]{--bi-control-border:#85898C;color-scheme:dark}
 :root:not([data-theme=dark]){color-scheme:light}
 html body :is(#practicar,#worksheetPanel,#dictationPanel) :is(label[for=wordInput],label[for=worksheetCharacterInput],label[for=dictationInput]){line-height:22px!important}
 html body .worksheet-search-field{position:relative;display:flex;flex:1 1 0;min-width:0}
 html body .worksheet-search-field #worksheetCharacterInput{width:100%;min-width:0}
 html body #worksheetPanel .worksheet-search-field #clearWorksheetInput{right:4px;top:4px;bottom:auto;transform:none;width:44px;height:44px}
 html body input:is(#wordInput,#worksheetCharacterInput,#dictationInput){border-color:var(--bi-control-border)!important}
 html body .canonical-search-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--bi-result-gap)!important}
 html body .canonical-search-item{min-width:0;grid-template-columns:auto minmax(0,1fr);min-height:82px;padding:10px 12px!important;border-radius:12px!important}
 html body .canonical-search-item :is(strong,span,small){min-width:0;overflow-wrap:anywhere}
 html body .canonical-search-item strong{font-size:28px!important;line-height:1.3!important}
 html body .canonical-search-item>span{font-size:16px!important;line-height:24px!important}
 html body :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--focus-color)!important;outline-offset:3px!important}
 html body :is(button,a,input,select,textarea,summary){scroll-margin-block:24px}
 html body :is(.handwriting-dialog,.word-options){overscroll-behavior:contain}
 @media(max-width:760px){html body .worksheet-search-field{width:100%;flex:0 0 auto}}
 @media(max-width:480px){html body .dictation-choice{grid-template-columns:minmax(0,1fr)!important}html body .dictation-selection-actions{grid-column:1;grid-row:auto;justify-content:flex-end}html body .dictation-selection-actions :is(.dictation-move,.dictation-remove){min-width:44px!important;min-height:44px!important}}
 @media(max-width:399px){html body .canonical-search-list{grid-template-columns:minmax(0,1fr)!important}}
 @media(prefers-reduced-motion:reduce){html body :is(.canonical-search,.search-result,.canonical-search-item,.nav-tab,.iconbtn){scroll-behavior:auto!important;transition:none!important;animation:none!important}}
}

@media screen{html body .audio-license-return{box-sizing:border-box;max-width:900px;margin:0 auto;padding:24px;display:block}html body .audio-license-return a{display:inline-flex;align-items:center;min-height:44px}}

/* Shared pagination lanes keep arrow halos and focus rings clear of result cards. */
@media screen and (min-width:601px){
 html body.inline-vocabulary-results #wordOptions:not(.composition-open) #wordResults,
 html body .canonical-search.shared-pagination-host>.canonical-search-list{padding-inline:64px!important}
}
@media screen and (max-width:600px){
 html body.inline-vocabulary-results #wordOptions:not(.composition-open) #wordResults{padding-inline:0!important}
 html body.inline-vocabulary-results #wordOptions:not(.composition-open) .shared-results-pagination.lateral{display:grid!important;grid-template-columns:48px minmax(0,1fr) 48px;gap:8px;min-height:48px;margin:16px 0 0!important}
 html body.inline-vocabulary-results #wordOptions:not(.composition-open) .shared-results-pagination.lateral .shared-page-halo{position:static!important;transform:none!important;width:48px;height:48px;background:transparent!important}
 html body.inline-vocabulary-results #wordOptions:not(.composition-open) .shared-page-footer{width:auto!important}
}
@media screen{
 html body #dictationPanel #dictationMessage:not(:empty){padding:12px 16px;border:1px solid var(--toast-border)!important;border-radius:8px;background:var(--toast-bg)!important;color:var(--toast-ink)!important;font-size:14px;line-height:22px;box-shadow:none!important}
}

/* Never paint uninitialized legacy controls while the current tool modules load. */
@media screen {
html:not([data-tool-ready]) body.tool-page .hero,html:not([data-tool-ready]) body.tool-page .layout{display:none!important}
html[data-tool-ready] body.tool-page #toolStartup{display:none!important}
body.tool-page .tool-startup{padding:24px;margin:24px 0;border:1px solid var(--line);border-radius:18px;background:var(--surface-panel);color:var(--ink)}
body.tool-page .tool-startup p{margin:0 0 12px}
}