@font-face{font-family:NBHand;src:url('/assets/wordwall/res/itim-regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:NBBrush;src:url('/assets/wordwall/res/caveatbrush-regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:NBRound;src:url('/assets/wordwall/res/grandstander-medium.woff2') format('woff2');font-display:swap}
@font-face{font-family:NBRound;src:url('/assets/wordwall/res/grandstander-extrabold.woff2') format('woff2');font-weight:800;font-display:swap}

:root{--nb-ink:#10284d;--nb-teal:#079d9c;--nb-red:#ff3e4d;--nb-blue:#1670e8;--nb-orange:#f5a400;--nb-purple:#9c38bf;--nb-green:#36a932;--nb-line:#dbe9f4;--nb-paper:#fff}
body.theme-notebook{margin:0;min-height:100vh;color:var(--nb-ink);font-family:NBRound,Arial,sans-serif;background:#fff url('/assets/vocab/notebook-grid.png') repeat;background-size:32px 32px;overflow-x:hidden}
body.theme-notebook *,body.theme-notebook *:before,body.theme-notebook *:after{box-sizing:border-box}
body.theme-notebook button,body.theme-notebook a,body.theme-notebook input{font:inherit}
body.theme-notebook button{cursor:pointer}

body.theme-notebook .yh-game-header{height:80px;min-height:80px;padding:10px 20px;display:grid;grid-template-columns:minmax(250px,1fr) minmax(260px,440px) minmax(250px,1fr) 300px 58px;align-items:center;gap:18px;background:rgba(255,255,255,.97);border:0;border-bottom:2px solid var(--nb-blue);box-shadow:none;position:relative;z-index:20}
.theme-notebook .yh-game-logo{display:flex;align-items:center;gap:16px;color:var(--nb-ink);text-decoration:none;font-family:NBHand,cursive;font-size:28px;font-weight:400;min-width:0}
.theme-notebook .yh-nav-back-icon,.theme-notebook .yh-game-close{width:54px;height:54px;min-width:54px;display:grid;place-items:center;border:2px solid var(--nb-red);border-radius:13px;background:#fff;color:var(--nb-red);font-size:25px}
.theme-notebook .yh-game-logo-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.theme-notebook .yh-game-title{font-family:NBHand,cursive;color:var(--nb-red);text-transform:uppercase;font-size:24px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.theme-notebook .yh-game-progress{display:flex;align-items:center;gap:12px;font-family:NBHand,cursive;font-size:22px;color:var(--nb-ink);min-width:0}
.theme-notebook .yh-progress-label{text-transform:uppercase;color:var(--nb-red);font-size:18px}
.theme-notebook .yh-bar{height:10px;flex:1;min-width:120px;border:2px solid #d4dde8;border-radius:999px;background:#f8fafc;overflow:hidden}
.theme-notebook .yh-bar-fill{height:100%;background:var(--nb-teal);border-radius:inherit}
.theme-notebook .yh-game-score{height:54px;padding:0 20px;display:flex;align-items:center;gap:9px;border:2px solid var(--nb-red);border-radius:13px;color:var(--nb-red);font-family:NBHand,cursive;font-size:23px!important;text-transform:uppercase;background:#fff}
.theme-notebook .yh-score-label{font-size:20px!important}
.theme-notebook #yhProg{font-size:22px!important}
.theme-notebook .yh-game-close{text-decoration:none}

body.theme-notebook.mode-game .yh-game-main{width:min(1240px,calc(100vw - 120px));max-width:1240px;min-height:0!important;margin:0 auto!important;padding:20px 0 18px!important;display:block!important}
.theme-notebook .yh-mode-intro{min-height:165px;padding:26px 30px;display:grid;grid-template-columns:94px 1fr 150px;align-items:center;gap:22px;border:2px solid #077a89;border-radius:18px;background:rgba(255,255,255,.93);box-shadow:0 2px 0 rgba(7,122,137,.12);position:relative}
.theme-notebook .yh-mode-intro:before{content:"";position:absolute;left:-14px;top:14px;width:14px;height:136px;border:2px solid #077a89;border-right:0;border-radius:8px 0 0 8px}
.theme-notebook .yh-mode-number{width:82px;height:82px;display:grid;place-items:center;border:4px solid #006e7c;border-radius:18px;background:var(--nb-teal);color:#fff;font-family:NBHand,cursive;font-size:45px;box-shadow:inset 0 0 0 3px #ffffff80,0 3px 0 #005b65}
.theme-notebook .yh-mode-copy{display:block}
.theme-notebook .yh-mode-kicker{display:block;margin-bottom:6px;color:#078f91;font-family:NBHand,cursive;font-size:19px}
.theme-notebook .yh-mode-copy h1{margin:0 0 6px;color:#111;font-family:NBHand,cursive;font-size:44px;line-height:1.05;font-weight:400}
.theme-notebook .yh-mode-copy p{margin:0;color:#626262;font-family:NBHand,cursive;font-size:25px}
.theme-notebook .yh-mode-count{height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid #d8e1df;color:var(--nb-teal);text-transform:uppercase}
.theme-notebook .yh-mode-count strong{font-family:NBHand,cursive;font-size:47px;line-height:1}
.theme-notebook .yh-mode-count small{margin-top:7px;color:#555;font-family:NBHand,cursive;font-size:17px}
.theme-notebook #yhStage{margin-top:18px}
.theme-notebook #yhStage{min-height:0!important;padding:0!important}
body.theme-notebook.mode-fillin3 #yhStage{display:block!important;padding:0!important}
body.theme-notebook.mode-fillin3 #yhStage>.ant-card{border:2px solid var(--nb-teal)!important;border-radius:24px!important;background:#fff!important;box-shadow:0 3px 0 #d9e6f8!important}
body.theme-notebook.mode-fillin3 #yhStage>.ant-card>.ant-card-body{padding:24px 34px!important;background:#fff!important}
body.theme-notebook.mode-fillin3 .yhw-quiz-main{min-height:360px!important}
body.theme-notebook.mode-fillin3 .yhw-quiz-prompt,body.theme-notebook.mode-fillin3 .yhw-fillin-input-wrapper{width:90%!important;max-width:none!important;padding:0!important}
body.theme-notebook.mode-fillin3 .yhw-fillin-input{background:#fff!important;color:#111!important}
body.theme-notebook.mode-fillin3 .yhw-sound-btn{background:#fff2f3!important;color:var(--nb-red)!important;border-color:var(--nb-red)!important}
.theme-notebook #yhStage>.ant-card{width:100%!important;max-width:none!important;margin:0!important}
.theme-notebook .nb-no-intro #yhStage{margin-top:0}
.theme-notebook .ant-card,.theme-notebook .yhw-vowel-card{border:2px solid var(--nb-blue)!important;border-radius:28px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 3px 0 #d9e6f8!important;overflow:hidden}
.theme-notebook .ant-card-body{padding:28px!important}
.theme-notebook .yh-game-actions{min-height:72px;margin:8px auto 0;display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}
.theme-notebook .btn,.theme-notebook .nb-primary{min-height:64px;padding:10px 34px;border:2px solid #0b8090;border-radius:15px;background:#fff;color:#0b8090;font-family:NBHand,cursive;font-size:31px;font-weight:400;box-shadow:0 3px 0 #cbd6e1}
.theme-notebook .btn[disabled]{opacity:.42;cursor:not-allowed}
.theme-notebook .nb-primary,.theme-notebook #chk,.theme-notebook button#fin{background:var(--nb-teal)!important;color:#fff!important;border:3px solid #006d75!important;box-shadow:inset 0 0 0 3px #ffffff60,0 5px 0 #004f59!important}
.theme-notebook .btn-ghost{background:#fff!important;color:#7a879a!important;border-color:#9ba9ba!important}
.theme-notebook .nb-danger{color:var(--nb-red)!important;border-color:var(--nb-red)!important}
.theme-notebook .nb-success{color:#239421!important;border-color:#239421!important;background:#f7fff3!important}
.theme-notebook .teacher-preview{right:28px!important;bottom:20px!important;min-height:48px!important;padding:10px 20px!important;border:2px dashed var(--nb-orange)!important;border-radius:14px!important;background:#fffaf0!important;color:#80500a!important;font-family:NBHand,cursive!important;font-size:21px!important;box-shadow:0 4px 12px #00000012!important}

/* Shared exercise pieces */
.theme-notebook .nb-color-0{--c:var(--nb-teal);--wash:#effdfc}.theme-notebook .nb-color-1{--c:var(--nb-red);--wash:#fff3f4}.theme-notebook .nb-color-2{--c:var(--nb-blue);--wash:#f1f6ff}.theme-notebook .nb-color-3{--c:var(--nb-purple);--wash:#fbf3ff}.theme-notebook .nb-color-4{--c:var(--nb-orange);--wash:#fffaf0}
.theme-notebook .nb-card-meta{min-height:92px;padding:14px 32px;display:flex;align-items:center;gap:22px;border:2px solid var(--nb-blue);border-radius:20px;background:#fff;font-family:NBHand,cursive;font-size:26px}
.theme-notebook .nb-card-meta>i{height:16px;flex:1;border:2px solid #f1c890;border-radius:999px;overflow:hidden;background:#fffaf4}
.theme-notebook .nb-card-meta>i>b{display:block;height:100%;background:#ff7356}
.theme-notebook .nb-card-meta>button{min-height:52px;padding:9px 19px;border:2px solid var(--nb-teal);border-radius:13px;background:#f5fffd;color:#078f91;font-family:NBHand,cursive;font-size:24px}
.theme-notebook .nb-card-meta .nb-icon-button{width:52px;padding:0;border:0;color:var(--nb-ink);background:#fff;font-size:29px}
.theme-notebook .nb-quiz-label{display:inline-flex;padding:8px 16px;border:2px dashed #ff7682;border-radius:14px;color:var(--nb-red);font-family:NBHand,cursive;font-size:22px;text-transform:uppercase}
.theme-notebook .nb-sound{width:62px;height:62px;min-height:62px;display:grid;place-items:center;border:2px solid #1267d4;border-radius:50%;background:#2a7deb;color:#fff;font-size:28px}
.theme-notebook .nb-choice-mark,.theme-notebook .nb-context-option i,.theme-notebook .nb-odd-option i,.theme-notebook .nb-radical-options i{width:36px;height:36px;min-width:36px;border:2px solid currentColor;border-radius:50%}
.theme-notebook .is-correct{--c:var(--nb-teal)!important;border-color:var(--nb-teal)!important;box-shadow:inset 0 0 0 3px #fff,0 0 0 4px var(--nb-teal)!important}
.theme-notebook .is-wrong{--c:var(--nb-red)!important;border-color:var(--nb-red)!important}

/* Flashcard */
.theme-notebook.mode-flashcard .yh-game-main{width:min(1100px,calc(100vw - 120px));max-width:1100px}
.theme-notebook.mode-flashcard .ant-card{margin-top:20px}
.theme-notebook.mode-flashcard .yh-fc-shell{min-height:530px;padding:34px 42px}
.theme-notebook.mode-flashcard .yh-fc-meta{min-height:0!important;margin:0 0 26px!important;padding:0!important;border:0!important;background:transparent!important}
.theme-notebook.mode-flashcard .yh-fc-card{min-height:430px!important;border:0!important;box-shadow:none!important;background:transparent!important}
.theme-notebook.mode-flashcard .yh-fc-card-inner{min-height:430px!important;display:grid!important;grid-template-columns:46% 54%!important;align-items:center!important}
.theme-notebook.mode-flashcard .yh-fc-media{height:390px!important;border:2px solid var(--nb-teal)!important;border-radius:20px!important;background:#fff!important}
.theme-notebook.mode-flashcard .yh-fc-word{font-family:NBHand,cursive!important;font-size:75px!important;color:#111!important}
.theme-notebook.mode-flashcard .yh-fc-phonetic{font-family:NBRound,Arial,sans-serif!important;font-size:33px!important;color:#1667cc!important}

/* Matching */
.theme-notebook.mode-matching1 .ant-card-body{padding:24px!important}
.theme-notebook.mode-matching1 .yhw-match-main{display:grid;gap:22px}
.theme-notebook.mode-matching1 .yhw-match-top-grid,.theme-notebook.mode-matching1 .yhw-match-bottom-list{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:20px 32px!important}
.theme-notebook.mode-matching1 .yhw-match-top-card{min-height:98px!important;border:2px solid var(--nb-teal)!important;border-radius:16px!important;background:#f4fcfb!important;box-shadow:none!important}
.theme-notebook.mode-matching1 .yhw-match-top-word-text{font-family:NBHand,cursive!important;font-size:29px!important;color:#111!important}
.theme-notebook.mode-matching1 .yhw-match-top-answer{display:none!important}
.theme-notebook.mode-matching1 .yhw-match-bottom-card{min-height:70px!important;display:grid!important;place-items:center!important;border:2px solid var(--nb-blue)!important;border-radius:16px!important;background:#fff!important;font-family:NBHand,cursive!important;font-size:24px!important}

/* Memory */
.theme-notebook.mode-memory2 .yhw-memory-card-wrapper{padding:18px 24px 28px;border:2px solid var(--nb-blue);border-radius:20px;background:#fff}
.theme-notebook.mode-memory2 .yhw-memory-stats{width:180px;padding:8px 18px;border:2px solid #ff7467;border-radius:14px;color:#d85748;font-family:NBHand,cursive;font-size:24px;text-align:center}
.theme-notebook.mode-memory2 .yhw-memory-grid{grid-template-columns:repeat(4,1fr)!important;gap:18px 24px!important}
.theme-notebook.mode-memory2 .yhw-memory-card{height:148px!important;min-height:148px!important}
.theme-notebook.mode-memory2 .yhw-memory-card-face{border:2px solid var(--nb-blue)!important;border-radius:18px!important}
.theme-notebook.mode-memory2 .yhw-memory-card-front{background:#eaf3ff!important}
.theme-notebook.mode-memory2 .yhw-memory-card-front-number,.theme-notebook.mode-memory2 .yhw-memory-card-text{font-family:NBHand,cursive!important;font-size:44px!important}

/* Connect and triple match */
.theme-notebook .nb-connect{min-height:550px;padding:16px 34px;display:grid;grid-template-columns:1fr 1.05fr 1fr;gap:90px;align-items:center;border:2px solid var(--nb-blue);border-radius:28px;background:#fff}
.theme-notebook .nb-connect>div{display:flex;flex-direction:column;gap:12px}
.theme-notebook .nb-connect-node{min-height:62px;padding:10px 20px;border:2px solid var(--c,var(--nb-teal));border-radius:12px;background:#fff;color:#111;font-family:NBHand,cursive;font-size:25px;position:relative}
.theme-notebook .nb-connect-words .nb-connect-node{border-color:var(--nb-red);background:#fff7f7}
.theme-notebook .nb-connect-answers .nb-connect-node{border-color:var(--nb-blue);background:#f5f8ff}
.theme-notebook .nb-connect-node.is-selected{box-shadow:0 0 0 4px #0e9d9c55}
.theme-notebook .nb-action-stat{min-height:54px;padding:10px 20px;border:2px dashed var(--nb-teal);border-radius:13px;color:#078d91;font-family:NBHand,cursive;font-size:24px}
.theme-notebook .nb-triple{min-height:550px;padding:14px 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:110px;background:#fff}
.theme-notebook .nb-triple-column{display:flex;flex-direction:column;gap:12px}
.theme-notebook .nb-triple-column>span{align-self:center;padding:6px 18px;border:2px solid var(--nb-teal);border-radius:10px;color:#078d91;font-family:NBHand,cursive;font-size:24px}
.theme-notebook .nb-triple-item{min-height:66px;padding:9px 18px;border:2px solid var(--c);border-radius:14px;background:var(--wash);font-family:NBHand,cursive;font-size:25px;color:#111}
.theme-notebook .nb-triple-item.is-selected{box-shadow:0 0 0 4px color-mix(in srgb,var(--c),transparent 65%)}

/* Quiz family */
.theme-notebook .nb-quiz-card,.theme-notebook .nb-context-card{margin-top:22px;padding:28px 38px;border:2px solid var(--nb-blue);border-radius:28px;background:#fff;text-align:center}
.theme-notebook .nb-word-prompt{min-height:180px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px}
.theme-notebook .nb-word-prompt>strong{width:100%;font-family:NBHand,cursive;font-size:78px;font-weight:400;color:#111;line-height:1}
.theme-notebook .nb-word-prompt>span{font-size:30px;color:#156ad3}
.theme-notebook .nb-quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 36px}
.theme-notebook .nb-quiz-option{min-height:124px;padding:18px 24px;display:grid;grid-template-columns:65px 1fr 42px;align-items:center;gap:18px;border:2px solid var(--c);border-radius:18px;background:var(--wash);color:var(--c);text-align:left}
.theme-notebook .nb-quiz-option strong{font-family:NBHand,cursive;font-size:31px;font-weight:400;color:#111;text-align:center}
.theme-notebook .nb-letter{width:56px;height:56px;display:grid;place-items:center;border:2px solid var(--c);border-radius:13px;background:#fff;font-family:NBHand,cursive;font-size:34px}
.theme-notebook.mode-quiz4 .nb-quiz-card{padding:0 20px 20px;overflow:hidden}
.theme-notebook.mode-quiz4 .nb-word-prompt{min-height:180px;margin:0 -20px 12px;background:#f5f8ff}
.theme-notebook.mode-quiz4 .nb-word-prompt>strong{font-size:67px}
.theme-notebook.mode-quiz4 .nb-quiz-label{display:none}
.theme-notebook.mode-quiz4 .nb-quiz-options,.theme-notebook.mode-quiz5 .nb-quiz-options,.theme-notebook.mode-quiz7 .nb-quiz-options{grid-template-columns:1fr;gap:10px}
.theme-notebook.mode-quiz4 .nb-quiz-option,.theme-notebook.mode-quiz5 .nb-quiz-option,.theme-notebook.mode-quiz7 .nb-quiz-option{min-height:76px;padding:9px 18px;grid-template-columns:58px 1fr 42px}
.theme-notebook .nb-audio-prompt{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative}
.theme-notebook .nb-audio-prompt img{width:620px;max-width:85%;height:70px;object-fit:contain;opacity:.7;position:absolute;top:28px}
.theme-notebook .nb-audio-prompt .nb-sound{z-index:1;width:90px;height:90px}
.theme-notebook .nb-audio-prompt strong{font-family:NBHand,cursive;font-size:27px;color:#333}
.theme-notebook .nb-replay{min-height:44px;padding:7px 18px;border:2px solid var(--nb-teal);border-radius:12px;background:#fff;color:var(--nb-teal);font-family:NBHand,cursive;font-size:20px}

/* Context and odd one */
.theme-notebook .nb-context-card{min-height:620px;padding:42px}
.theme-notebook .nb-context-card h2{margin:70px 0 18px;font-family:NBHand,cursive;font-size:58px;font-weight:400;color:#111}
.theme-notebook .nb-context-card>p{margin:0 0 36px;color:#777;font-family:NBHand,cursive;font-size:28px}
.theme-notebook .nb-context-options{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.theme-notebook .nb-context-option{min-height:210px;padding:18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border:2px solid var(--c);border-radius:18px;background:var(--wash);color:var(--c)}
.theme-notebook .nb-context-option>span{width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--c);border-radius:50%;font-family:NBHand,cursive;font-size:24px}
.theme-notebook .nb-context-option strong{align-self:center;font-family:NBHand,cursive;font-size:37px;font-weight:400;color:#111}
.theme-notebook .nb-odd{min-height:540px;padding:74px 26px;border:2px solid #c8c8c8;border-radius:26px;background:#fff}
.theme-notebook .nb-odd-options{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.theme-notebook .nb-odd-option{min-height:380px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px;border:2px solid var(--c);border-radius:20px;background:var(--wash);color:var(--c);position:relative}
.theme-notebook .nb-odd-option strong{font-family:NBHand,cursive;font-size:45px;font-weight:400;color:#111}
.theme-notebook .nb-odd-option small{min-width:150px;padding:8px 18px;border:2px dashed var(--nb-teal);border-radius:14px;color:var(--nb-teal);font-family:NBHand,cursive;font-size:25px}
.theme-notebook .nb-odd-option i{position:absolute;right:16px;top:16px}

/* Fill in and unscramble */
.theme-notebook.mode-fillin2 .ant-card-body,.theme-notebook.mode-fillin3 .ant-card-body,.theme-notebook.mode-fillin5 .ant-card-body,.theme-notebook.mode-fillin6 .ant-card-body,.theme-notebook.mode-unscramble1 .ant-card-body,.theme-notebook.mode-unscramble2 .ant-card-body{padding:34px 44px!important}
.theme-notebook .yhw-quiz-main{min-height:430px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:22px}
.theme-notebook .yhw-quiz-prompt{width:100%;display:flex;justify-content:center}
.theme-notebook .yhw-quiz-prompt .ant-typography{width:100%;min-height:190px;margin:0!important;display:grid;place-items:center;border:2px dashed #ff6e77;border-radius:18px;background:#fff7f7;font-family:NBHand,cursive!important;font-size:65px!important;font-weight:400!important;color:#111!important}
.theme-notebook .yhw-quiz-prompt-audio{width:100%;min-height:190px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px solid var(--nb-teal);border-radius:18px;background:#f7ffff;position:relative}
.theme-notebook .yhw-sound-btn{width:100px!important;height:100px!important;min-height:100px!important;border:3px solid var(--nb-red)!important;border-radius:50%!important;background:#fff2f3!important;color:var(--nb-red)!important;font-size:43px!important}
.theme-notebook .yhw-quiz-prompt-audio p{font-family:NBHand,cursive!important;font-size:25px!important;color:#078d91!important}
.theme-notebook .yhw-fillin-input-wrapper{width:90%;display:flex;justify-content:center}
.theme-notebook .yhw-fillin-input{width:100%!important;min-height:105px!important;border:3px solid var(--nb-teal)!important;border-radius:18px!important;background:#fff!important;font-family:NBHand,cursive!important;font-size:55px!important;text-align:center!important}
.theme-notebook .yhw-quiz-feedback .btn{min-width:280px}
.theme-notebook .yhw-progress{width:100%!important;margin-top:8px!important;border-top:3px solid #f0dcb1!important;padding-top:12px!important}
.theme-notebook .yhw-fillin-slots{display:flex!important;justify-content:center!important;gap:14px!important;flex-wrap:wrap!important}
.theme-notebook .yhw-fillin-slot{width:78px!important;height:90px!important;display:grid!important;place-items:center!important;border:2px solid var(--nb-teal)!important;border-radius:14px!important;background:#fff!important;font-family:NBHand,cursive!important;font-size:48px!important}
.theme-notebook .yhw-unscramble-top{width:100%;min-height:190px;padding:22px;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;border:2px dashed var(--nb-red);border-radius:18px;background:#fff7f7}
.theme-notebook .yhw-unscramble-top h2{margin:0!important;color:var(--nb-red)!important;font-family:NBHand,cursive!important;font-size:70px!important;font-weight:400!important;letter-spacing:12px}
.theme-notebook .yhw-unscramble-prompt h3{margin:8px 0 0!important;font-family:NBHand,cursive!important;font-size:32px!important}
.theme-notebook .yhw-unscramble-answer{display:flex!important;flex-direction:column!important;align-items:center!important;gap:18px!important}
.theme-notebook .yhw-unscramble-tiles{display:flex!important;justify-content:center!important;gap:24px!important;flex-wrap:wrap!important}
.theme-notebook .yhw-unscramble-tile{width:145px!important;height:165px!important;display:grid!important;place-items:center!important;border:3px solid var(--nb-blue)!important;border-radius:18px!important;background:#fff!important;font-family:NBHand,cursive!important;font-size:78px!important;box-shadow:0 5px 0 #d2d9e6!important}
body.theme-notebook.mode-fillin5 #yhStage>.ant-card>.ant-card-body,body.theme-notebook.mode-fillin6 #yhStage>.ant-card>.ant-card-body{padding:24px 34px!important}
body.theme-notebook.mode-fillin5 .yhw-quiz-main,body.theme-notebook.mode-fillin6 .yhw-quiz-main{min-height:360px!important}
body.theme-notebook.mode-fillin5 .yhw-quiz-prompt,body.theme-notebook.mode-fillin6 .yhw-quiz-prompt{width:100%!important;padding:0!important}
body.theme-notebook.mode-fillin5 .yhw-fillin-input-wrapper,body.theme-notebook.mode-fillin6 .yhw-fillin-input-wrapper{width:94%!important;padding:0!important}
body.theme-notebook.mode-fillin5 .yhw-fillin-slots,body.theme-notebook.mode-fillin6 .yhw-fillin-slots{width:100%!important;flex-wrap:nowrap!important}
body.theme-notebook.mode-unscramble2 #yhStage>.ant-card>.ant-card-body{padding:18px 30px!important}
body.theme-notebook.mode-unscramble2 .yhw-quiz-main{min-height:360px!important}
body.theme-notebook.mode-unscramble2 .yhw-unscramble-top{min-height:145px!important}
body.theme-notebook.mode-unscramble2 .yhw-unscramble-tile{width:124px!important;height:132px!important}

/* Sentence */
.theme-notebook .nb-sentence{display:grid;gap:24px}
.theme-notebook .nb-sentence-hint{min-height:115px;padding:18px 32px;border:2px dashed var(--nb-teal);border-radius:20px;background:#fff}
.theme-notebook .nb-sentence-hint strong{color:var(--nb-teal);font-family:NBHand,cursive;font-size:22px}
.theme-notebook .nb-sentence-hint p{margin:8px 0 0;color:#333;font-family:NBHand,cursive;font-size:29px}
.theme-notebook .nb-sentence-answer{min-height:210px;padding:36px 24px;display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;border:2px dashed var(--nb-teal);border-radius:20px;background:#fff}
.theme-notebook .nb-sentence-answer span{width:170px;height:105px;border:2px solid #8edbd5;border-radius:14px;background:#fbffff}
.theme-notebook .nb-sentence-bank{min-height:160px;padding:30px 22px;display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;border:2px solid #b8c7dd;border-radius:18px;background:#fff}
.theme-notebook .nb-sentence-bank button{min-height:92px;padding:16px 44px;border:2px solid var(--nb-teal);border-radius:14px;background:#f8fffe;font-family:NBHand,cursive;font-size:31px}

/* Vowels */
.theme-notebook .yhw-vowel-card{padding:22px!important}
.theme-notebook .yhw-vowel-main{min-height:0!important;padding:20px!important}
.theme-notebook .yhw-vowel-word-wrapper{height:220px!important;min-height:220px!important;padding:14px!important;display:grid!important;place-items:center!important;border:2px solid var(--nb-blue)!important;border-radius:22px!important;background:#fff!important}
.theme-notebook .yhw-vowel-word{display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;font-family:NBHand,cursive!important;font-size:90px!important;color:var(--nb-ink)!important}
.theme-notebook .yhw-vowel-word-char--blank{width:140px!important;height:160px!important;display:grid!important;place-items:center!important;border:3px solid var(--nb-teal)!important;border-radius:18px!important;background:#fff!important;color:transparent!important}
.theme-notebook .yhw-vowel-hint{order:-1!important;min-height:0!important;display:grid!important;place-items:center!important;border:2px dashed var(--nb-orange)!important;border-radius:18px!important;background:#fff!important}
.theme-notebook .yhw-vowel-hint h2{font-family:NBHand,cursive!important;font-size:43px!important}
.theme-notebook .yhw-vowel-letters{height:140px!important;min-height:140px!important;padding:16px!important;border:2px solid #9fb9dc!important;border-radius:18px!important;background:#fff!important}
.theme-notebook .yhw-vowel-letters-row{display:flex!important;justify-content:center!important;gap:34px!important;flex-wrap:wrap!important}
.theme-notebook .yhw-vowel-letter{width:92px!important;height:92px!important;min-height:92px!important;border:2px solid var(--nb-blue)!important;border-radius:16px!important;background:#fff!important;font-family:NBHand,cursive!important;font-size:54px!important;color:var(--nb-ink)!important;box-shadow:0 4px 0 #d6dfeb!important}
.theme-notebook .yhw-vowel-controls{display:flex!important;justify-content:center!important;gap:30px!important;margin-top:10px!important}
body.theme-notebook.mode-vowel1 .yhw-vowel-card,body.theme-notebook.mode-vowel2 .yhw-vowel-card{width:100%!important;max-width:none!important}

/* Word search */
.theme-notebook .yhw-ws-layout{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(340px,.85fr)!important;gap:44px!important;align-items:start!important}
.theme-notebook .yhw-ws-grid,.theme-notebook .yhw-ws-wordlist{padding:16px!important;border:2px solid var(--nb-teal)!important;border-radius:18px!important;background:#fff!important}
.theme-notebook .yhw-ws-row{display:grid!important;grid-template-columns:repeat(11,1fr)!important;gap:5px!important}
.theme-notebook .yhw-ws-cell{aspect-ratio:1;display:grid!important;place-items:center!important;border:1px solid #d4d4d4!important;border-radius:8px!important;font-family:NBRound,Arial,sans-serif!important;font-size:22px!important;font-weight:800!important;color:#111!important}
.theme-notebook .yhw-ws-wordlist>b{display:block;margin-bottom:12px;color:#078d91;font-family:NBHand,cursive;font-size:25px}
.theme-notebook .yhw-ws-wordlist-grid{display:grid!important;gap:10px!important}
.theme-notebook .yhw-ws-wordlist-item{min-height:50px;padding:10px 18px;border:2px solid var(--nb-blue)!important;border-radius:12px!important;font-family:NBHand,cursive!important;font-size:23px!important}
.theme-notebook .yhw-ws-wordlist-item--found{border-color:var(--nb-red)!important;background:#fff4f4!important;text-decoration:none!important}

/* Radical and strokes */
.theme-notebook .nb-radical-card{min-height:450px;margin-top:18px;padding:30px 70px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;border:2px solid var(--nb-blue);border-radius:24px;background:#fff}
.theme-notebook .nb-radical-character{height:350px;display:grid;place-items:center;border:2px solid var(--nb-teal);border-radius:18px;font-size:230px;color:#111}
.theme-notebook .nb-radical-info{display:flex;flex-direction:column;align-items:flex-start;gap:11px;font-family:NBHand,cursive}
.theme-notebook .nb-radical-info small{padding:5px 14px;border:2px dashed var(--nb-red);border-radius:11px;color:var(--nb-red);font-size:20px}
.theme-notebook .nb-radical-info strong{color:var(--nb-blue);font-size:40px}.theme-notebook .nb-radical-info b{font-size:32px}.theme-notebook .nb-radical-info p{font-size:40px}
.theme-notebook .nb-radical h3{text-align:center;font-family:NBHand,cursive;font-size:30px;font-weight:400}
.theme-notebook .nb-radical-options{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.theme-notebook .nb-radical-options button{min-height:150px;border:2px solid var(--c);border-radius:18px;background:var(--wash);font-size:75px;color:#111;position:relative}
.theme-notebook .nb-strokes{display:grid;grid-template-columns:210px 1fr;gap:50px;align-items:stretch}
.theme-notebook .nb-strokes aside{display:flex;flex-direction:column;gap:16px}
.theme-notebook .nb-strokes ol{margin:0;padding:10px 14px;list-style-position:inside;border:2px solid var(--nb-teal);border-radius:18px;background:#fff;font-family:NBHand,cursive;font-size:28px;line-height:1.8}
.theme-notebook .nb-stroke-board{height:650px;border:2px solid var(--nb-teal);border-radius:24px;background:#fff url('/assets/vocab/notebook-grid.png') repeat;background-size:36px 36px}

/* Pronunciation */
.theme-notebook .nb-pronun{padding:26px 30px;border:2px solid var(--nb-blue);border-radius:24px;background:#fff}
.theme-notebook .nb-pronun>h2{margin:12px 0 0;text-align:center;font-family:NBHand,cursive;font-size:78px;font-weight:400;color:#111}
.theme-notebook .nb-pronun-phonetic{display:flex;align-items:center;justify-content:center;gap:18px;color:var(--nb-blue);font-size:31px}
.theme-notebook .nb-pronun-work{margin-top:28px;display:grid;grid-template-columns:380px 1fr;gap:70px;align-items:center}
.theme-notebook .nb-record{width:250px;height:250px;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:3px solid #c00;border-radius:50%;background:#fff5f5;color:#d51e2b;font-size:70px}
.theme-notebook .nb-record strong{font-family:NBHand,cursive;font-size:36px}
.theme-notebook .nb-wave{height:250px;padding:24px;border:2px solid var(--nb-teal);border-radius:20px;background:#fff;display:flex;flex-direction:column;justify-content:center}
.theme-notebook .nb-wave>div{display:flex;justify-content:space-between;color:var(--nb-teal);font-family:NBHand,cursive;font-size:22px}
.theme-notebook .nb-wave img{width:100%;height:125px;object-fit:contain}.theme-notebook .nb-wave>i{height:6px;background:var(--nb-teal);border-radius:99px}
.theme-notebook .nb-pronun-feedback{margin-top:28px;padding:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border:2px solid #a8b5cb;border-radius:18px}
.theme-notebook .nb-pronun-feedback article{min-height:110px;padding:20px;border:2px solid var(--nb-orange);border-radius:16px;display:flex;flex-direction:column;gap:10px}
.theme-notebook .nb-pronun-feedback article strong{font-family:NBHand,cursive;font-size:27px}.theme-notebook .nb-pronun-feedback article span{color:#7f899b}

@media(max-width:1100px){
 body.theme-notebook .yh-game-header{grid-template-columns:1fr 1.25fr 1fr 160px 50px;gap:10px;padding:8px 12px}.theme-notebook .yh-game-logo{font-size:22px}.theme-notebook .yh-game-title{font-size:19px}.theme-notebook .yh-game-main{width:min(940px,calc(100vw - 44px))}.theme-notebook .nb-triple{gap:30px}.theme-notebook .nb-connect{gap:30px}.theme-notebook .nb-pronun-work{grid-template-columns:280px 1fr;gap:30px}.theme-notebook .nb-sentence-answer span{width:120px}
}
@media(max-width:700px){
 body.theme-notebook .yh-game-header{height:auto;min-height:68px;grid-template-columns:1fr auto auto;padding:8px 10px}.theme-notebook .yh-game-logo{gap:8px;font-size:19px}.theme-notebook .yh-game-logo-text{max-width:145px}.theme-notebook .yh-nav-back-icon,.theme-notebook .yh-game-close{width:46px;height:46px;min-width:46px}.theme-notebook .yh-game-title{grid-column:1/4;grid-row:2;text-align:center;font-size:19px}.theme-notebook .yh-game-progress{grid-column:1/3;grid-row:3;font-size:18px}.theme-notebook .yh-game-score{grid-column:3;grid-row:3;height:46px;padding:0 10px;font-size:18px}.theme-notebook .yh-game-close{grid-column:3;grid-row:1}.theme-notebook .yh-game-main,.theme-notebook.mode-flashcard .yh-game-main{width:calc(100vw - 20px);margin:12px auto 80px}.theme-notebook .yh-mode-intro{min-height:120px;padding:16px;grid-template-columns:62px 1fr;gap:12px}.theme-notebook .yh-mode-number{width:58px;height:58px;font-size:31px;border-radius:13px}.theme-notebook .yh-mode-copy h1{font-size:29px}.theme-notebook .yh-mode-copy p{font-size:18px}.theme-notebook .yh-mode-kicker{font-size:15px}.theme-notebook .yh-mode-count{display:none}.theme-notebook #yhStage{margin-top:12px}.theme-notebook .ant-card-body{padding:14px!important}.theme-notebook .yh-game-actions{gap:12px}.theme-notebook .btn,.theme-notebook .nb-primary{min-height:52px;padding:8px 18px;font-size:24px}.theme-notebook .teacher-preview{position:static!important;width:max-content;max-width:calc(100vw - 20px);margin:12px auto 24px!important;font-size:18px!important}
 .theme-notebook .nb-card-meta{min-height:64px;padding:10px;gap:8px;font-size:19px}.theme-notebook .nb-card-meta>button{font-size:0;width:46px;padding:0}.theme-notebook .nb-card-meta>button:before{content:"";display:block;width:18px;height:18px;margin:auto;border:3px solid currentColor;border-radius:50%}.theme-notebook .nb-card-meta .nb-icon-button{display:none}.theme-notebook .nb-quiz-card,.theme-notebook .nb-context-card{padding:16px;margin-top:12px}.theme-notebook .nb-word-prompt{min-height:130px}.theme-notebook .nb-word-prompt>strong{font-size:54px}.theme-notebook .nb-quiz-options{grid-template-columns:1fr!important;gap:10px}.theme-notebook .nb-quiz-option{min-height:72px!important;padding:8px 10px;grid-template-columns:46px 1fr 32px!important}.theme-notebook .nb-letter{width:42px;height:42px;font-size:26px}.theme-notebook .nb-quiz-option strong{font-size:25px}.theme-notebook .nb-context-card{min-height:0}.theme-notebook .nb-context-card h2{margin:28px 0 12px;font-size:36px}.theme-notebook .nb-context-options{grid-template-columns:repeat(2,1fr);gap:12px}.theme-notebook .nb-context-option{min-height:130px;padding:10px}.theme-notebook .nb-context-option strong{font-size:27px}.theme-notebook .nb-odd{min-height:0;padding:16px}.theme-notebook .nb-odd-options{grid-template-columns:repeat(2,1fr);gap:12px}.theme-notebook .nb-odd-option{min-height:170px;padding:12px;gap:22px}.theme-notebook .nb-odd-option strong{font-size:31px}.theme-notebook .nb-odd-option small{min-width:90px;font-size:20px}
 .theme-notebook .nb-connect{min-height:0;padding:14px 12px;grid-template-columns:1fr 1fr;gap:12px 46px;align-items:start}.theme-notebook .nb-connect-answers{display:none!important}.theme-notebook .nb-connect>div{gap:10px}.theme-notebook .nb-connect-node{min-height:52px;padding:7px;font-size:19px}.theme-notebook .nb-triple{min-height:0;padding:8px;grid-template-columns:1fr;gap:20px}.theme-notebook .nb-triple-item{min-height:52px;font-size:20px}.theme-notebook.mode-matching1 .yhw-match-top-grid,.theme-notebook.mode-matching1 .yhw-match-bottom-list{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.theme-notebook.mode-matching1 .yhw-match-top-card{min-height:75px!important}.theme-notebook.mode-memory2 .yhw-memory-card-wrapper{padding:10px}.theme-notebook.mode-memory2 .yhw-memory-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.theme-notebook.mode-memory2 .yhw-memory-card{height:100px!important;min-height:100px!important}.theme-notebook.mode-memory2 .yhw-memory-card-front-number{font-size:30px!important}
 .theme-notebook .yhw-quiz-main{min-height:380px;gap:16px}.theme-notebook .yhw-quiz-prompt .ant-typography,.theme-notebook .yhw-quiz-prompt-audio{min-height:130px!important;font-size:43px!important}.theme-notebook .yhw-fillin-input-wrapper{width:100%}.theme-notebook .yhw-fillin-input{min-height:76px!important;font-size:38px!important}.theme-notebook .yhw-fillin-slot{width:52px!important;height:60px!important;font-size:33px!important}body.theme-notebook.mode-fillin5 .yhw-fillin-slots,body.theme-notebook.mode-fillin6 .yhw-fillin-slots{flex-wrap:wrap!important}.theme-notebook .yhw-unscramble-top{min-height:140px}.theme-notebook .yhw-unscramble-top h2{font-size:46px!important;letter-spacing:5px}.theme-notebook .yhw-unscramble-tile{width:68px!important;height:82px!important;font-size:45px!important}.theme-notebook .nb-sentence-answer{min-height:120px;gap:8px;padding:16px}.theme-notebook .nb-sentence-answer span{width:70px;height:60px}.theme-notebook .nb-sentence-bank{gap:8px;padding:12px}.theme-notebook .nb-sentence-bank button{min-height:58px;padding:8px 16px;font-size:23px}
 .theme-notebook .yhw-vowel-word-wrapper{min-height:180px!important}.theme-notebook .yhw-vowel-word{gap:5px!important;font-size:50px!important}.theme-notebook .yhw-vowel-word-char--blank{width:62px!important;height:80px!important}.theme-notebook .yhw-vowel-letters{padding:12px!important}.theme-notebook .yhw-vowel-letters-row{gap:10px!important}.theme-notebook .yhw-vowel-letter{width:58px!important;height:58px!important;min-height:58px!important;font-size:35px!important}.theme-notebook .yhw-ws-layout{grid-template-columns:1fr!important;gap:14px!important}.theme-notebook .yhw-ws-wordlist-grid{grid-template-columns:repeat(2,1fr)!important}.theme-notebook .yhw-ws-cell{font-size:14px!important;border-radius:4px!important}.theme-notebook .nb-radical-card{min-height:0;padding:16px;grid-template-columns:1fr;gap:18px}.theme-notebook .nb-radical-character{height:220px;font-size:145px}.theme-notebook .nb-radical-options{grid-template-columns:repeat(2,1fr);gap:12px}.theme-notebook .nb-radical-options button{min-height:90px;font-size:48px}.theme-notebook .nb-strokes{grid-template-columns:1fr;gap:12px}.theme-notebook .nb-strokes aside ol{display:none}.theme-notebook .nb-stroke-board{height:420px}.theme-notebook .nb-pronun{padding:14px}.theme-notebook .nb-pronun>h2{font-size:52px}.theme-notebook .nb-pronun-work{grid-template-columns:1fr;gap:18px}.theme-notebook .nb-record{width:170px;height:170px;font-size:50px}.theme-notebook .nb-wave{height:180px}.theme-notebook .nb-pronun-feedback{grid-template-columns:1fr;gap:10px}.theme-notebook.mode-flashcard .yh-fc-shell{padding:14px;min-height:0}.theme-notebook.mode-flashcard .yh-fc-card-inner{grid-template-columns:1fr!important;min-height:0!important}.theme-notebook.mode-flashcard .yh-fc-media{height:220px!important}.theme-notebook.mode-flashcard .yh-fc-word{font-size:53px!important}
}

/* Flashcard pixel match — approved 01-flashcard.png, 1487 × 1058 */
body.theme-notebook.mode-flashcard{background-size:40px 40px!important}
body.theme-notebook.mode-flashcard .yh-fc-page-doodles{position:fixed;z-index:0;inset:0;width:100vw;height:100vh;object-fit:fill;pointer-events:none;user-select:none}
body.theme-notebook.mode-flashcard .yh-game-header,
body.theme-notebook.mode-flashcard .yh-game-main,
body.theme-notebook.mode-flashcard .teacher-preview{position:relative;z-index:2}
body.theme-notebook.mode-flashcard .yh-fc-icon{display:inline-block!important;line-height:1;font-family:'icomoon'!important;font-size:1em}
body.theme-notebook.mode-flashcard .yh-fc-icon:before,
body.theme-notebook.mode-flashcard .yh-fc-icon span:before{font-family:'icomoon'!important;color:currentColor!important}
body.theme-notebook.mode-flashcard .teacher-preview{font-family:NBHand,cursive!important}

@media(min-width:1400px){
 body.theme-notebook.mode-flashcard .yh-game-header{position:relative!important;height:80px!important;min-height:80px!important;padding:10px 18px!important;grid-template-columns:355px 330px 345px 272px 54px!important;gap:20px!important;border-bottom:2px solid var(--nb-blue)!important;background:rgba(255,255,255,.98)!important;box-shadow:none!important}
 body.theme-notebook.mode-flashcard .yh-game-logo{gap:16px!important;font-family:NBHand,cursive!important;font-size:28px!important;font-weight:400!important}
 body.theme-notebook.mode-flashcard .yh-nav-back-icon,
 body.theme-notebook.mode-flashcard .yh-game-close{width:54px!important;height:54px!important;min-width:54px!important;border:2px solid var(--nb-red)!important;border-radius:13px!important;color:var(--nb-red)!important;background:#fff!important;box-shadow:none!important;font-size:25px!important}
 body.theme-notebook.mode-flashcard .yh-nav-back-icon [class^="icon-"]{font-size:32px!important;color:var(--nb-red)!important}
 body.theme-notebook.mode-flashcard .yh-game-title{font-family:NBHand,cursive!important;font-size:24px!important;font-weight:400!important;text-align:center!important;color:var(--nb-red)!important}
 body.theme-notebook.mode-flashcard .yh-game-progress{display:flex!important;gap:12px!important;font-family:NBHand,cursive!important;font-size:22px!important;font-weight:400!important}
 body.theme-notebook.mode-flashcard .yh-progress-label{font-family:NBHand,cursive!important;font-size:18px!important;font-weight:400!important}
 body.theme-notebook.mode-flashcard .yh-bar{height:10px!important;min-width:135px!important;border:2px solid #d4dde8!important;background:#f8fafc!important}
 body.theme-notebook.mode-flashcard #yhProg{font-family:NBHand,cursive!important;font-size:22px!important;font-weight:400!important}
 body.theme-notebook.mode-flashcard .yh-game-score{height:54px!important;padding:0 20px!important;gap:9px!important;border:2px solid var(--nb-red)!important;border-radius:13px!important;font-family:NBHand,cursive!important;font-size:23px!important;font-weight:400!important;background:#fff!important}
 body.theme-notebook.mode-flashcard .yh-score-label{font-family:NBHand,cursive!important;font-size:20px!important;font-weight:400!important}

 body.theme-notebook.mode-flashcard .yh-game-main{width:1104px!important;max-width:1104px!important;margin:0 auto!important;padding:48px 0 18px!important;min-height:0!important}
 body.theme-notebook.mode-flashcard #yhStage{width:100%!important;margin:0!important;padding:0!important}
 body.theme-notebook.mode-flashcard #yhStage>.ant-card,
 body.theme-notebook.mode-flashcard #yhStage>.ant-card>.ant-card-body{width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
 body.theme-notebook.mode-flashcard .yh-fc-shell{width:100%!important;min-height:0!important;margin:0!important;padding:0!important;position:relative!important}

 body.theme-notebook.mode-flashcard .yh-fc-meta{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:18px!important;width:100%!important;height:92px!important;min-height:92px!important;margin:0 0 24px!important;padding:16px 30px!important;border:2px solid var(--nb-blue)!important;border-radius:20px!important;background:rgba(255,255,255,.97)!important;box-shadow:none!important}
 body.theme-notebook.mode-flashcard .yh-fc-counter{display:flex!important;align-items:center!important;gap:18px!important;font-family:NBHand,cursive!important;font-size:25px!important;font-weight:400!important;color:var(--nb-ink)!important}
 body.theme-notebook.mode-flashcard .yh-fc-counter strong{color:var(--nb-red)!important;font-weight:400!important}
 body.theme-notebook.mode-flashcard .yh-fc-counter i{width:378px!important;height:16px!important;border:1px solid #f0c582!important;border-radius:999px!important;background:#fff3dc!important}
 body.theme-notebook.mode-flashcard .yh-fc-counter i b{height:100%!important;background:#f17861!important}
 body.theme-notebook.mode-flashcard .yh-fc-meta-controls{gap:13px!important}
 body.theme-notebook.mode-flashcard .yh-fc-autoread{height:58px!important;min-height:58px!important;min-width:190px!important;padding:0 18px!important;border:2px solid var(--nb-teal)!important;border-radius:13px!important;background:#f5fffd!important;color:#078f91!important;font-family:NBHand,cursive!important;font-size:24px!important;font-weight:400!important}
 body.theme-notebook.mode-flashcard .yh-fc-autoread{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important}
 body.theme-notebook.mode-flashcard .yh-fc-autoread .yh-fc-icon{font-size:27px!important}
 body.theme-notebook.mode-flashcard .yh-fc-fullscreen,
 body.theme-notebook.mode-flashcard .yh-fc-settings{width:56px!important;height:58px!important;min-height:58px!important;padding:0!important;border:0!important;background:transparent!important;color:var(--nb-ink)!important;font-size:31px!important}

 body.theme-notebook.mode-flashcard .yh-fc{width:1092px!important;max-width:none!important;margin:0 auto!important}
 body.theme-notebook.mode-flashcard .yh-fc-stack{display:none!important}
 body.theme-notebook.mode-flashcard .yh-fc-card{width:100%!important;height:596px!important;min-height:596px!important;border:3px solid var(--nb-blue)!important;border-radius:25px!important;background:#fff!important;box-shadow:0 3px 0 rgba(23,105,194,.16)!important;overflow:hidden!important}
 body.theme-notebook.mode-flashcard .yh-fc-in{width:100%!important;height:100%!important}
 body.theme-notebook.mode-flashcard .yh-fc-face{display:grid!important;grid-template-columns:466px minmax(0,1fr)!important;grid-template-rows:1fr!important;gap:62px!important;width:100%!important;height:100%!important;padding:112px 58px 48px!important;border:0!important;border-radius:21px!important;background:#fff!important}
 body.theme-notebook.mode-flashcard .yh-fc-face-label{top:32px!important;left:40px!important;padding:9px 16px!important;border:2px dashed #ff7682!important;border-radius:14px!important;background:#fff!important;color:var(--nb-red)!important;font-family:NBHand,cursive!important;font-size:22px!important;font-weight:400!important;text-transform:uppercase!important}
 body.theme-notebook.mode-flashcard .yh-fc-visual{display:flex!important;width:466px!important;height:420px!important;min-height:420px!important;margin:0!important;border:2px solid var(--nb-teal)!important;border-radius:20px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important}
 body.theme-notebook.mode-flashcard .yh-fc-polaroid,
 body.theme-notebook.mode-flashcard .yh-fc-media{display:flex!important;width:100%!important;height:100%!important;min-height:0!important;align-items:center!important;justify-content:center!important;border:0!important;background:#fff!important;box-shadow:none!important}
 body.theme-notebook.mode-flashcard .yh-fc-animal{width:92%!important;height:92%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;filter:none!important}
 body.theme-notebook.mode-flashcard .yh-fc-swatches{display:none!important}
 body.theme-notebook.mode-flashcard .yh-fc-copy{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;transform:translateY(-63px)!important}
 body.theme-notebook.mode-flashcard .yh-fc-vocab-label{padding:7px 16px!important;border:2px solid var(--nb-teal)!important;border-radius:13px!important;background:#f5fffd!important;color:#078f91!important;font-family:NBHand,cursive!important;font-size:22px!important;font-weight:400!important}
 body.theme-notebook.mode-flashcard .yh-fc-word-title,
 body.theme-notebook.mode-flashcard .yh-fc-copy h2{margin:27px 0 0!important;font-family:NBBrush,NBHand,cursive!important;font-size:112px!important;line-height:.94!important;font-weight:400!important;letter-spacing:0!important;color:#111!important}
 body.theme-notebook.mode-flashcard .yh-fc-phonetic{display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;margin-top:28px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-family:NBRound,Arial,sans-serif!important;font-size:39px!important;line-height:1!important;color:#1667cc!important}
 body.theme-notebook.mode-flashcard .yh-fc-inline-sound{display:grid!important;place-items:center!important;width:52px!important;height:52px!important;min-height:52px!important;padding:0!important;border:2px solid var(--nb-blue)!important;border-radius:50%!important;background:var(--nb-blue)!important;color:#fff!important;font-size:28px!important}
 body.theme-notebook.mode-flashcard .yh-fc-flip-cue{right:148px!important;bottom:44px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:10px 18px!important;border:2px dashed var(--nb-red)!important;border-radius:14px!important;background:#fff!important;color:var(--nb-ink)!important;font-family:NBHand,cursive!important;font-size:23px!important;font-weight:400!important;transform:none!important;white-space:nowrap!important}
 body.theme-notebook.mode-flashcard .yh-fc-flip-cue .yh-fc-icon{font-size:26px!important}

 body.theme-notebook.mode-flashcard .yh-game-actions{display:grid!important;grid-template-columns:140px 165px 165px 165px 182px 160px!important;align-items:center!important;justify-content:center!important;gap:14px!important;width:1092px!important;height:120px!important;min-height:120px!important;margin:30px 6px 0!important;padding:18px!important;border:2px solid #aebbc7!important;border-radius:18px!important;background:rgba(255,255,255,.97)!important;box-shadow:none!important}
 body.theme-notebook.mode-flashcard .yh-game-actions .btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;width:100%!important;height:76px!important;min-height:76px!important;padding:8px 10px!important;border-width:2px!important;border-radius:15px!important;font-family:NBHand,cursive!important;font-size:27px!important;font-weight:400!important;white-space:nowrap!important}
 body.theme-notebook.mode-flashcard .yh-game-actions .yh-fc-icon{font-size:28px!important}
 body.theme-notebook.mode-flashcard .yh-fc-listen{border-color:#087e79!important;background:var(--nb-teal)!important;color:#fff!important;box-shadow:0 3px 0 #a8d9d5!important}
 body.theme-notebook.mode-flashcard .yh-fc-record{border-color:var(--nb-red)!important;background:#fff6f7!important;color:var(--nb-red)!important;box-shadow:0 3px 0 #f3c0c8!important}
 body.theme-notebook.mode-flashcard .yh-fc-rate--review{border-color:var(--nb-orange)!important;background:#fff7e9!important;color:#b66500!important;box-shadow:0 3px 0 #f0d1a5!important}
 body.theme-notebook.mode-flashcard .yh-fc-rate--known{border-color:var(--nb-green)!important;background:#efffe8!important;color:#238c2c!important;box-shadow:0 3px 0 #b8ddb9!important}
 body.theme-notebook.mode-flashcard .teacher-preview{position:fixed!important;z-index:20!important;right:18px!important;bottom:14px!important;min-height:48px!important;padding:10px 20px!important;font-size:21px!important}
}

@media(max-width:900px){
 body.theme-notebook.mode-flashcard .yh-fc-page-doodles{opacity:.24}
 body.theme-notebook.mode-flashcard .yh-game-main{width:calc(100vw - 24px)!important;padding-top:20px!important}
 body.theme-notebook.mode-flashcard .yh-fc-meta{height:auto!important;min-height:76px!important;padding:12px 14px!important}
 body.theme-notebook.mode-flashcard .yh-fc-counter{font-size:20px!important;gap:10px!important}
 body.theme-notebook.mode-flashcard .yh-fc-counter i{width:min(250px,31vw)!important}
 body.theme-notebook.mode-flashcard .yh-fc{width:100%!important}
 body.theme-notebook.mode-flashcard .yh-fc-card{height:auto!important;min-height:650px!important}
 body.theme-notebook.mode-flashcard .yh-fc-face{grid-template-columns:1fr!important;grid-template-rows:300px auto!important;gap:12px!important;padding:70px 18px 70px!important}
 body.theme-notebook.mode-flashcard .yh-fc-visual{width:min(420px,100%)!important;height:300px!important;min-height:300px!important;margin:auto!important}
 body.theme-notebook.mode-flashcard .yh-fc-copy{transform:none!important}
 body.theme-notebook.mode-flashcard .yh-fc-word-title,
 body.theme-notebook.mode-flashcard .yh-fc-copy h2{font-size:clamp(52px,13vw,76px)!important}
 body.theme-notebook.mode-flashcard .yh-fc-phonetic{font-size:clamp(24px,6vw,34px)!important}
 body.theme-notebook.mode-flashcard .yh-fc-flip-cue{right:50%!important;bottom:18px!important;transform:translateX(50%)!important;font-size:18px!important}
 body.theme-notebook.mode-flashcard .yh-game-actions{width:100%!important;height:auto!important;min-height:0!important;margin:18px 0 0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:12px!important}
 body.theme-notebook.mode-flashcard .teacher-preview{position:static!important}
}

/* Flashcard fullscreen — keep meta, card and controls in one centered column. */
body.theme-notebook.mode-flashcard .yh-game-main:fullscreen,
body.theme-notebook.mode-flashcard .yh-game-main:-webkit-full-screen{
 display:flex!important;
 width:100vw!important;
 max-width:none!important;
 height:100vh!important;
 min-height:100vh!important;
 margin:0!important;
 padding:24px!important;
 flex-direction:column!important;
 align-items:center!important;
 justify-content:flex-start!important;
 overflow:auto!important;
 background:#eaf5ff url('/assets/vocab/notebook-grid.png') repeat!important;
 background-size:40px 40px!important;
}
body.theme-notebook.mode-flashcard .yh-game-main:fullscreen #yhStage,
body.theme-notebook.mode-flashcard .yh-game-main:-webkit-full-screen #yhStage{
 display:block!important;
 width:min(1104px,100%)!important;
 min-height:0!important;
 flex:0 0 auto!important;
 margin:0 auto!important;
 padding:0!important;
}
body.theme-notebook.mode-flashcard .yh-game-main:fullscreen #yhStage>.ant-card,
body.theme-notebook.mode-flashcard .yh-game-main:fullscreen #yhStage>.ant-card>.ant-card-body,
body.theme-notebook.mode-flashcard .yh-game-main:fullscreen .yh-fc-shell,
body.theme-notebook.mode-flashcard .yh-game-main:-webkit-full-screen #yhStage>.ant-card,
body.theme-notebook.mode-flashcard .yh-game-main:-webkit-full-screen #yhStage>.ant-card>.ant-card-body,
body.theme-notebook.mode-flashcard .yh-game-main:-webkit-full-screen .yh-fc-shell{
 display:block!important;
 width:100%!important;
 height:auto!important;
 min-height:0!important;
 flex:none!important;
 margin:0!important;
 padding:0!important;
}
body.theme-notebook.mode-flashcard .yh-game-main:fullscreen .yh-fc-meta,
body.theme-notebook.mode-flashcard .yh-game-main:-webkit-full-screen .yh-fc-meta{
 width:100%!important;
 margin:0 0 24px!important;
}
body.theme-notebook.mode-flashcard .yh-game-main:fullscreen .yh-fc,
body.theme-notebook.mode-flashcard .yh-game-main:-webkit-full-screen .yh-fc{
 display:block!important;
 width:min(1092px,100%)!important;
 height:596px!important;
 min-height:596px!important;
 flex:none!important;
 margin:0 auto!important;
}
body.theme-notebook.mode-flashcard .yh-game-main:fullscreen .yh-fc-card,
body.theme-notebook.mode-flashcard .yh-game-main:-webkit-full-screen .yh-fc-card{
 width:100%!important;
 height:596px!important;
 min-height:596px!important;
}
body.theme-notebook.mode-flashcard .yh-game-main:fullscreen .yh-game-actions,
body.theme-notebook.mode-flashcard .yh-game-main:-webkit-full-screen .yh-game-actions{
 position:static!important;
 inset:auto!important;
 display:grid!important;
 width:min(1092px,100%)!important;
 height:120px!important;
 min-height:120px!important;
 flex:0 0 auto!important;
 margin:30px auto 24px!important;
 transform:none!important;
}

@media(max-height:930px) and (min-width:901px){
 body.theme-notebook.mode-flashcard .yh-game-main:fullscreen,
 body.theme-notebook.mode-flashcard .yh-game-main:-webkit-full-screen{padding:16px!important}
 body.theme-notebook.mode-flashcard .yh-game-main:fullscreen .yh-fc-meta,
 body.theme-notebook.mode-flashcard .yh-game-main:-webkit-full-screen .yh-fc-meta{margin-bottom:16px!important}
 body.theme-notebook.mode-flashcard .yh-game-main:fullscreen .yh-game-actions,
 body.theme-notebook.mode-flashcard .yh-game-main:-webkit-full-screen .yh-game-actions{margin-top:18px!important}
}

/* 24/09/2026: chấm phát âm v2 — gọn, chấm từng từ */
.theme-notebook .nb-pronun--v2{padding:18px 22px 20px;border-radius:18px}
.theme-notebook .nb-pronun--v2 .nb-pronun-head{text-align:center}
.theme-notebook .nb-pronun--v2>.nb-pronun-head>h2,.theme-notebook .nb-pronun--v2 h2{margin:4px 0 0;font-size:clamp(34px,5vw,54px);line-height:1.15}
.theme-notebook .nb-pronun--v2 .nb-pronun-phonetic{margin-top:4px;gap:12px;font-size:clamp(17px,2.2vw,22px)}
.theme-notebook .nb-pronun--v2 .nb-pronun-sample{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid #cfd8ea;border-radius:999px;background:#f5f7fb;color:#223;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.theme-notebook .nb-pronun--v2 .nb-pronun-sample .icon-Volume-full{color:var(--nb-blue);font-size:18px}
.theme-notebook .nb-pronun--v2 .nb-pronun-meaning{margin:6px auto 0;max-width:640px;color:#5b667a;font-size:14px;line-height:1.45}
.theme-notebook .nb-pronun--v2 .nb-pronun-work{margin-top:16px;display:grid;grid-template-columns:104px 1fr;gap:16px;align-items:center}
.theme-notebook .nb-pronun--v2 .nb-record{width:96px;height:96px;gap:2px;border-width:2px;font-size:30px;transition:transform .15s,background .15s}
.theme-notebook .nb-pronun--v2 .nb-record strong{font-size:15px;font-family:inherit;font-weight:700}
.theme-notebook .nb-pronun--v2 .nb-record.is-recording{background:#d51e2b;color:#fff;border-color:#d51e2b;animation:nb-pulse 1.2s ease-in-out infinite}
.theme-notebook .nb-pronun--v2 .nb-record.is-processing{opacity:.6;cursor:progress}
@keyframes nb-pulse{0%,100%{box-shadow:0 0 0 0 rgba(213,30,43,.35)}50%{box-shadow:0 0 0 12px rgba(213,30,43,0)}}
.theme-notebook .nb-pronun--v2 .nb-wave{height:auto;min-height:0;padding:14px 16px;border-radius:14px;gap:8px}
.theme-notebook .nb-pronun--v2 .nb-wave>div{font-family:inherit;font-size:14px;font-weight:600}
.theme-notebook .nb-pronun--v2 .nb-pronun-bar{height:8px;border-radius:99px;background:#e6edf5;overflow:hidden}
.theme-notebook .nb-pronun--v2 .nb-pronun-bar i{display:block;height:100%;width:0;border-radius:99px;background:var(--nb-teal);transition:width .2s linear}
.theme-notebook .nb-pronun--v2 .nb-pronun-tip{color:#8a94a6;font-size:12px}
.theme-notebook .nb-pronun--v2 .nb-pronun-feedback{margin-top:14px;padding:14px 16px;display:grid;grid-template-columns:1fr;gap:10px;border:1.5px solid #dfe5ef;border-radius:14px;background:#fbfcfe}
.theme-notebook .nb-pronun--v2 .nb-pronun-feedback.is-good{border-color:#9ad7b2;background:#f2fbf5}.theme-notebook .nb-pronun--v2 .nb-pronun-feedback.is-mid{border-color:#f3cf86;background:#fffaf0}.theme-notebook .nb-pronun--v2 .nb-pronun-feedback.is-bad{border-color:#f2a5a5;background:#fff5f5}
.theme-notebook .nb-pronun--v2 .nb-pronun-score{display:flex;align-items:baseline;gap:6px}
.theme-notebook .nb-pronun--v2 .nb-pronun-score b{font-size:34px;line-height:1;color:#111}.theme-notebook .nb-pronun--v2 .nb-pronun-score span{color:#7f899b;font-size:14px}.theme-notebook .nb-pronun--v2 .nb-pronun-score em{margin-left:auto;font-style:normal;font-weight:700;font-size:15px;color:#223}
.theme-notebook .nb-pronun--v2 .nb-pronun-words{display:flex;flex-wrap:wrap;gap:8px}
.theme-notebook .nb-pw{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:10px;border:1.5px solid #cfd8ea;background:#fff;font-size:17px;font-weight:600;color:#223}
.theme-notebook .nb-pw b{font-size:13px;padding:1px 7px;border-radius:999px;background:#eef1f6;color:#445}
.theme-notebook .nb-pw.is-good{border-color:#2e9e45;background:#eefbf1}.theme-notebook .nb-pw.is-good b{background:#2e9e45;color:#fff}
.theme-notebook .nb-pw.is-mid{border-color:#d99012;background:#fff8e8}.theme-notebook .nb-pw.is-mid b{background:#d99012;color:#fff}
.theme-notebook .nb-pw.is-bad{border-color:#d32f2f;background:#fff1f1}.theme-notebook .nb-pw.is-bad b{background:#d32f2f;color:#fff}
.theme-notebook .nb-pronun--v2 .nb-pronun-metrics{display:flex;flex-wrap:wrap;gap:8px}
.theme-notebook .nb-pm{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#eef1f6;font-size:13px;color:#445}.theme-notebook .nb-pm b{color:#111}
.theme-notebook .nb-pm.is-good b{color:#2e9e45}.theme-notebook .nb-pm.is-mid b{color:#b26a00}.theme-notebook .nb-pm.is-bad b{color:#d32f2f}
.theme-notebook .nb-pronun--v2 .nb-pronun-heard{margin:0;font-size:13.5px;color:#5b667a}.theme-notebook .nb-pronun--v2 .nb-pronun-heard:empty,.theme-notebook .nb-pronun--v2 .nb-pronun-engine:empty{display:none}
.theme-notebook .nb-pronun--v2 .nb-pronun-engine{margin:0;font-size:12px;color:#98a2b3}
@media(max-width:640px){.theme-notebook .nb-pronun--v2{padding:14px}.theme-notebook .nb-pronun--v2 .nb-pronun-work{grid-template-columns:84px 1fr;gap:10px}.theme-notebook .nb-pronun--v2 .nb-record{width:80px;height:80px;font-size:24px}.theme-notebook .nb-pronun--v2 .nb-record strong{font-size:13px}}

/* 01/10/2026: flashcard — đếm thẻ đã đánh giá, nút Hoàn tất ở thẻ cuối, dòng gợi ý */
body.theme-notebook.mode-flashcard .yh-fc-rated{font-family:inherit!important;font-size:.72em!important;color:#8a5a00!important;background:#fff3dc;border-radius:999px;padding:2px 10px;white-space:nowrap}
body.theme-notebook.mode-flashcard .yh-fc-rated.is-done{color:#238c2c!important;background:#efffe8}
body.theme-notebook.mode-flashcard .yh-fc-finish{border-color:var(--nb-green)!important;background:#238c2c!important;color:#fff!important;box-shadow:0 3px 0 #16661c!important;font-weight:700!important}
body.theme-notebook.mode-flashcard .yh-fc-hint{flex-basis:100%;width:100%;margin:6px 0 0;text-align:center;font-size:15px;color:#6b7280}
body.theme-notebook.mode-flashcard .yh-fc-hint.is-warn{color:#b45309;font-weight:600}
body.theme-notebook.mode-flashcard .yh-fc-hint b{color:#238c2c}