.da-adventure{--da-purple:#6554d9;--da-blue:#2678bd;--da-ink:#293251;--da-muted:#66718a;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--da-ink);max-width:1100px;margin:20px auto;padding:20px;background:linear-gradient(145deg,#e9f6ff,#fff0fb 55%,#fff8e2);border-radius:26px;box-sizing:border-box;min-height:500px}.da-adventure *{box-sizing:border-box}.da-adventure button{cursor:pointer;font:inherit}.da-hero{background:linear-gradient(115deg,#584ed6,#aa6bd9);color:#fff;padding:26px;border-radius:22px;display:flex;justify-content:space-between;align-items:center;gap:18px}.da-hero h2{color:#fff;margin:0 0 8px;font-size:clamp(23px,4vw,36px);line-height:1.2}.da-hero p{margin:0;opacity:.95}.da-profile{text-align:right;font-weight:700}.da-login{display:inline-block;margin-top:9px;padding:8px 13px;border-radius:15px;background:#fff;color:#5644be;text-decoration:none}.da-panel{background:#ffffffeb;border:1px solid #fff;border-radius:22px;padding:23px;margin-top:18px;box-shadow:0 9px 30px #4b4f8b12}.da-panel h3{margin:0 0 12px;font-size:23px;color:#303459}.da-langs,.da-levels,.da-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.da-lang,.da-level,.da-option{border:2px solid #e3e7fa;border-radius:17px;padding:18px 10px;background:#fff;color:#303459;text-align:center;transition:transform .15s,border-color .15s,background .15s}.da-lang:hover,.da-level:not(:disabled):hover,.da-option:not(:disabled):hover{transform:translateY(-3px);border-color:#8a78ed}.da-lang.active{border-color:#6554d9;background:#f1edff}.da-lang b{display:block;font-size:32px}.da-lang span,.da-level small{display:block;font-size:13px;margin-top:7px}.da-levels{grid-template-columns:repeat(5,minmax(0,1fr))}.da-level{font-weight:800;font-size:17px}.da-level:disabled{opacity:.5;cursor:not-allowed}.da-meta{color:var(--da-muted);font-size:14px}.da-play{max-width:760px;margin:0 auto}.da-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.da-back,.da-primary,.da-secondary{border:0;border-radius:13px;padding:11px 17px;font-weight:750}.da-back,.da-secondary{background:#e9e7fa;color:#493db5}.da-primary{background:linear-gradient(100deg,#6754dc,#9663d7);color:#fff}.da-primary:disabled{opacity:.55;cursor:not-allowed}.da-progress{height:12px;background:#e7eaf4;border-radius:99px;overflow:hidden;margin:16px 0}.da-progress>div{height:100%;background:linear-gradient(90deg,#55d8b3,#46a3ee);transition:width .25s}.da-word{font-size:clamp(26px,5vw,42px);font-weight:850;text-align:center;margin:22px 0 8px;overflow-wrap:anywhere}.da-prompt{text-align:center;color:var(--da-muted);margin:0 0 18px}.da-options{grid-template-columns:repeat(2,minmax(0,1fr))}.da-option{font-weight:700;min-height:74px;font-size:16px}.da-option.correct{background:#e0f9ed;border-color:#24aa74}.da-option.wrong{background:#ffe7e9;border-color:#f06e7a}.da-feedback{margin:18px 0;padding:16px;border-radius:15px;background:#f2f5ff;line-height:1.6}.da-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:17px}.da-summary{text-align:center;padding:25px 5px}.da-summary strong{font-size:48px;color:#5d4fd3}.da-stars{color:#e9a722;letter-spacing:4px;font-size:24px}.da-notice{padding:11px 14px;background:#fff6df;border-radius:12px;margin:13px 0;font-size:14px}.da-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:650px){.da-adventure{padding:10px;border-radius:15px}.da-hero{padding:19px;display:block}.da-profile{text-align:left;margin-top:12px}.da-panel{padding:16px}.da-langs{grid-template-columns:repeat(2,minmax(0,1fr))}.da-levels{grid-template-columns:repeat(2,minmax(0,1fr))}.da-options{gap:9px}.da-option{padding:13px 8px;min-height:68px}}

/* v1.1 Flashcard responsive */
.da-study-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;min-height:220px;padding:24px;margin:18px 0;background:linear-gradient(135deg,#fff,#edf2ff);border:2px solid #a4a5f9;border-radius:22px;color:#1d3775;cursor:pointer;white-space:normal;text-align:center}.da-study-card strong{font-size:clamp(23px,4vw,35px);line-height:1.4}.da-study-card small{font-size:14px;color:#576784}.da-study-card:focus-visible{outline:3px solid #463bd7;outline-offset:3px}@media(max-width:650px){.da-study-card{min-height:190px;padding:18px}.da-actions button{min-height:46px}}

/* v1.7 dashboard */
.da-report-scroll{overflow-x:auto;margin:14px 0}.da-report{border-collapse:collapse;width:100%;min-width:540px}.da-report th,.da-report td{padding:11px 9px;text-align:left;border-bottom:1px solid #dce5ef}.da-report th{font-weight:700}.da-report tbody tr:nth-child(even){background:rgba(120,140,170,.07)}

/* 7-day activity summary */
.da-daily{margin-top:18px;padding:16px;border:1px solid #dce5ef;border-radius:16px;background:#f8fbff;color:#23324a}.da-daily h3{margin:0 0 10px}.da-daily-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:end;min-height:148px}.da-daily-col{display:flex;align-items:center;flex-direction:column;gap:4px;font-size:12px}.da-daily-track{height:95px;width:100%;max-width:44px;border-radius:8px;background:#e7edf5;display:flex;align-items:flex-end;overflow:hidden}.da-daily-fill{width:100%;background:#3586da;border-radius:8px 8px 0 0;min-height:0}.da-daily-col small{font-size:11px}.da-daily p{line-height:1.6}

/* Achievement badges: local-only, responsive and accessible. */
.da-achievements{margin-top:18px}.da-achievement-list{display:flex;flex-wrap:wrap;gap:8px}.da-achievement{display:inline-block;padding:8px 12px;border-radius:12px;border:1px solid #cbd5e1;font-size:14px}.da-earned{background:#ecfdf5;color:#065f46;border-color:#86efac}.da-locked{background:#f8fafc;color:#64748b}


/* Diệu An UI refresh 2.9.0: visual-only, keeps learning data and audio intact */
.da-adventure{--da-ui-ink:#233453;--da-ui-primary:#5746cc;--da-ui-border:#dfe6f4;--da-ui-shadow:0 12px 35px rgba(41,51,99,.09);color:var(--da-ui-ink);width:100%;max-width:1100px;margin:20px auto;padding:clamp(14px,3vw,30px);border-radius:24px;line-height:1.65;overflow-wrap:anywhere}
.da-adventure :is(h2,h3,h4){line-height:1.3;letter-spacing:-.015em;overflow-wrap:anywhere}
.da-adventure :is(button,input,select,textarea){font-family:inherit;max-width:100%}
.da-adventure button{min-height:44px;line-height:1.35;touch-action:manipulation;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}
.da-adventure button:focus-visible,.da-adventure a:focus-visible,.da-adventure :is(input,select,textarea):focus-visible{outline:3px solid #f0a82e;outline-offset:3px}
.da-adventure button:not(:disabled):active{transform:scale(.98)}
.da-adventure :is(input,select,textarea){min-height:44px;border:1px solid var(--da-ui-border);border-radius:12px;padding:10px 12px;background:#fff;color:var(--da-ui-ink)}
.da-adventure :is(.da-panel,.dag8-card,.dag8-panel){box-shadow:var(--da-ui-shadow)}
.da-adventure :is(.da-langs,.da-levels,.da-options,.dag8-langs,.dag8-levels,.dag8-options){gap:clamp(9px,1.5vw,15px)}
.da-adventure :is(.da-lang,.da-level,.da-option,.dag8-lang,.dag8-level,.dag8-choice){min-width:0;white-space:normal;overflow-wrap:anywhere}
@media(max-width:767px){.da-adventure{margin:10px auto;padding:14px;border-radius:18px}.da-adventure :is(.da-hero,.da-panel){padding:16px}.da-adventure :is(.da-langs,.dag8-langs){grid-template-columns:repeat(2,minmax(0,1fr))}.da-adventure :is(.da-levels,.dag8-levels){grid-template-columns:repeat(2,minmax(0,1fr))}.da-adventure :is(.da-options,.dag8-options){grid-template-columns:1fr}.da-adventure :is(.da-lang,.da-level,.da-option,.dag8-lang,.dag8-level,.dag8-choice){padding:12px 10px;font-size:15px}}
@media(max-width:390px){.da-adventure{padding:10px}.da-adventure :is(.da-hero,.da-panel){padding:13px}.da-adventure button{font-size:14px}}
@media(prefers-reduced-motion:reduce){.da-adventure *,.da-adventure *::before,.da-adventure *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Hybrid UI upgrade 3.0.0 */

/* Hybrid cartoon + modern classroom, scoped to this plugin */
.da-adventure{background:radial-gradient(circle at 6% 5%,#d7f9ed 0,transparent 28%),radial-gradient(circle at 95% 88%,#fff0c9 0,transparent 30%),linear-gradient(150deg,#eef7ff,#f7f1ff 65%,#fffaf1);border:1px solid #dce7f5;box-shadow:0 18px 55px rgba(38,57,111,.10);color:#263653}
.da-adventure :is(button,a){-webkit-tap-highlight-color:transparent}
.da-adventure button:not(:disabled):hover{box-shadow:0 8px 20px rgba(75,68,158,.14)}
.da-adventure :is(.da-panel,.dag9-header){border:1px solid #e3eaf7}
.da-adventure :is(.da-lang,.dag8-lang,.da-level,.dag8-level){position:relative;isolation:isolate;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.da-adventure :is(.da-lang,.dag8-lang,.da-level,.dag8-level):not(:disabled):hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(73,78,142,.13)}
.da-adventure :is(.da-lang,.dag8-lang,.da-level,.dag8-level):disabled{filter:saturate(.7);opacity:.63}
.da-adventure :is(.da-option,.dag8-choice){line-height:1.55;text-align:left}
.da-adventure :is(.da-progress,.dag9-progress){height:12px;border-radius:99px;box-shadow:inset 0 1px 3px #25325712}
.da-adventure :is(.da-progress>div,.dag9-progress-fill){background:linear-gradient(90deg,#39c6b0,#5d7ff2,#9b6cdd)}
@media(max-width:767px){{.da-adventure{{width:100%;margin:8px auto;padding:12px;border-radius:18px}}.da-adventure :is(.da-langs,.dag8-langs){{grid-template-columns:repeat(2,minmax(0,1fr))}}.da-adventure :is(.da-levels,.dag8-levels){{grid-template-columns:repeat(2,minmax(0,1fr))}}.da-adventure button{{min-height:46px}}}}

.da-adventure .da-hero{position:relative;overflow:hidden;min-height:130px;background:linear-gradient(115deg,#4649c8,#765bd7 56%,#9c6ce2);box-shadow:0 12px 26px #4c4cbd30}
.da-adventure .da-hero::after{content:"☁️  ✨  🏝️";position:absolute;right:12%;bottom:-7px;font-size:clamp(25px,4vw,45px);opacity:.34;pointer-events:none;transform:rotate(-7deg)}
.da-adventure .da-hero>*{position:relative;z-index:1}
.da-adventure .da-panel{background:rgba(255,255,255,.95);border:1px solid #e3e9f8;box-shadow:0 9px 25px #374d8010}
.da-adventure .da-panel h3{font-size:clamp(19px,2vw,24px);font-weight:800;color:#304178}
.da-adventure .da-lang{background:linear-gradient(180deg,#fff,#f9fbff);border:1.5px solid #dce5fa;min-height:116px;box-shadow:0 3px 9px #34447c0a}
.da-adventure .da-lang.active{background:linear-gradient(160deg,#f0edff,#e8f4ff);border:2px solid #7162e8;box-shadow:0 6px 20px #6358d327}
.da-adventure .da-lang b{font-size:30px;line-height:1.35}
.da-adventure .da-levels{gap:14px}
.da-adventure .da-level{min-height:135px;border:1.5px solid #dfe8f8;background:linear-gradient(180deg,#fff,#f9fbff);box-shadow:0 4px 12px #2b40720b;line-height:1.55}
.da-adventure .da-level:not(:disabled){border-bottom:5px solid #63c5b4}
.da-adventure .da-level:disabled{border-bottom:5px solid #e2e8f0}
.da-adventure .da-level small{font-size:13px;line-height:1.5}
.da-adventure .da-primary{background:linear-gradient(110deg,#544fd5,#9161da);box-shadow:0 5px 14px #6253ce25}
.da-adventure .da-option{background:#fff;border:1.5px solid #dce4f5;border-radius:16px;padding:17px}
@media(max-width:767px){.da-adventure .da-hero{min-height:112px}.da-adventure .da-hero::after{right:0;opacity:.2}.da-adventure .da-level{min-height:118px}.da-adventure .da-lang{min-height:104px}}