.mw-wrap{max-width:760px}.mw-crumb{color:#ffd987;align-items:center;gap:4px;min-height:32px;font-size:14px;display:inline-flex}.mw-panel{color:#3a2410;background:linear-gradient(#fff7e6,#f3e2bd);border-radius:20px;gap:14px;padding:20px;display:grid;box-shadow:0 0 0 3px #e8b04a,0 10px 26px #00000073}.mw-panel p{margin:0;color:#5a4a30!important}.mw-panel h2{margin:0;font-family:Jua,sans-serif;font-size:24px;font-weight:400;line-height:1.25}.mw-hero{justify-items:start}.mw-shoot{cursor:pointer;border:0;min-height:52px;font-size:17px}.mw .rm-btn{cursor:pointer;min-height:44px;font:inherit;border:0;font-weight:900}.mw .rm-btn:disabled{opacity:.5;cursor:default}.mw-panel .rm-btn.ghost{background:#fff;box-shadow:inset 0 0 0 1.5px #1f2f7a,0 3px #d8c39a;color:#1f2f7a!important}.mw-panel .rm-btn.mw-danger{box-shadow:inset 0 0 0 1.5px #b3261e,0 3px #d8c39a;color:#b3261e!important}.mw-left{color:#8a6a45;font-size:13px;font-weight:700}.mw-sub{color:#fff3d6;margin:4px 0 0;font-family:Jua,sans-serif;font-size:22px;font-weight:400}.mw-sub small{color:#e6d3ae;font-size:14px}.mw-books{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:10px;margin:10px 0 0;padding:0;list-style:none;display:grid}.mw-books button{color:#3a2410;text-align:left;cursor:pointer;background:linear-gradient(#fff7e6,#f3e2bd);border:0;border-radius:16px;align-items:center;gap:12px;width:100%;padding:10px;display:flex;box-shadow:0 0 0 2px #e8b04a,0 6px 14px #00000059}.mw-books img,.mw-books .mw-letter{object-fit:cover;background:#fff;border-radius:12px;flex:none;width:64px;height:64px}.mw-books span{min-width:0;display:grid}.mw-books strong{font-size:17px}.mw-books small{color:#8a6a45;font-size:13px}.mw-books em{color:#5a4a30;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-style:normal;overflow:hidden}.mw-letter{color:#1f2f7a;text-transform:lowercase;background:#fff;place-items:center;font:400 30px/1 Fredoka,Jua,sans-serif;display:grid}.mw-lock{justify-items:start}.mw-demo{align-items:center;gap:10px;font-size:40px;display:flex}.mw-demo b{color:#8a6a45;font-size:22px}.mw-demo-list{gap:4px;display:grid}.mw-demo-list i{background:#fff;border-radius:999px;padding:4px 10px;font:600 14px/1.2 system-ui;box-shadow:0 2px #d8c39a}.mw-fine{align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.mw-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.mw-back{color:#1f2f7a;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0 4px;font-weight:800;display:inline-flex}.mw-scan{background:#000;border-radius:14px;position:relative;overflow:hidden}.mw-scan img{object-fit:contain;opacity:.75;width:100%;max-height:52vh;display:block}.mw-scan p{text-align:center;background:linear-gradient(#0000,#000000b3);padding:12px;font-weight:800;position:absolute;bottom:0;left:0;right:0;color:#fff!important}.mw-beam{background:linear-gradient(#0000,#ffd9878c,#0000);height:30%;animation:1.6s ease-in-out infinite alternate mw-beam;position:absolute;top:0;left:0;right:0}@keyframes mw-beam{to{transform:translateY(240%)}}@media (prefers-reduced-motion:reduce){.mw-beam{opacity:.4;animation:none}}.mw-title{color:#8a6a45;gap:4px;font-size:13px;font-weight:800;display:grid}.mw-title input{color:#3a2410;background:#fff;border:2px solid #e3cf9e;border-radius:12px;min-height:44px;padding:0 12px;font:700 17px system-ui}.mw-sum{font-size:14px}.mw-sum small{color:#8a6a45}.mw-words{gap:6px;margin:0;padding:0;list-style:none;display:grid}.mw-words li{background:#fff;border-radius:12px;grid-template-columns:auto 44px minmax(0,1fr) minmax(0,1.1fr) 40px;align-items:center;gap:8px;padding:6px 8px;display:grid;box-shadow:0 2px #e3cf9e}.mw-words li:not(:has(.mw-check)){grid-template-columns:44px minmax(0,1fr) minmax(0,1.1fr) 40px}.mw-words li.off{opacity:.45}.mw-pic{object-fit:cover;background:#fff7e6;border-radius:8px;width:44px;height:44px}.mw-pic.mw-letter{background:#eef1ff;font-size:24px}.mw-en{color:#1f2f7a;overflow-wrap:anywhere;min-width:0;font:600 17px/1.2 Fredoka,system-ui,sans-serif;display:grid}.mw-en em{color:#7a4b00;background:#ffe9a8;border-radius:999px;justify-self:start;margin-top:3px;padding:1px 7px;font:800 11px/1.5 system-ui}.mw-ko{color:#3a2410;min-width:0;font-size:15px}input.mw-ko{min-height:40px;font:inherit;background:#fffdf7;border:1.5px solid #ecdcb4;border-radius:8px;padding:0 8px}.mw-say{color:#1f2f7a;cursor:pointer;background:#eef1ff;border:0;border-radius:999px;place-items:center;width:40px;height:40px;display:grid}.mw-del{color:#b3261e;background:#fde8e6}.mw-check{color:#fff;cursor:pointer;background:#1f2f7a;border-radius:8px;place-items:center;width:30px;height:30px;display:grid;position:relative}.mw-check input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:-7px}li.off .mw-check{color:#0000;background:#fff;box-shadow:inset 0 0 0 2px #b9a77d}.mw-check:has(input:focus-visible){outline-offset:2px;outline:3px solid #e8b04a}.mw-acts{flex-wrap:wrap;gap:8px;display:flex}.mw-save{justify-content:center;width:100%;min-height:54px;font-size:17px}.mw-empty{justify-items:start;gap:10px;display:grid}.mw-h{font-size:26px!important}.mw-list summary{cursor:pointer;color:#1f2f7a;align-items:center;min-height:40px;font-weight:800;display:flex}.mw-list .mw-words{margin-top:8px}.mw-done{text-align:center;justify-items:center;gap:10px;display:grid}.mw-score{font:400 44px/1 Jua,sans-serif;color:#1f2f7a!important}.mw-score small{font-size:18px}.mw-study{--brass:#e8b04a;--brass-light:#ffd987;--parch:#fff7e6;--parch-dark:#f3e2bd;--ink:#3a2410;--ink-soft:#7a5a3a;--mist:#5a4a30}.mw-run{padding:6px 12px 0}.mw-run .st-back{font:inherit;cursor:pointer;background:0 0;border:0}.mw-run .ss-run.sl{height:calc(100dvh - 56px);padding:0 0 calc(12px + env(safe-area-inset-bottom))}@media (max-width:520px){.mw-panel{border-radius:16px;padding:14px}.mw-words li{grid-template-columns:auto 40px minmax(0,1fr) 36px;grid-template-areas:"c p e s""c p k s"}.mw-words li:not(:has(.mw-check)){grid-template-columns:40px minmax(0,1fr) 36px;grid-template-areas:"p e s""p k s"}.mw-check{grid-area:c}.mw-pic{grid-area:p;width:40px;height:40px}.mw-en{grid-area:e}.mw-ko{grid-area:k}.mw-say{grid-area:s;width:36px;height:36px}}.mw-read{background:#fff;border-radius:14px;padding:4px 12px;box-shadow:0 2px #e3cf9e}.mw-read>summary{cursor:pointer;color:#1f2f7a;align-items:center;gap:6px;min-height:48px;font:400 19px Jua,sans-serif;display:flex}.mw-read>summary small{color:#8a6a45;font:700 13px system-ui}.pr{gap:10px;padding:2px 0 12px;display:grid}.pr-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pr-play{min-height:48px!important}.pr-ko{color:#1f2f7a;cursor:pointer;background:#eef1ff;border:0;border-radius:999px;align-items:center;gap:5px;min-height:44px;padding:0 14px;font:800 14px system-ui;display:inline-flex}.pr-hint{color:#8a6a45!important;font-size:13px!important}.pr-page{gap:6px;display:grid}.pr-no{color:#8a6a45;font-weight:800}.pr-s{text-align:left;cursor:pointer;font:inherit;background:#fffaf0;border:0;border-radius:12px;gap:2px;padding:10px 12px;transition:background .2s,box-shadow .2s;display:grid;box-shadow:inset 0 0 0 1.5px #f0e2bf}.pr-s span{color:#2a1c0c;font:500 18px/1.45 Georgia,Times New Roman,serif}.pr-s small{color:#7a5a3a;font-size:14px;line-height:1.4}.pr-s.on{background:#fff3c4;box-shadow:inset 0 0 0 2.5px #e8b04a,0 2px 8px #e8b04a59}@media (prefers-reduced-motion:reduce){.pr-s{transition:none}}.pr-img{aspect-ratio:1;object-fit:cover;background:#fff;border-radius:18px;justify-self:center;width:min(220px,70%);box-shadow:0 3px #e3cf9e}
