#dg-mobile{display:none}
@media(max-width:760px){

#dg-mobile{--bg:#0a0d16;--panel:#141925;--raised:#1c2231;--border:#2b3345;--ink:#f5f6fc;--muted:#a8b1c5;--accent:#d8ff45;--reading:1.3rem;color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}#dg-mobile *{box-sizing:border-box}#dg-mobile{margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.5}#dg-mobile button,#dg-mobile input,#dg-mobile select{font:inherit}#dg-mobile button{color:inherit;cursor:pointer}#dg-mobile button:disabled{opacity:.42;cursor:not-allowed}#dg-mobile button:focus-visible,#dg-mobile input:focus-visible,#dg-mobile summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}#dg-mobile button{touch-action:manipulation}#dg-mobile h1,#dg-mobile h2,#dg-mobile h3,#dg-mobile p{margin:0}#dg-mobile h1{font-size:1.8rem;line-height:1.16;letter-spacing:-.045em}#dg-mobile h2{font-size:1.25rem;letter-spacing:-.025em}#dg-mobile h3{font-size:1.05rem}#dg-mobile p{overflow-wrap:anywhere}#dg-mobile small{font-size:.8rem}#dg-mobile a{color:inherit}#dg-mobile svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}#dg-mobile button svg{pointer-events:none}#dg-mobile .app{width:min(100%,520px);margin:auto;min-height:100dvh;border-inline:1px solid #171e2b}#dg-mobile .banner{padding:7px 16px;text-align:center;font-size:.75rem;background:#202a15;color:#d7eda8;border-bottom:1px solid #344125}#dg-mobile .top{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 12px;gap:12px}#dg-mobile .brand{display:flex;gap:9px;align-items:center;font-size:.9rem;font-weight:850;line-height:1.1;letter-spacing:.06em}#dg-mobile .brand b{width:34px;height:36px;background:var(--accent);border-radius:9px;color:#0a0d16;font-size:1.6rem;display:grid;place-items:center;transform:rotate(-5deg)}#dg-mobile .brand em{color:var(--accent);font-style:normal}#dg-mobile .badge{font-size:.75rem;border:1px solid var(--border);border-radius:20px;padding:5px 10px;color:var(--muted)}#dg-mobile main{padding:16px 20px 112px}#dg-mobile .muted{color:var(--muted)}#dg-mobile .eyebrow{font-size:.76rem;font-weight:750;letter-spacing:.08em;color:var(--accent);text-transform:uppercase}#dg-mobile .intro{margin-bottom:22px}#dg-mobile .intro p{margin-top:9px;color:var(--muted);font-size:.95rem;max-width:36ch}#dg-mobile .section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 0 12px}#dg-mobile .section-head small{color:var(--muted)}#dg-mobile .card{background:var(--panel);border:1px solid var(--border);border-radius:19px;padding:18px}#dg-mobile .continue{display:block;text-align:left;width:100%;border-color:#71832c;background:linear-gradient(120deg,#252f17,#141b21)}#dg-mobile .continue .eyebrow{font-size:.72rem}#dg-mobile .continue h2{margin:8px 0 5px;font-size:1.45rem}#dg-mobile .continue p{color:#c2cbb8;font-size:.9rem}#dg-mobile .continue-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:16px}#dg-mobile .round{display:grid;place-items:center;background:var(--accent);color:#111709;width:40px;height:40px;border-radius:50%}#dg-mobile .progress-track{height:5px;background:#30384a;border-radius:10px;overflow:hidden;margin-top:14px}#dg-mobile .progress-track i{display:block;background:var(--accent);height:100%;border-radius:10px}#dg-mobile .mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:4px;border:1px solid var(--border);padding:4px;border-radius:13px;background:#101522;margin:12px 0}#dg-mobile .mode-toggle button{min-height:44px;font-size:.85rem;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:700}#dg-mobile .mode-toggle button.active{background:#d8ff45;color:#151b08}#dg-mobile .hint{color:var(--muted);font-size:.85rem}#dg-mobile .areas{display:grid;grid-template-columns:1fr 1fr;gap:12px}#dg-mobile .area{position:relative;display:flex;align-items:flex-start;flex-direction:column;text-align:left;gap:10px;min-width:0;min-height:172px;padding:16px 13px;border:1px solid var(--border);border-radius:17px;background:var(--panel)}#dg-mobile .area:active{background:var(--raised)}#dg-mobile .area .symbol{font-size:1rem;display:grid;place-items:center;min-width:39px;height:36px;padding:4px 6px;background:color-mix(in srgb,var(--color) 13%,#101522);border:1px solid color-mix(in srgb,var(--color) 45%,#101522);border-radius:10px;color:var(--color);font-weight:800}#dg-mobile .area strong{line-height:1.24;font-size:1rem;overflow-wrap:anywhere}#dg-mobile .area small{color:var(--muted);line-height:1.3;margin-top:auto}#dg-mobile .area .tinytrack{width:100%;height:3px;background:#313747;border-radius:10px}#dg-mobile .area .tinytrack i{display:block;height:100%;background:var(--color);border-radius:10px}#dg-mobile .nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,520px);display:flex;justify-content:space-around;gap:6px;padding:8px 14px calc(8px + env(safe-area-inset-bottom));background:#101522f5;border-top:1px solid var(--border);z-index:20;backdrop-filter:blur(15px)}#dg-mobile .nav button{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:52px;min-width:70px;border:0;background:transparent;color:var(--muted);font-size:.76rem}#dg-mobile .nav button.active{color:var(--accent)}#dg-mobile .back{border:0;background:none;display:flex;align-items:center;gap:7px;padding:8px 0;min-height:44px;color:var(--muted);font-size:.9rem;margin-bottom:12px}#dg-mobile .level-tabs{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:7px;margin:22px 0 12px}#dg-mobile .level-tabs button{background:var(--panel);border:1px solid var(--border);border-radius:12px;min-width:0;padding:12px 4px;text-align:center;font-size:.78rem;font-weight:700;line-height:1.4}#dg-mobile .level-tabs small{font-weight:400;color:var(--muted);display:block;font-size:.72rem}#dg-mobile .level-tabs button.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}#dg-mobile .filter-row{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}#dg-mobile .chip{padding:8px 12px;min-height:42px;background:var(--panel);border:1px solid var(--border);border-radius:25px;font-size:.8rem}#dg-mobile .chip.active{border-color:var(--accent);color:var(--accent)}#dg-mobile .exercise-list{display:grid;gap:9px}#dg-mobile .exercise-item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 12px;text-align:left;border:1px solid var(--border);border-radius:14px;background:var(--panel);min-width:0}#dg-mobile .exercise-item.next{border-color:#647b30}#dg-mobile .num{display:grid;place-items:center;min-width:40px;height:40px;background:var(--raised);border-radius:11px;font-size:.85rem;font-weight:750}#dg-mobile .is-done .num{background:#263b21;color:#b3f393}#dg-mobile .exercise-copy{min-width:0;flex:1}#dg-mobile .exercise-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.94rem}#dg-mobile .exercise-copy small{display:block;color:var(--muted);margin-top:3px;font-size:.77rem}#dg-mobile .arrow{width:18px;height:18px;color:var(--muted)}#dg-mobile .wide{width:100%;margin-top:14px}#dg-mobile .primary{display:flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:13px;background:var(--accent);color:#151b08;font-weight:800;min-height:52px;padding:12px 17px}#dg-mobile .secondary{display:flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--border);border-radius:13px;background:var(--panel);min-height:48px;padding:10px 15px;font-weight:650;font-size:.9rem}#dg-mobile .locked-info{padding:20px;margin-top:16px}#dg-mobile .locked-info h2{margin-bottom:8px}#dg-mobile .practice-head{position:sticky;top:0;z-index:10;background:#0a0df9;background:var(--bg);border-bottom:1px solid var(--border);padding:10px 16px;display:flex;align-items:center;gap:10px}#dg-mobile .icon-btn{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--border);background:var(--panel);border-radius:12px;flex-shrink:0}#dg-mobile .practice-head .head-copy{flex:1;min-width:0}#dg-mobile .head-copy strong{display:block;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#dg-mobile .head-copy small{color:var(--muted);font-size:.76rem}#dg-mobile .icon-btn.saved{color:var(--accent);border-color:var(--accent)}#dg-mobile .practice-main{padding-top:16px;padding-bottom:156px}#dg-mobile .readtools{display:flex;justify-content:space-between;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:18px}#dg-mobile .readtools>div{display:flex;align-items:center;gap:5px}#dg-mobile .readtools button{background:var(--panel);border:1px solid var(--border);border-radius:9px;min-height:42px;min-width:42px;font-weight:700;font-size:.85rem;padding:7px}#dg-mobile .readtools .focus{min-width:92px;font-weight:500}#dg-mobile .readtools button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}#dg-mobile .readtools output{min-width:42px;text-align:center;color:var(--muted);font-size:.78rem}#dg-mobile .tip{border-left:3px solid var(--accent);padding:11px 13px;background:#151d1d;margin:0 0 18px;border-radius:0 11px 11px 0}#dg-mobile .tip strong{font-size:.8rem;color:var(--accent)}#dg-mobile .tip p{font-size:.9rem;line-height:1.5;margin-top:4px}#dg-mobile .exercise-title{font-size:1.45rem;line-height:1.2;margin:8px 0 15px;letter-spacing:-.035em;overflow-wrap:anywhere}#dg-mobile .exercise-label{font-size:.75rem;letter-spacing:.04em;color:var(--muted);margin-bottom:8px}#dg-mobile .read-surface{font-size:var(--reading);line-height:1.75;overflow-wrap:anywhere;min-width:0}#dg-mobile .text-reading p+p{margin-top:1em}#dg-mobile .word-grid{display:flex;flex-wrap:wrap;gap:9px}#dg-mobile .word-grid span{padding:8px 11px;border:1px solid var(--border);background:var(--panel);border-radius:10px;font-size:var(--reading);line-height:1.45}#dg-mobile .syllable-row{display:flex;flex-wrap:wrap;gap:5px;padding:12px 0;border-bottom:1px solid var(--border)}#dg-mobile .syllable-row span{flex:1 0 calc(14.285% - 5px);min-width:2em;text-align:center;padding:10px 0;border:1px solid #30394b;border-radius:8px;background:var(--panel);font-weight:650;line-height:1.3;font-size:var(--reading)}#dg-mobile .linebar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0}#dg-mobile .linebar span{font-size:.8rem;color:var(--muted)}#dg-mobile .linebar button{min-height:44px;min-width:44px;border:1px solid var(--border);border-radius:10px;background:var(--panel)}#dg-mobile .line-segments{display:flex;gap:5px;margin:12px 0}#dg-mobile .line-segments i{flex:1;height:3px;background:#2b3345}#dg-mobile .line-segments i.on{background:var(--accent)}#dg-mobile .choice{display:block;width:100%;text-align:left;padding:14px 15px;margin:9px 0;background:var(--panel);border:1px solid var(--border);border-radius:13px;font-size:var(--reading);line-height:1.45;overflow-wrap:anywhere}#dg-mobile .choice.selected{border-color:var(--accent);background:#242e1d}#dg-mobile .choice.correct{border-color:#80c991;background:#182e21}#dg-mobile .choice.wrong{border-color:#ec9c8c}#dg-mobile .question{font-size:var(--reading);line-height:1.45;margin:12px 0 20px}#dg-mobile .bigword{font-size:calc(var(--reading)*1.5);font-weight:800;line-height:1.25;margin:8px 0 16px;letter-spacing:-.035em;overflow-wrap:anywhere}#dg-mobile .guide{color:var(--accent);font-size:var(--reading);overflow-wrap:anywhere}#dg-mobile .reveal{margin-top:20px}#dg-mobile .feedback{padding:15px;background:#192c24;border:1px solid #426c52;border-radius:13px;margin:15px 0;font-size:1rem}#dg-mobile .feedback h3{color:#baf0cb;margin-bottom:7px}#dg-mobile .feedback p+p{margin-top:10px}#dg-mobile .feedback.bad{background:#2c2320;border-color:#725044}#dg-mobile .feedback.bad h3{color:#f8c3a9}#dg-mobile .details{border:1px solid var(--border);border-radius:12px;margin:20px 0;padding:0 13px;color:var(--muted);font-size:.9rem}#dg-mobile .details summary{cursor:pointer;min-height:46px;display:flex;align-items:center;font-weight:650;color:var(--ink)}#dg-mobile .details p{padding:0 0 14px}#dg-mobile .apply-task{border:1px solid var(--border);background:var(--panel);border-radius:14px;padding:16px;margin:22px 0}#dg-mobile .apply-task p{margin-top:7px;font-size:1rem}#dg-mobile .check{display:flex;align-items:flex-start;gap:10px;padding:15px 0;font-size:.94rem}#dg-mobile .check input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--accent);flex-shrink:0}#dg-mobile .check label{cursor:pointer}#dg-mobile .dock{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,520px);padding:10px 20px calc(12px + env(safe-area-inset-bottom));background:#101522f5;z-index:20;border-top:1px solid var(--border);backdrop-filter:blur(14px)}#dg-mobile .dock small{display:block;text-align:center;color:var(--muted);font-size:.75rem;margin-bottom:7px}#dg-mobile .dock .primary{width:100%}#dg-mobile .success-icon{width:68px;height:68px;border-radius:50%;background:#263b1a;color:var(--accent);display:grid;place-items:center;margin:25px 0 20px}#dg-mobile .success-icon svg{width:34px;height:34px}#dg-mobile .success h1{margin-bottom:12px}#dg-mobile .success p{color:var(--muted)}#dg-mobile .success .card{margin:24px 0}#dg-mobile .ratings{display:grid;gap:8px;margin-top:14px}#dg-mobile .ratings button{text-align:left;min-height:48px;padding:10px 12px;border:1px solid var(--border);background:var(--raised);border-radius:10px;font-size:.94rem}#dg-mobile .ratings button.active{border-color:var(--accent);color:var(--accent)}#dg-mobile .stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}#dg-mobile .stat b{font-size:2rem;display:block;color:var(--accent)}#dg-mobile .stat small{color:var(--muted)}#dg-mobile .progress-row{padding:15px 0;border-bottom:1px solid var(--border)}#dg-mobile .progress-row>div{display:flex;justify-content:space-between;gap:15px;font-size:.9rem}#dg-mobile .progress-row span{color:var(--muted)}#dg-mobile .empty{padding:28px 18px;text-align:center}#dg-mobile .empty svg{margin-bottom:12px;color:var(--accent);width:32px;height:32px}#dg-mobile .empty p{margin-top:9px;color:var(--muted);font-size:.9rem}#dg-mobile .focus-mode .tip,#dg-mobile .focus-mode .details{display:none}#dg-mobile .focus-mode .read-surface{padding-top:8px}#dg-mobile .toast{position:fixed;left:50%;bottom:140px;transform:translateX(-50%);background:var(--ink);color:#111827;padding:12px 16px;border-radius:12px;width:max-content;max-width:calc(100% - 40px);z-index:40;font-size:.85rem;box-shadow:0 5px 30px #0008}#dg-mobile .storage-note{padding:12px 20px;color:#ffd1a2;background:#34261a;font-size:.85rem}#dg-mobile .footer-note{font-size:.78rem;color:#8491a7;margin-top:24px}#dg-mobile .focus-mode .exercise-label{display:none}#dg-mobile [hidden]{display:none!important}@media(min-width:800px){#dg-mobile{background:#060911}#dg-mobile .app{margin:28px auto;border:1px solid var(--border);border-radius:26px 26px 0 0;box-shadow:0 25px 80px #0008}#dg-mobile .banner{border-radius:26px 26px 0 0}}@media(max-width:360px){#dg-mobile main{padding-inline:14px}#dg-mobile .area{padding:13px 10px}#dg-mobile .area strong{font-size:.92rem}#dg-mobile .practice-main{padding-inline:14px}#dg-mobile .syllable-row span{font-size:var(--reading)}#dg-mobile .dock{padding-inline:14px}#dg-mobile .level-tabs button{font-size:.74rem}}@media(prefers-reduced-motion:no-preference){#dg-mobile .area,#dg-mobile .choice,#dg-mobile .chip{transition:border-color .15s,background .15s}}@media print{#dg-mobile .nav,#dg-mobile .dock,#dg-mobile .banner,#dg-mobile .readtools,#dg-mobile .practice-head,#dg-mobile .back{display:none}#dg-mobile .app{width:100%;border:0}#dg-mobile{color:#000;background:white}#dg-mobile .read-surface,#dg-mobile .tip{color:#000}#dg-mobile .syllable-row span{color:#000;background:white}}

body.mobile-ready:not(.auth-pending)>.app-shell{display:none!important}body.mobile-ready:not(.auth-pending)>#dg-mobile{display:block}#dg-mobile{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5;color:var(--ink)}#dg-mobile .app{margin:0 auto;border:0;box-shadow:none}#dg-mobile .mobile-logout{border:1px solid var(--border);border-radius:11px;padding:8px 14px;min-height:44px;color:var(--muted);background:var(--panel)}#dg-mobile .eyebrow{line-height:1.5}#dg-mobile .read-surface{font-weight:400;letter-spacing:normal;text-transform:none}
}
@media(max-width:760px){#dg-mobile .brand{width:auto;min-width:0;gap:0}#dg-mobile .brand img{display:block;width:132px;height:auto}#dg-mobile .brand em{font-style:normal}}