.compact-focus{display:grid;grid-template-columns:1fr 135px;gap:24px;align-items:center;border:1px solid #f1d798;border-radius:25px;padding:28px;background:linear-gradient(120deg,#fff1c9,#ffe6ae);margin:22px 0}.compact-focus h2{font-size:27px;margin:15px 0 8px}.compact-focus p{color:#876c50;margin:10px 0 18px}.compact-focus img{width:135px;height:135px;object-fit:contain}.compact-focus .primary{display:inline-flex;width:auto;min-width:210px;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffb52b,#ff901f)!important;color:#5c381c!important;border:0}.compact-focus small{display:block;color:#92724e;font-size:11px;margin-top:12px}.compact-mint{background:linear-gradient(120deg,#f1f8e9,#e1f0d7);border-color:#d2e3c6}.compact-milestones{display:flex;align-items:center;gap:14px;font-size:12px;color:#8b755e;margin:20px 0 28px}.compact-milestones .bar{flex:1}.compact-drawer{border:1px solid #eee0cb;border-radius:18px;background:#fffdf8;padding:16px 18px;margin:14px 0}.compact-drawer>summary{cursor:pointer;font-weight:600;font-size:14px;line-height:1.7;list-style-position:inside}.compact-drawer>p{font-size:13px}.compact-links{display:grid;gap:10px;margin:18px 0}.compact-links a{display:flex;align-items:center;gap:13px;padding:17px 20px;border:1px solid #eee1d0;border-radius:17px;background:#fff;color:#5b4232;text-decoration:none}.compact-links a>span{font-size:24px;min-width:32px}.compact-links strong{font-size:15px}.compact-links b{margin-left:auto;color:#c38a43;font-size:21px}.compact-lesson-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.compact-lesson-heading h1{font-size:27px;margin:12px 0}.compact-word-progress{margin:12px 0 20px}.compact-word-card{padding:0;overflow:hidden}.compact-word-card .visual-word{margin:0;border:0;box-shadow:none;border-radius:0}.compact-word-controls{display:grid;grid-template-columns:55px 1fr;gap:12px;margin:18px 0}.compact-word-controls .primary{max-width:none}.compact-question-controls{display:flex;align-items:center;gap:14px;margin-top:18px}.compact-question-controls>span{font-size:12px;color:#8d775f}.compact-question-controls button{width:auto}.compact-question-controls .primary{margin-left:auto}.study-exercise[hidden],.compact-question-controls [hidden],#study-finish[hidden]{display:none!important}.study-question:has(.compact-question-controls){padding-top:18px}.study-question:has(.compact-question-controls) .study-exercise{padding:8px 0}.study-question:has(.compact-question-controls) #study-finish{width:100%;margin-top:16px}.compact-word-card .visual-word-picture{min-height:240px}.compact-word-card .visual-word-hanzi{font-size:54px}body[data-study-route=study] #cloud-sync,body[data-study-route=practice] #cloud-sync{margin-bottom:14px}@media(max-width:600px){.compact-focus{padding:22px;grid-template-columns:1fr 76px;gap:10px}.compact-focus img{width:76px;height:100px}.compact-focus h2{font-size:23px}.compact-focus p{font-size:13px}.compact-focus .primary{min-width:0;width:100%;font-size:14px}.compact-focus small{font-size:10px}.compact-milestones{gap:8px;font-size:10px}.compact-drawer{padding:14px 15px}.compact-links a{padding:15px}.compact-lesson-heading h1{font-size:22px}.compact-word-card .visual-word-picture{min-height:165px}.compact-word-card .visual-word-hanzi{font-size:45px}.compact-word-card .visual-word-content{padding:20px}.compact-question-controls{gap:8px}.compact-question-controls button{font-size:13px;padding:10px 12px}}

#portable-audio-player{position:fixed;right:18px;bottom:88px;z-index:300;width:calc(100% - 36px);max-width:400px;background:#fff4d9;border:2px solid #ffb52b;border-radius:18px;box-shadow:0 6px 24px #66401830;}