#italiano-kids-app{--ink:#30454a;--muted:#68797c;--paper:#fffdf8;--teal:#58a99f;--yellow:#ffd45c;--coral:#f28e83;--blue:#78b9e8;--orange:#f5a55b}
#italiano-kids-app *{box-sizing:border-box}
#italiano-kids-app body{margin:0;background:linear-gradient(135deg,#fff0c9,#f9e5f0 48%,#dff1f1);color:var(--ink);font-family:"Trebuchet MS",Arial,sans-serif}
#italiano-kids-app .app{max-width:1040px;margin:auto;min-height:100vh;background:var(--paper);position:relative;overflow:hidden}
#italiano-kids-app header{position:sticky;top:0;z-index:10;background:rgba(220,244,238,.97);border-bottom:5px solid var(--yellow);padding:15px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 15px rgba(50,80,70,.08)}
#italiano-kids-app .logo{font-size:27px;font-weight:900;color:#2f6c70}
#italiano-kids-app .sub{font-size:12px;color:#617477;margin-top:2px}
#italiano-kids-app .pbox{width:210px;text-align:right;font-size:12px;color:#557174}
#italiano-kids-app .bar{height:11px;background:#fff;border-radius:20px;margin-top:5px;overflow:hidden;border:1px solid #cde2dc}
#italiano-kids-app .fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--yellow),var(--orange));width:0}
#italiano-kids-app main{padding:30px 25px 65px;position:relative;z-index:1}
#italiano-kids-app .screen{display:none}
#italiano-kids-app .screen.active{display:block}
#italiano-kids-app h1{font-size:37px;line-height:1.08;color:#2f666c;margin:0 0 8px}
#italiano-kids-app h2,#italiano-kids-app h3{color:#315f65}
#italiano-kids-app .lead{color:var(--muted);font-size:17px;margin-top:0}
#italiano-kids-app .badge{display:inline-block;background:var(--coral);color:#fff;padding:8px 13px;border-radius:22px;font-size:12px;font-weight:900;margin-bottom:11px;box-shadow:0 3px 0 #dc756b}
#italiano-kids-app .card{background:#fff;border:2px solid #f0dfc9;border-radius:26px;padding:22px;margin:18px 0;box-shadow:0 10px 25px rgba(80,60,30,.07)}
#italiano-kids-app .hero{background:linear-gradient(135deg,#e3f6f1,#fff0cf);border:0;display:flex;align-items:center;gap:20px;padding:24px}
#italiano-kids-app .heroart{width:150px;height:115px;background:#fff8;border-radius:25px;display:flex;align-items:center;justify-content:center;font-size:78px}
#italiano-kids-app .lesson-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:22px}
#italiano-kids-app .lesson{background:#fff;border:2px solid #eadfd1;border-radius:25px;padding:17px;min-height:225px}
#italiano-kids-app .lesson.locked{opacity:.55;filter:saturate(.55)}
#italiano-kids-app .lesson.done{border-color:var(--teal);background:linear-gradient(145deg,#fff,#eef9f5)}
#italiano-kids-app .lesson:nth-child(3n+1){border-top-color:var(--coral)}
#italiano-kids-app .lesson:nth-child(3n+2){border-top-color:var(--blue)}
#italiano-kids-app .lesson:nth-child(3n){border-top-color:var(--yellow)}
#italiano-kids-app .lesson-num{font-size:11px;color:#7b8585;font-weight:900}
#italiano-kids-app .lesson h3{font-size:21px;margin:6px 0}
#italiano-kids-app .lesson p{margin:4px 0 12px;color:#758083;font-size:14px}
#italiano-kids-app .miniart{height:82px;font-size:70px;display:flex;align-items:center}
#italiano-kids-app .doneflag{float:right;background:var(--teal);color:#fff;padding:5px 8px;border-radius:12px;font-size:11px;font-weight:bold}
#italiano-kids-app button{border:0;border-radius:15px;padding:11px 18px;font:inherit;font-weight:900;cursor:pointer;background:var(--teal);color:#fff;box-shadow:0 3px 0 #4a8b83}
#italiano-kids-app button.secondary{background:#fff0d7;color:#6b5a3c;box-shadow:0 3px 0 #e5c990}
#italiano-kids-app .sound{background:#e6f4f1;color:#31666a;padding:7px 11px;font-size:13px;box-shadow:none}
#italiano-kids-app .sound.playing{background:var(--yellow);color:#5e4b16}
#italiano-kids-app .install{background:var(--orange);box-shadow:0 3px 0 #cf8542}
#italiano-kids-app .controls{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;margin-top:23px}
#italiano-kids-app .words{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
#italiano-kids-app .word{background:#fff8ec;border:2px solid #f0dfc7;border-radius:21px;padding:13px 8px;text-align:center;min-height:185px}
#italiano-kids-app .wordart{height:88px;font-size:62px;display:flex;align-items:center;justify-content:center}
#italiano-kids-app .it{font-size:19px;font-weight:900;color:#315b61}
#italiano-kids-app .bg{font-size:13px;color:#777;margin:3px 0 7px}
#italiano-kids-app .dialogue{max-width:760px;margin:auto}
#italiano-kids-app .line{display:flex;margin:14px 0}
#italiano-kids-app .bubble{max-width:80%;padding:14px 17px;border-radius:22px;line-height:1.45;border:2px solid transparent}
#italiano-kids-app .a{background:#e6f5f1;margin-right:auto;border-color:#c9e6df}
#italiano-kids-app .b{background:#fff0dd;margin-left:auto;border-color:#f1d8b2}
#italiano-kids-app .who{font-size:11px;color:#718080;font-weight:900;margin-bottom:4px}
#italiano-kids-app .exercise{max-width:740px;margin:auto;text-align:center}
#italiano-kids-app .hintart{height:120px;font-size:90px;display:flex;justify-content:center;align-items:center}
#italiano-kids-app .blank{font-size:28px;margin:15px}
#italiano-kids-app .options{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
#italiano-kids-app .option{min-width:175px;background:#f2eee7;color:#405054;box-shadow:0 3px 0 #d9d1c4}
#italiano-kids-app .option.correct{background:#bfe3d8;color:#235b55}
#italiano-kids-app .option.wrong{background:#f3cccc;color:#7b3d39}
#italiano-kids-app .feedback{min-height:28px;margin:15px;font-weight:bold}
#italiano-kids-app .nextcard{background:linear-gradient(135deg,#dff3ee,#fff0c9);border:0;text-align:center}
#italiano-kids-app .complete{text-align:center;padding:20px}
#italiano-kids-app .check{font-size:65px;color:var(--teal)}
#italiano-kids-app .confetti{font-size:28px;letter-spacing:10px}
@media(max-width:720px){#italiano-kids-app .lesson-grid{grid-template-columns:1fr}
#italiano-kids-app .words{grid-template-columns:repeat(2,1fr)}
#italiano-kids-app header{padding:13px 16px}
#italiano-kids-app .pbox{width:130px}
#italiano-kids-app h1{font-size:30px}
#italiano-kids-app .heroart{width:100px;height:90px;font-size:60px}}
#italiano-kids-app .proncheck{margin-top:18px;padding:18px;border:2px dashed #9bcfc6;border-radius:22px;background:#f2fbf8;text-align:center}
#italiano-kids-app .pron-title{font-weight:900;color:#315f65;margin-bottom:7px}
#italiano-kids-app .mic{background:#f28e83;box-shadow:0 3px 0 #cf7168}
#italiano-kids-app .mic.listening{background:#ffd45c;color:#5e4b16;box-shadow:0 3px 0 #d5af3d}
#italiano-kids-app .pron-result{min-height:30px;margin-top:12px;font-weight:900}
#italiano-kids-app .score{display:inline-block;margin-top:6px;padding:6px 12px;border-radius:16px;background:#dff3ee;color:#2f666c}
/* WordPress page isolation */
body.italiano-kids-page{background:#fff4df!important}
body.italiano-kids-page .site-content,
body.italiano-kids-page .content-area,
body.italiano-kids-page .site-main,
body.italiano-kids-page .entry-content,
body.italiano-kids-page .content-wrapper,
body.italiano-kids-page main{max-width:none!important;width:100%!important;float:none!important;margin:0!important;padding:0!important}
body.italiano-kids-page .widget-area,
body.italiano-kids-page .sidebar,
body.italiano-kids-page aside.widget-area{display:none!important}
body.italiano-kids-page .entry-header,
body.italiano-kids-page .entry-title,
body.italiano-kids-page .page-title,
body.italiano-kids-page .entry-footer{display:none!important}
body.italiano-kids-page #italiano-kids-app{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
#italiano-kids-app{--ink:#30454a;--muted:#68797c;--paper:#fffdf8;--teal:#58a99f;--yellow:#ffd45c;--coral:#f28e83;--blue:#78b9e8;--orange:#f5a55b;display:block;width:100%;max-width:100%;margin:0;padding:0;background:#fffdf8;color:var(--ink);font-family:"Trebuchet MS",Arial,sans-serif}
#italiano-kids-app .app{width:100%;max-width:1040px;margin:0 auto;min-height:100vh;background:var(--paper);position:relative;overflow:hidden}

#italiano-kids-app .install:disabled{opacity:.65;cursor:default}#italiano-kids-app .install-help,#italiano-kids-app .voice-status{margin-top:8px;max-width:560px;font-size:13px;line-height:1.35;color:#51676a}#italiano-kids-app .voice-status{color:#8a5b2b;font-weight:700}

.question-desk-art{
  width:110px;
  height:80px;
  display:block;
  margin:auto;
  opacity:.9;
}