@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700&display=swap');
    body {
      font-family: 'Fredoka', sans-serif;
      background-color: #0d131a;
      color: #ffffff;
      user-select: none;
    }
    body:has(#app-container:not(.hidden)) {
      background:
        radial-gradient(ellipse at 12% 2%, rgba(255,255,255,.22), transparent 24rem),
        radial-gradient(ellipse at 92% 44%, rgba(255,224,130,.2), transparent 22rem),
        linear-gradient(145deg, #16a9bd 0%, #24c0c3 48%, #67cbd1 100%);
      background-attachment: fixed;
    }
    #app-container { max-width: 1200px; }
    #app-container > header {
      background: linear-gradient(110deg, #ffffff 0%, #f2fbff 56%, #e4faff 100%);
      border: 1px solid rgba(255,255,255,.92);
      color: #14243b;
      box-shadow: 0 14px 34px rgba(8,75,97,.2);
    }
    #app-container > header h1 { color: #12354b; }
    #app-container > header p { color: #56728a; }
    #app-container > header nav { background: #e5f4f8; border-color: #d1e8ee; }
    #app-container > header .nav-btn { color: #426175; }
    #app-container > header .nav-btn:hover { color: #12354b; }
    #app-container > header .nav-btn.bg-cyan-500 { background: linear-gradient(135deg,#ffe75b,#ffbd3d); color: #263247; box-shadow: 0 4px 0 #df9825; }
    #app-container > header button[onclick="openProfileModal()"] { background: #f0fbff; border-color: #d1e8ee; }
    #app-container > header button[onclick="openProfileModal()"] .text-cyan-400 { color: #078ca3; }
    #app-container > header button[onclick="openProfileModal()"] .text-slate-400 { color: #56728a; }
    #app-container > header button[title="Logout"] { background: #eef5f8; color: #537286; border-color: #d1e2e8; }
    #app-container > header .bg-slate-900 { background:#f0fbff; border-color:#d1e8ee; }
    #app-container > header .bg-slate-700 { background:#eaf3f6; }
    #app-container > header .text-slate-400 { color:#56728a; }
    #login-screen { background:linear-gradient(145deg,#ffffff,#e9fbfd); border:2px solid #fff; color:#173b50; box-shadow:0 18px 42px rgba(8,75,97,.24); }
    #login-screen h1 { color:#124e68; }
    #login-screen p { color:#5d7b8b; }
    #activity-stage, #tab-shop > div, #tab-whiteboard > div {
      background:linear-gradient(150deg,#ffffff 0%,#f3fcfd 62%,#e7f8f8 100%) !important;
      border-color:rgba(255,255,255,.95) !important;
      color:#173b50;
      box-shadow:0 16px 34px rgba(8,75,97,.2);
    }
    #activity-stage .bg-slate-900, #activity-stage .bg-slate-800,
    #activity-stage .bg-slate-950, #tab-shop #shop-container > div,
    #tab-whiteboard .bg-slate-900, #tab-whiteboard .bg-slate-950 {
      background-color:#fff !important;
      border-color:#d5ebee !important;
      color:#244a5e;
    }
    #activity-stage [class~="bg-slate-900/80"] { background-color:#edf9fa !important; border-color:#d5ebee !important; }
    #activity-stage .bg-slate-700, #tab-shop #shop-container .bg-slate-800,
    #tab-whiteboard .bg-slate-700 { background-color:#eaf4f6 !important; color:#36596b; }
    #activity-stage [class*="bg-cyan-950"] { background-color:#e1f7f7 !important; border-color:#bfe6e9 !important; }
    #activity-stage button.bg-slate-900, #activity-stage button.bg-slate-800,
    #activity-stage button.bg-slate-700 { border-color:#d5ebee !important; }
    #activity-stage .text-white, #activity-stage .text-slate-100,
    #activity-stage .text-slate-200 { color:#173b50 !important; }
    #activity-stage .text-slate-300 { color:#426477 !important; }
    #activity-stage .text-slate-400, #tab-shop .text-slate-400,
    #tab-whiteboard .text-slate-400 { color:#638191 !important; }
    #activity-stage .text-slate-500 { color:#78929c !important; }
    #activity-stage .text-cyan-300, #activity-stage .text-cyan-400 { color:#07889e !important; }
    #activity-stage .text-amber-300, #activity-stage .text-amber-400 { color:#a96508 !important; }
    #activity-stage [class*="border-slate-700"], #tab-whiteboard [class*="border-slate-700"] { border-color:#d5ebee !important; }
    #tab-shop > div > h2, #tab-whiteboard .text-lg { color:#17445a; }
    #tab-shop .text-slate-200, #tab-whiteboard .text-slate-200 { color:#244a5e !important; }
    #shop-container > div { box-shadow:0 8px 16px rgba(13,82,95,.1); transition:transform .18s ease,box-shadow .18s ease; }
    #shop-container > div:hover { transform:translateY(-4px); box-shadow:0 14px 24px rgba(13,82,95,.18); }
    #tab-whiteboard .border-b { border-color:#d5ebee !important; }
    #tab-whiteboard #whiteboard-canvas { background:#fff !important; }
    #child-setup-modal > div, #profile-modal > div, #custom-modal > div {
      background:linear-gradient(150deg,#ffffff,#effafb) !important;
      border-color:#d2edf0 !important;
      color:#173b50;
      box-shadow:0 24px 64px rgba(6,50,68,.3);
    }
    #child-setup-modal .text-white, #profile-modal .text-white,
    #custom-modal .text-white, #custom-modal .text-slate-100 { color:#173b50 !important; }
    #child-setup-modal .text-slate-300, #profile-modal .text-slate-300,
    #custom-modal .text-slate-300 { color:#486a7c !important; }
    #child-setup-modal .text-slate-400, #profile-modal .text-slate-400,
    #custom-modal .text-slate-400 { color:#688493 !important; }
    #child-setup-modal .text-slate-200, #profile-modal .text-slate-200,
    #custom-modal .text-slate-200 { color:#244a5e !important; }
    #child-setup-modal .bg-slate-900, #profile-modal .bg-slate-900,
    #custom-modal .bg-slate-900 { background:#f1fafb !important; border-color:#d5ebee !important; }
    #child-setup-modal .bg-slate-800, #profile-modal .bg-slate-800,
    #custom-modal .bg-slate-800 { background:#fff !important; }
    #profile-modal [class*="border-slate-700"], #child-setup-modal [class*="border-slate-700"] { border-color:#d5ebee !important; }
    #child-setup-modal input { background:#fff !important; color:#173b50 !important; border-color:#c9e4e9 !important; }
    #child-setup-modal .bg-slate-700, #profile-modal .bg-slate-700 { background:#e7f1f4 !important; color:#36596b !important; }
    #child-setup-modal .bg-cyan-500, #profile-modal .bg-cyan-500,
    #custom-modal .bg-cyan-400 { box-shadow:0 4px 0 #168da1; }
    #maze-canvas { border:2px solid #cce7eb; }
    .activity-back-button { background:linear-gradient(135deg,#ffbd43,#ff8b3d) !important; border:2px solid #fff1bc !important; color:#4c3510 !important; box-shadow:0 5px 0 #d36f27,0 8px 14px rgba(142,82,24,.2) !important; }
    .activity-back-button:hover { background:linear-gradient(135deg,#ffd35c,#ffa43e) !important; transform:translateY(-2px); }
    .flow-back-button { padding:.55rem .9rem; border-radius:12px; background:linear-gradient(135deg,#ffbd43,#ff8b3d); border:2px solid #fff0b9; color:#4c3510; font-size:.8rem; font-weight:700; box-shadow:0 4px 0 #d36f27,0 7px 13px rgba(142,82,24,.16); transition:transform .18s,filter .18s; }
    .flow-back-button:hover { transform:translateY(-2px); filter:brightness(1.04); }
    .streak-pill { padding:.48rem .8rem; border-radius:999px; color:#fff; font-size:.78rem; font-weight:700; background:linear-gradient(135deg,#ff784e,#ed3e62); box-shadow:0 4px 0 #bc3650; }
    .speed-toggle { padding:.48rem .8rem; border-radius:999px; color:#124456; font-size:.78rem; font-weight:700; background:linear-gradient(135deg,#c8f36b,#79d765); border:2px solid #f6ffe7; box-shadow:0 4px 0 #43a95d; transition:transform .18s,filter .18s; }
    .speed-toggle:hover { transform:translateY(-2px); filter:saturate(1.14); }
    .speed-toggle.is-running { background:linear-gradient(135deg,#ffcf4a,#ff9b3d); box-shadow:0 4px 0 #d56b2e; }
    .speed-timer { padding:.48rem .75rem; border-radius:999px; color:#fff; font-size:.8rem; font-weight:700; background:#0a8e9f; box-shadow:0 4px 0 #086878; }
    .answer-choice { min-height:62px; padding:1rem; border:2px solid rgba(255,255,255,.9); border-radius:19px; color:#173b50; font-size:1.3rem; font-weight:700; box-shadow:0 6px 0 var(--answer-shadow),0 9px 14px rgba(21,80,89,.12); transition:transform .16s,filter .16s,box-shadow .16s; }
    .answer-choice:hover { transform:translateY(-3px) scale(1.015); filter:saturate(1.15) brightness(1.02); }
    .answer-choice:active { transform:translateY(3px); box-shadow:0 2px 0 var(--answer-shadow); }
    .answer-choice-0 { --answer-shadow:#159baa; background:linear-gradient(135deg,#83e5db,#3cc6c8); }
    .answer-choice-1 { --answer-shadow:#5eae52; background:linear-gradient(135deg,#c3ef83,#8bdc68); }
    .answer-choice-2 { --answer-shadow:#d39424; background:linear-gradient(135deg,#ffe17b,#ffc44f); }
    .answer-choice-3 { --answer-shadow:#586ec1; background:linear-gradient(135deg,#c1c9ff,#91a4fa); }
    .whiteboard-clear-button { color:#fff !important; background:linear-gradient(135deg,#ff6685,#ee3d67) !important; border:2px solid #ffc1cc !important; box-shadow:0 4px 0 #bd2d50 !important; }
    .whiteboard-clear-button:hover { background:linear-gradient(135deg,#ff496d,#db2d58) !important; transform:translateY(-2px); }
    .welcome-banner {
      min-height: 210px;
      overflow: hidden;
      position: relative;
      isolation: isolate;
      border: 3px solid rgba(255,255,255,.82);
      border-radius: 28px;
      background: linear-gradient(100deg,#124e75 0%,#127e98 54%,#f0a653 100%);
      box-shadow: 0 16px 34px rgba(8,75,97,.24);
    }
    .welcome-banner::before {
      content: "";
      position: absolute;
      z-index: -1;
      inset: 0 0 0 38%;
      background: linear-gradient(90deg,#147b94 0%,rgba(20,123,148,.16) 34%,rgba(16,51,74,.08) 100%), url('https://images.pexels.com/photos/8382363/pexels-photo-8382363.jpeg?auto=compress&cs=tinysrgb&w=1200') center 42% / cover no-repeat;
      clip-path: ellipse(82% 115% at 74% 48%);
    }
    .welcome-copy { max-width: 57%; position: relative; z-index: 1; padding: 28px 32px; }
    .welcome-title { color: white; font-size: clamp(1.7rem,4vw,2.55rem); line-height: 1.08; text-shadow: 0 3px 12px rgba(5,44,66,.35); }
    .welcome-subtitle { color: #e0fbff; }
    .welcome-pill { display:inline-flex; align-items:center; gap:.45rem; padding:.42rem .75rem; border-radius:999px; background:#ffe66d; color:#554514; font-weight:700; font-size:.76rem; box-shadow:0 4px 0 #d6a93e; }
    #tab-hub > .activity-picker {
      background: linear-gradient(160deg,#f8feff,#e9f9fa);
      border: 2px solid rgba(255,255,255,.9);
      border-radius: 26px;
      padding: 18px;
      box-shadow: 0 14px 30px rgba(8,75,97,.18);
    }
    .activity-picker-heading { color:#164a61; }
    .activity-picker-subtitle { color:#64808b; }
    #category-bar {
      display: grid !important;
      grid-template-columns: repeat(4,minmax(0,1fr));
      overflow: visible !important;
      gap: 13px !important;
      padding: 4px 4px 12px !important;
    }
    #category-bar .module-tab-btn {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: space-between;
      gap: 7px;
      min-width: 0;
      min-height: 148px;
      padding: 14px 15px 12px;
      overflow: hidden;
      isolation: isolate;
      border: 2px solid rgba(255,255,255,.92);
      border-radius: 21px;
      color: #17364a;
      text-align: left;
      white-space: normal;
      background: linear-gradient(145deg,var(--tile-a,#b7eeea),var(--tile-b,#71d2d0));
      box-shadow: 0 7px 0 var(--tile-shadow,#4da9aa),0 12px 19px rgba(19,88,100,.13);
      transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
      cursor: pointer;
    }
    #category-bar .module-tab-btn::after {
      content:""; position:absolute; z-index:-1; width:102px; height:102px; right:-20px; top:-23px;
      border-radius:50%; background:rgba(255,255,255,.27); transition:transform .25s ease;
    }
    #category-bar .module-tab-btn:hover,
    #category-bar .module-tab-btn:focus-visible {
      transform: translateY(-6px) scale(1.025);
      filter: saturate(1.13) brightness(1.03);
      box-shadow: 0 6px 0 var(--tile-shadow,#4da9aa),0 19px 28px rgba(14,73,87,.28),0 0 0 4px rgba(255,255,255,.4);
      outline: none;
    }
    #category-bar .module-tab-btn:hover::after { transform:scale(1.3); }
    #category-bar .module-tab-btn:active { transform:translateY(3px) scale(.985); box-shadow:0 2px 0 var(--tile-shadow,#4da9aa),0 5px 12px rgba(14,73,87,.18); }
    #category-bar .module-tab-btn.bg-cyan-500 {
      border-color:#fff;
      color:#17364a;
      box-shadow:0 5px 0 var(--tile-shadow,#4da9aa),0 0 0 4px rgba(255,255,255,.48),0 16px 27px rgba(14,73,87,.25);
    }
    .activity-tile-emoji { display:flex; width:57px; height:57px; align-items:center; justify-content:center; border-radius:17px; background:rgba(255,255,255,.58); font-size:2rem; box-shadow:inset 0 2px 5px rgba(255,255,255,.5),0 5px 10px rgba(26,72,76,.1); }
    .activity-tile-label { position:relative; z-index:1; font-size:1.05rem; line-height:1.08; font-weight:700; }
    .activity-tile-cta { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; width:100%; font-size:.69rem; font-weight:700; opacity:.8; }
    #tab-hub > div:last-child { border:2px solid rgba(255,255,255,.88); box-shadow:0 14px 32px rgba(8,75,97,.22); }
    @media (max-width: 700px) {
      .welcome-banner { min-height:190px; }
      .welcome-banner::before { inset:0 0 0 22%; opacity:.72; clip-path:ellipse(95% 110% at 78% 48%); }
      .welcome-copy { max-width:78%; padding:24px 20px; }
      #category-bar { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px !important; }
      #category-bar .module-tab-btn { min-height:128px; padding:11px; border-radius:18px; }
      .activity-tile-emoji { width:48px; height:48px; font-size:1.7rem; }
      .activity-tile-label { font-size:.96rem; }
    }
    @media (prefers-reduced-motion: reduce) { #category-bar .module-tab-btn, #category-bar .module-tab-btn::after { transition:none; } }
    .modal-backdrop {
      background: rgba(0, 0, 0, 0.75);
      backdrop-filter: blur(5px);
    }
    .custom-scrollbar::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: #334155;
      border-radius: 10px;
    }

    /* Little Genius visual system */
    body:has(#app-container:not(.hidden)){background:#f1fbfd!important;color:#24495c!important} body{color:#24495c}
    #app-container{max-width:1440px!important;gap:20px!important}
    #app-container>header{position:sticky;top:8px;z-index:30;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;background:rgba(255,255,255,.97)!important;border:1px solid #d7edf2!important;border-radius:22px!important;padding:12px 18px!important;color:#20465a!important;box-shadow:0 5px 16px rgba(36,96,112,.13)!important}
    #app-container>header>div:first-child{flex:0 0 auto}.main-nav{display:flex;flex:1 1 560px;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;background:transparent!important;border:0!important;padding:0!important}
    .nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px;border:0;border-radius:999px;background:#eaf6f9;color:#607f90;font-size:.9rem;font-weight:700;box-shadow:0 2px 4px rgba(28,74,92,.11);transition:transform .16s,box-shadow .16s,background .16s,color .16s;white-space:nowrap}
    .nav-btn:hover,.nav-btn:focus-visible{transform:translateY(-2px);box-shadow:0 6px 12px rgba(18,151,174,.2);outline:0}.nav-btn.is-active{background:#09b4cb!important;color:#fff!important;box-shadow:0 4px 0 #078fa5,0 6px 12px rgba(9,180,203,.22)!important}.daily-nav-btn{background:#fff4d5;color:#81621d}
    .daily-gift-button{padding:9px 12px;border-radius:14px;background:#fff0c7;color:#785516;border:1px solid #ffe29a;font-size:1rem;box-shadow:0 2px 5px rgba(90,69,20,.1)}
    #app-container>header .bg-slate-900{background:#fff8e7!important;border-color:#ffe29a!important} #app-container>header .bg-slate-700{background:#eaf5f8!important} #app-container>header .text-amber-300{color:#ae7916!important} #app-container>header h1{color:#0787a0!important;letter-spacing:.04em}
    .page-panel{display:flex;flex-direction:column;gap:24px}.page-panel.hidden{display:none!important}
    .dashboard-hero{min-height:300px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;padding:32px 42px;border:2px solid #b9eaf0;border-radius:28px;background:linear-gradient(110deg,#23667b,#46b9c4 49%,#ffe2a1);box-shadow:0 14px 28px rgba(23,94,107,.18);color:#fff}
    .dashboard-hero:after{content:"";position:absolute;right:10%;top:-80px;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.17);box-shadow:0 0 0 30px rgba(255,255,255,.09),0 0 0 70px rgba(255,255,255,.06)}.dashboard-hero-copy{z-index:1;max-width:690px}
    .hero-kicker{display:inline-flex;padding:7px 12px;border-radius:999px;background:#ffe285;color:#64501f;font-weight:700;font-size:.76rem;letter-spacing:.04em}.dashboard-hero h2{margin:16px 0 8px;font-size:clamp(1.9rem,4vw,3rem);line-height:1.08;font-weight:700;color:#fff}.dashboard-hero p{max-width:600px;color:#e9fbff}
    .daily-goal-card{margin-top:20px;max-width:470px;padding:15px 17px;border:1px solid rgba(255,255,255,.45);border-radius:18px;background:rgba(12,62,83,.28);backdrop-filter:blur(8px)}.daily-goal-heading{display:flex;justify-content:space-between;gap:12px;font-size:.88rem;font-weight:700}.daily-goal-card small{display:block;margin-top:7px;color:#e2f8fb}
    .progress-track{width:100%;height:12px;margin-top:10px;border-radius:999px;background:#deeff2;overflow:hidden}.progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffe26f,#54d6a2);transition:width .3s}
    .hero-mascot{position:relative;z-index:1;margin-right:7%;font-size:clamp(6rem,13vw,10rem);filter:drop-shadow(0 12px 10px rgba(18,72,83,.2))}.hero-mascot span{position:absolute;right:-10px;top:3px;font-size:2.5rem}
    .dashboard-section,.dashboard-bottom,.analytics-card,.shop-catalog{padding:24px;background:#fff;border:1px solid #d6edf2;border-radius:24px;box-shadow:0 6px 14px rgba(25,84,102,.08)}
    .section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2,.section-heading h3{margin:0;color:#1c5065;font-size:1.5rem;font-weight:700}.section-heading p{margin:3px 0 0;color:#708b9a;font-size:.92rem}.text-link{background:transparent;border:0;color:#078da5;font-weight:700;cursor:pointer}
    .adventure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.adventure-card{position:relative;display:flex;min-height:205px;flex-direction:column;align-items:flex-start;text-align:left;padding:20px;border:2px solid var(--card-color);border-radius:24px;background:linear-gradient(145deg,#fff,var(--card-tint));box-shadow:0 4px 0 var(--card-shadow),0 7px 13px rgba(34,91,104,.09);transition:transform .18s,box-shadow .18s;cursor:pointer}.adventure-card:hover{transform:translateY(-5px);box-shadow:0 6px 0 var(--card-shadow),0 14px 22px rgba(34,91,104,.16)}
    .adventure-card.aqua{--card-color:#0db7cf;--card-tint:#e5fbff;--card-shadow:#8edbe5}.adventure-card.pink{--card-color:#ef94c1;--card-tint:#fff0f7;--card-shadow:#e7a1c1}.adventure-card.sunshine{--card-color:#ffd15d;--card-tint:#fff9e8;--card-shadow:#eabe55}.adventure-card.lavender{--card-color:#a99ae7;--card-tint:#f4f0ff;--card-shadow:#9888d8}.adventure-card.mint{--card-color:#66cfae;--card-tint:#edfff8;--card-shadow:#56b99a}.adventure-card.peach{--card-color:#ffae80;--card-tint:#fff3ec;--card-shadow:#e89a70}
    .adventure-icon{display:flex;width:54px;height:54px;align-items:center;justify-content:center;border-radius:17px;background:#fff;font-size:1.8rem;box-shadow:0 3px 8px rgba(35,76,87,.1)}.adventure-tag{position:absolute;right:15px;top:19px;padding:5px 9px;border-radius:999px;background:var(--card-tint);color:#476a7c;font-size:.63rem;font-weight:700}.adventure-card strong{margin-top:14px;color:#244a5d;font-size:1.13rem}.adventure-card small{max-width:85%;margin-top:4px;color:#678494;line-height:1.35}.adventure-arrow{position:absolute;right:17px;bottom:15px;display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:var(--card-color);color:#fff;font-size:1.3rem;font-weight:700}
    .dashboard-bottom{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.mini-progress-card,.recent-badges-card{min-width:0}.mini-progress-card h3,.recent-badges-card h3{margin:0 0 15px;color:#1c5065;font-size:1.3rem}.journey-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.journey-stats div{display:flex;flex-direction:column;align-items:center;padding:16px 8px;border-radius:18px;background:#eff9fb}.journey-stats span{font-size:1.5rem}.journey-stats b{color:#078da5;font-size:1.5rem}.journey-stats small{color:#718a98;text-align:center}
    .recent-badges{display:flex;gap:10px;flex-wrap:wrap}.badge-chip{display:flex;min-width:95px;flex:1;flex-direction:column;align-items:center;padding:13px 8px;border:1px solid #d6edf2;border-radius:17px;background:#f0fafc;color:#31576a}.badge-chip span{font-size:1.6rem}.badge-chip small{margin-top:5px;text-align:center}
    .page-title{text-align:center;padding:10px 12px 2px}.page-title h2{margin:0;color:#0785a0;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700}.page-title p{margin:5px;color:#6e8896}
    .progress-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.summary-tile{display:flex;gap:15px;align-items:center;min-height:150px;padding:21px;border:2px solid var(--tile);border-radius:24px;background:#fff;box-shadow:0 4px 8px rgba(36,88,100,.08)}.stars-tile{--tile:#ffdc7a}.correct-tile{--tile:#65d2a8}.level-tile{--tile:#10b8cf}.summary-icon{display:flex;width:65px;height:65px;flex:0 0 65px;align-items:center;justify-content:center;border-radius:20px;background:var(--tile);font-size:1.8rem}.summary-tile small{color:#698493;font-weight:700;text-transform:uppercase}.summary-tile strong{display:block;color:#254a5c;font-size:1.55rem}.summary-tile p{margin:4px 0 0;color:#78909b;font-size:.84rem}.summary-tile .progress-track{margin:7px 0 0}
    .streak-overview{padding:23px;background:linear-gradient(135deg,#fff,#f0fbfd);border:1px solid #d2ebf0;border-radius:24px;box-shadow:0 6px 14px rgba(25,84,102,.08)}.streak-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.streak-heading h3{margin:0;color:#234c61;font-size:1.55rem}.streak-heading p{margin:4px 0;color:#718b98}.streak-total{display:flex;gap:10px}.streak-total div{min-width:120px;padding:10px 14px;border:1px solid #d5eaf0;border-radius:15px;background:#fff;text-align:center}.streak-total small,.streak-total strong{display:block}.streak-total small{color:#708b9a}.streak-total strong{color:#0796ac;font-size:1.45rem}.streak-next{display:flex;align-items:center;gap:12px;margin:16px 0;padding:13px 16px;border-radius:16px;background:#fff4d6;color:#755c1e}.streak-next>span{font-size:1.6rem}.streak-next>div{flex:1}.streak-next .progress-track{margin-top:8px;background:#eadfbf}.streak-next .progress-track span{background:linear-gradient(90deg,#ffbc48,#6bd1a5)}.streak-subject-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.streak-subject{display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:12px;border:1px solid #d6edf2;border-radius:15px;background:#fff}.streak-subject span{color:#345b6c;font-weight:700}.streak-subject b{color:#d78324}.streak-subject small{grid-column:1/-1;color:#78909b}.streak-milestones{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.milestone-chip{padding:6px 9px;border:1px solid #d5eaf0;border-radius:999px;background:#fff;color:#718b98;font-size:.77rem;font-weight:700}.milestone-chip.achieved{border-color:#87d7b4;background:#e5f9ef;color:#27845f}
    .analytics-card h3{margin:0;color:#234c61;font-size:1.55rem}.analytics-intro{margin:4px 0 16px;color:#708b9a}.analytics-list{display:flex;flex-direction:column;gap:10px}.analytics-row{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid #d5eaf0;border-radius:17px;background:#f5fbfc}.analytics-icon{display:flex;width:47px;height:47px;flex:0 0 47px;align-items:center;justify-content:center;border-radius:15px;background:#dff5f8;font-size:1.3rem}.analytics-name{display:flex;flex:1;flex-direction:column;min-width:140px}.analytics-name b{color:#294f61}.analytics-name small{color:#77909e}.analytics-numbers{display:flex;gap:12px;color:#428b78;font-size:.88rem;font-weight:700}.analytics-numbers span:last-child{color:#d86c7d}.accuracy-pill{padding:8px 12px;border-radius:12px;background:#e3f8ef;color:#228863;white-space:nowrap}.analytics-total{margin:8px 2px 0;color:#718b98;text-align:right;font-size:.87rem}.progress-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border:1px solid #d7edf2;border-radius:19px;background:linear-gradient(90deg,#e3f8fb,#fff9e8);color:#527486}
    .primary-action{padding:12px 20px;border:0;border-radius:15px;background:#08b5cd;color:#fff;font-weight:700;box-shadow:0 4px 0 #078fa5,0 6px 12px rgba(9,135,155,.15);cursor:pointer;transition:transform .16s,filter .16s}.primary-action:hover{transform:translateY(-2px);filter:brightness(1.04)}.primary-action:disabled{cursor:default;filter:grayscale(.15);opacity:.72;transform:none}
    .shop-hero{display:grid;grid-template-columns:140px 1fr 195px;gap:22px;align-items:center;padding:25px;border:2px solid #bceaf0;border-radius:27px;background:linear-gradient(110deg,#dff8fb,#f9f4fb 57%,#f5fce9);box-shadow:0 9px 19px rgba(32,103,117,.12)}.shop-mascot{display:flex;width:120px;height:120px;align-items:center;justify-content:center;border:5px solid #f6a8d0;border-radius:27px;background:linear-gradient(145deg,#fff,#e7faff);font-size:4.7rem;transform:rotate(-4deg);box-shadow:0 8px 15px rgba(56,103,115,.13)}.shop-welcome h2{margin:9px 0 4px;color:#17526c;font-size:2rem;font-weight:700}.shop-welcome p{max-width:700px;color:#466c7c;line-height:1.55}.shop-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:11px}.shop-pills span{padding:7px 10px;border-radius:999px;background:#d8f3f6;color:#416c7b;font-size:.81rem;font-weight:700}
    .mystery-box{display:flex;flex-direction:column;align-items:center;gap:7px;padding:15px;border:2px dashed #f39ac4;border-radius:20px;background:#fff;text-align:center}.mystery-box>span{font-size:2.5rem}.mystery-box b{color:#2c5368}.mystery-box small{color:#708a98}.mystery-box button{width:100%;padding:10px;border:0;border-radius:12px;background:#f6a3cc;color:#58354b;font-weight:700;cursor:pointer}
    .shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px;padding-bottom:13px;border-bottom:1px solid #d4ebef}.shop-filters{display:flex;gap:8px;flex-wrap:wrap}.shop-filter{padding:10px 14px;border:1px solid #cde9ef;border-radius:14px;background:#fff;color:#698593;font-weight:700;cursor:pointer}.shop-filter.is-selected{background:#09b4cb;color:#fff;border-color:#09b4cb;box-shadow:0 3px 0 #078fa5}.shop-sort{display:flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #d2eaf0;border-radius:14px;background:#fff;color:#597988;font-weight:700;white-space:nowrap}.shop-sort select{border:0;background:transparent;color:#456879;font:inherit;outline:0}
    .shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.shop-card{position:relative;display:flex;min-height:235px;flex-direction:column;align-items:center;padding:20px 16px 16px;border:1px solid #d5eaf0;border-radius:22px;background:#fff;text-align:center;box-shadow:0 4px 7px rgba(24,86,101,.08);transition:transform .18s,box-shadow .18s}.shop-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px rgba(24,86,101,.15)}.shop-card-owned{border:2px solid #63d0a5}.shop-item-status{position:absolute;right:12px;top:11px;padding:5px 8px;border-radius:999px;background:#fff4d9;color:#8a691e;font-size:.62rem;font-weight:700}.shop-card-owned .shop-item-status{background:#e0f8ed;color:#319a74}.shop-item-emoji{display:flex;width:73px;height:73px;align-items:center;justify-content:center;margin:12px auto;border:4px solid #d9f2f5;border-radius:50%;background:#eefafb;font-size:2.5rem}.shop-card b{color:#294d60;font-size:1.04rem}.shop-card small{margin:5px 0 14px;color:#738c99}.shop-card-action{width:100%;margin-top:auto;padding:10px;border:0;border-radius:13px;background:#ffd974;color:#574615;font-weight:700;cursor:pointer}.shop-card-action.can-buy{background:#ffdc7c}.shop-card-action.cant-buy{background:#edf5f7;color:#78909b;cursor:not-allowed}.shop-card-action.is-equipped{background:#dff7ec;color:#228962}.shop-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 23px;border-radius:20px;background:linear-gradient(100deg,#f4a9ce,#70bfd7 72%,#11b4ca);color:#fff;box-shadow:0 7px 14px rgba(24,97,113,.15)}.shop-footer>div{display:flex;align-items:center;gap:13px}.shop-footer>div>span{font-size:2rem}.shop-footer b,.shop-footer small{display:block}.shop-footer small{color:#f0fbff}
    .spin-card{display:grid;grid-template-columns:minmax(260px,.9fr) 1.1fr;gap:38px;align-items:center;max-width:980px;width:100%;margin:0 auto;padding:35px;border:2px solid #cceef2;border-radius:30px;background:linear-gradient(135deg,#fff,#eafafd 60%,#fff5dc);box-shadow:0 12px 24px rgba(29,94,110,.12)}.spin-wheel-wrap{position:relative;width:min(100%,320px);aspect-ratio:1;margin:auto}.spin-wheel{display:grid;width:100%;height:100%;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);place-items:center;border:12px solid #fff;border-radius:50%;background:conic-gradient(#ffd96f 0 45deg,#ffacd0 45deg 90deg,#7dd9e2 90deg 135deg,#c4efa4 135deg 180deg,#b8a8f1 180deg 225deg,#ffa971 225deg 270deg,#9ce7d1 270deg 315deg,#ffcf6b 315deg);box-shadow:0 0 0 5px #16b4c7,0 12px 25px rgba(31,97,111,.2);transition:transform 1.9s cubic-bezier(.12,.7,.12,1)}.spin-wheel span{font-size:1.85rem;text-shadow:0 2px 4px rgba(255,255,255,.85)}.wheel-pointer{position:absolute;top:-23px;left:calc(50% - 15px);z-index:2;color:#ee638f;font-size:2rem;text-shadow:0 2px 3px #fff}.spin-prizes{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.spin-prizes span{padding:6px 9px;border:1px solid #d4edf1;border-radius:999px;background:#fff;color:#24728a;font-size:.8rem;font-weight:700}.spin-copy h3{margin:13px 0 5px;color:#21536a;font-size:2rem}.spin-copy p{color:#688493}.spin-button{margin-top:9px;font-size:1.05rem}.spin-copy small{display:block;margin-top:12px;color:#7e97a1}.spin-note{display:flex;align-items:center;gap:12px;max-width:980px;width:100%;margin:0 auto;padding:16px 20px;border-radius:17px;background:#fff4d8;color:#6e5c2b}.spin-note span{font-size:1.7rem}
    #tab-hub>.activity-picker{background:#fff!important;border-color:#d5edf1!important;box-shadow:0 7px 17px rgba(25,84,102,.09)!important}.activity-picker-heading{color:#164a61!important}.activity-picker-subtitle{color:#64808b!important}#activity-stage,#tab-whiteboard>div{background:#fff!important;border-color:#d5edf1!important;box-shadow:0 8px 19px rgba(25,84,102,.1)!important}#tab-whiteboard #whiteboard-canvas{height:min(68vh,650px)!important;min-height:340px;background:#fff!important;border:1px solid #d5eaf0}
    #login-screen{color:#24495c}.modal-backdrop{background:rgba(28,57,75,.55)!important;backdrop-filter:blur(5px)}
    @media(max-width:950px){.main-nav{order:3;flex-basis:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:3px 2px 7px!important}.nav-btn{flex:0 0 auto}.shop-hero{grid-template-columns:100px 1fr}.shop-mascot{width:90px;height:90px;font-size:3.7rem}.mystery-box{grid-column:1/-1;flex-direction:row}.mystery-box button{width:auto}.dashboard-bottom{grid-template-columns:1fr}}
    @media(max-width:680px){.streak-heading{align-items:flex-start;flex-direction:column}.streak-total{width:100%}.streak-total div{flex:1}.streak-subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#app-container{gap:13px!important}.dashboard-hero{min-height:300px;padding:22px}.dashboard-hero:after{right:-75px}.hero-mascot{position:absolute;right:10px;bottom:10px;margin:0;font-size:5rem;opacity:.8}.dashboard-hero-copy{max-width:100%}.dashboard-hero p{max-width:80%}.daily-goal-card{max-width:100%}.adventure-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.adventure-card{min-height:190px;padding:14px}.adventure-card strong{font-size:1rem}.dashboard-section,.dashboard-bottom,.analytics-card,.shop-catalog{padding:16px}.progress-summary-grid{grid-template-columns:1fr;gap:11px}.summary-tile{min-height:115px;padding:15px}.analytics-row{flex-wrap:wrap}.analytics-name{min-width:calc(100% - 75px)}.analytics-numbers{margin-left:58px}.accuracy-pill{margin-left:auto}.progress-footer,.shop-footer{flex-direction:column;align-items:stretch}.shop-hero{grid-template-columns:70px 1fr;padding:16px;gap:13px}.shop-mascot{width:66px;height:66px;border-radius:18px;font-size:2.7rem}.shop-welcome h2{font-size:1.4rem}.shop-welcome p{font-size:.82rem}.shop-pills span{font-size:.66rem;padding:5px 7px}.mystery-box{flex-wrap:wrap;justify-content:center}.mystery-box>span{font-size:1.7rem}.mystery-box b{font-size:.9rem}.shop-toolbar{align-items:flex-start;flex-direction:column}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shop-card{min-height:215px;padding:14px 10px 12px}.shop-item-emoji{width:61px;height:61px;font-size:2rem}.shop-card b{font-size:.9rem}.shop-card small{font-size:.73rem}.shop-filter{padding:8px 9px;font-size:.78rem}.spin-card{grid-template-columns:1fr;gap:18px;padding:21px}.spin-wheel-wrap{width:min(73vw,270px)}.spin-copy{text-align:center}.journey-stats{gap:6px}.journey-stats div{padding:11px 4px}}

    /* Little Genius: a bright, calm storybook finish */
    :root {
      --lg-ink:#183e55;
      --lg-muted:#648396;
      --lg-aqua:#10b9cf;
      --lg-pink:#f39ac6;
      --lg-yellow:#ffd96c;
      --lg-line:#d4edf2;
      --lg-card-shadow:0 10px 24px rgba(37,104,120,.1);
    }
    body:has(#app-container:not(.hidden)) {
      background:
        radial-gradient(ellipse at 4% 10%,rgba(255,223,129,.26),transparent 24rem),
        radial-gradient(ellipse at 96% 22%,rgba(249,170,211,.22),transparent 25rem),
        radial-gradient(ellipse at 45% 100%,rgba(73,209,199,.13),transparent 34rem),
        linear-gradient(145deg,#edfaff 0%,#f7fcff 48%,#effaf6 100%) !important;
      color:var(--lg-ink) !important;
    }
    #app-container { width:min(100%,1480px)!important; gap:22px!important; }
    #app-container>header {
      top:10px!important; padding:13px 18px!important; border-radius:24px!important;
      background:rgba(255,255,255,.94)!important; backdrop-filter:blur(16px);
      box-shadow:0 8px 22px rgba(34,91,108,.12),0 1px 0 #fff inset!important;
    }
    #app-container>header>div:first-child>div:first-child {
      background:linear-gradient(145deg,#16bdd1,#72d7ce 54%,#f5a9ce)!important;
      color:white!important; box-shadow:0 5px 12px rgba(16,158,177,.2);
    }
    #app-container>header h1 { letter-spacing:.025em!important; }
    .main-nav { gap:8px!important; }
    .nav-btn { border:1px solid transparent; box-shadow:0 2px 5px rgba(30,81,99,.08); }
    .nav-btn.is-active { border-color:rgba(255,255,255,.8); }
    .nav-btn:focus-visible,.daily-gift-button:focus-visible,
    button:focus-visible,select:focus-visible,a:focus-visible {
      outline:3px solid #ffbf42!important; outline-offset:3px;
    }
    .header-streak-pill {
      display:flex; align-items:center; gap:5px; padding:7px 11px;
      border:1px solid #f6d1ab; border-radius:14px;
      background:linear-gradient(135deg,#fff4e5,#fff0f4); color:#a94d46;
      box-shadow:0 2px 6px rgba(135,77,50,.08); white-space:nowrap;
    }
    .header-streak-pill>span { font-size:1rem; }
    .header-streak-pill strong { font-size:.9rem; }
    .header-streak-pill small { color:#956c68; font-size:.67rem; font-weight:700; }
    .page-panel { gap:25px!important; }
    .dashboard-hero {
      min-height:315px; padding:clamp(23px,4vw,46px); border:2px solid #fff;
      background:linear-gradient(115deg,#087f9a 0%,#20b4bd 47%,#71d7cc 100%);
      box-shadow:0 13px 27px rgba(24,112,128,.17),0 0 0 5px rgba(255,255,255,.38);
    }
    .dashboard-hero:before {
      content:""; position:absolute; z-index:0; inset:0;
      background:
        radial-gradient(circle at 80% 18%,rgba(255,255,255,.28) 0 7px,transparent 8px),
        radial-gradient(circle at 91% 73%,rgba(255,229,123,.65) 0 6px,transparent 7px),
        radial-gradient(circle at 69% 82%,rgba(255,255,255,.24) 0 4px,transparent 5px),
        radial-gradient(ellipse at 92% 5%,rgba(255,219,118,.32),transparent 21rem);
      pointer-events:none;
    }
    .dashboard-hero:after { right:8%;top:-103px;width:370px;height:370px;background:rgba(255,255,255,.13);box-shadow:0 0 0 27px rgba(255,255,255,.09),0 0 0 64px rgba(255,255,255,.055); }
    .dashboard-hero-copy { max-width:710px; }
    .hero-kicker { padding:8px 14px; background:#fff1a8; box-shadow:0 3px 0 rgba(194,143,39,.55); }
    .dashboard-hero h2 { text-wrap:balance; }
    .daily-goal-card { background:rgba(13,75,92,.32); border-color:rgba(255,255,255,.55); }
    .hero-mascot { animation:mascot-float 3.4s ease-in-out infinite; }
    @keyframes mascot-float { 0%,100%{transform:translateY(0) rotate(-2deg)} 50%{transform:translateY(-8px) rotate(2deg)} }
    .dashboard-section,.dashboard-bottom,.analytics-card,.shop-catalog {
      border-color:rgba(255,255,255,.95); box-shadow:var(--lg-card-shadow),0 0 0 1px rgba(200,235,241,.65);
    }
    .section-heading h2,.section-heading h3,.mini-progress-card h3,.recent-badges-card h3 { color:var(--lg-ink); }
    .adventure-card {
      min-height:212px; overflow:hidden; isolation:isolate;
      box-shadow:0 5px 0 var(--card-shadow),0 9px 16px rgba(34,91,104,.1);
    }
    .adventure-card:before {
      content:""; position:absolute; z-index:-1; width:130px;height:130px;right:-42px;bottom:-48px;
      border-radius:50%;background:var(--card-color);opacity:.11;transition:transform .25s ease;
    }
    .adventure-card:hover:before { transform:scale(1.5); }
    .adventure-card.aqua { --card-color:#10b9cf;--card-tint:#e5fbff;--card-shadow:#69ccda; }
    .adventure-card.pink { --card-color:#f18ebf;--card-tint:#fff0f7;--card-shadow:#e38bb6; }
    .adventure-card.sunshine { --card-color:#ffc843;--card-tint:#fff9e8;--card-shadow:#eab73e; }
    .adventure-card.lavender { --card-color:#9b8be5;--card-tint:#f3f0ff;--card-shadow:#8c7bd3; }
    .adventure-card.mint { --card-color:#51c59d;--card-tint:#edfff7;--card-shadow:#43ad89; }
    .adventure-card.peach { --card-color:#fa9a70;--card-tint:#fff3ec;--card-shadow:#e48560; }
    .adventure-icon { transition:transform .2s ease; }
    .adventure-card:hover .adventure-icon { transform:rotate(-7deg) scale(1.08); }
    .adventure-tag { letter-spacing:.035em; }
    .adventure-arrow { box-shadow:0 3px 6px rgba(25,78,92,.14); }
    .journey-stats div { border:1px solid #e1f0f3; transition:transform .18s,background .18s; }
    .journey-stats div:hover { transform:translateY(-3px);background:#e4f8fa; }
    .badge-chip { transition:transform .18s,box-shadow .18s; }
    .badge-chip:hover { transform:translateY(-3px) rotate(-1deg);box-shadow:0 6px 13px rgba(34,91,104,.11); }
    .summary-tile { box-shadow:0 7px 14px rgba(36,88,100,.07); transition:transform .18s,box-shadow .18s; }
    .summary-tile:hover { transform:translateY(-3px);box-shadow:0 12px 20px rgba(36,88,100,.12); }
    .streak-overview { background:linear-gradient(135deg,#fff 0%,#f0fbff 57%,#fff8e7 100%); }
    .streak-total div { box-shadow:0 3px 8px rgba(28,86,102,.06); }
    .streak-next { border:1px solid #f4e0a3; box-shadow:0 4px 10px rgba(160,123,40,.07); }
    .streak-subject { transition:transform .16s,box-shadow .16s; }
    .streak-subject:hover { transform:translateY(-2px);box-shadow:0 5px 12px rgba(34,91,104,.09); }
    .streak-milestones { display:grid;grid-template-columns:repeat(7,minmax(0,1fr)); }
    .milestone-chip { text-align:center;background:linear-gradient(145deg,#fff,#f5fbfd); }
    .milestone-chip.achieved { box-shadow:0 2px 6px rgba(39,132,95,.1); }
    .analytics-row { transition:transform .16s,background .16s; }
    .analytics-row:hover { transform:translateX(3px);background:#eef9fb; }
    .primary-action,.shop-card-action,.mystery-box button,.spin-button { transition:transform .16s,filter .16s,box-shadow .16s; }
    .primary-action:active,.shop-card-action:active,.mystery-box button:active,.spin-button:active { transform:translateY(2px);filter:saturate(1.1); }
    .shop-card { box-shadow:0 5px 10px rgba(24,86,101,.07); }
    .shop-card:hover { box-shadow:0 14px 24px rgba(24,86,101,.15); }
    .mystery-box { box-shadow:0 5px 12px rgba(211,113,160,.08); }
    .spin-card { box-shadow:0 14px 28px rgba(29,94,110,.1),0 0 0 5px rgba(255,255,255,.55); }
    .spin-wheel { animation:wheel-glimmer 4s ease-in-out infinite; }
    .spin-wheel.is-spinning { animation:none; }
    @keyframes wheel-glimmer { 0%,100%{box-shadow:0 0 0 5px #16b4c7,0 12px 25px rgba(31,97,111,.2)} 50%{box-shadow:0 0 0 7px #ffcf6b,0 14px 30px rgba(31,97,111,.23)} }
    .welcome-banner {
      border:3px solid rgba(255,255,255,.96);
      box-shadow:0 13px 27px rgba(8,75,97,.17),0 0 0 5px rgba(255,255,255,.35);
    }
    .welcome-banner::before {
      background:
        radial-gradient(circle at 78% 31%,rgba(255,255,255,.72) 0 7px,transparent 8px),
        radial-gradient(circle at 92% 64%,rgba(255,223,120,.78) 0 8px,transparent 9px),
        radial-gradient(ellipse at 74% 22%,rgba(255,217,119,.9),transparent 16rem),
        radial-gradient(ellipse at 94% 90%,rgba(247,158,202,.6),transparent 17rem),
        linear-gradient(135deg,#147f9b,#4dc9c4 64%,#acdedd);
      clip-path:ellipse(100% 115% at 78% 48%);
    }
    #tab-hub>.activity-picker { box-shadow:var(--lg-card-shadow)!important; }
    #category-bar .module-tab-btn { min-height:154px; }
    #activity-stage { border-radius:30px!important; }
    #activity-stage [id$="-options"]>button,#activity-stage #math-options>button {
      border:2px solid #d9eef2!important;border-radius:19px!important;background:linear-gradient(145deg,#fff,#f0fbfd)!important;
      color:#1d4b61!important;box-shadow:0 4px 0 #c3e4e9,0 7px 12px rgba(24,84,100,.08)!important;
      transition:transform .16s,box-shadow .16s,background .16s!important;
    }
    #activity-stage [id$="-options"]>button:hover,#activity-stage #math-options>button:hover {
      transform:translateY(-3px);background:linear-gradient(145deg,#e4fbff,#fff)!important;
      box-shadow:0 6px 0 #a6dbe4,0 11px 17px rgba(24,84,100,.12)!important;
    }
    #activity-stage [id$="-options"]>button:active,#activity-stage #math-options>button:active { transform:translateY(2px); }
    #math-question-step>div>button,.op-btn,.tier-btn,.eng-mode-btn,.hin-mode-btn { transition:transform .16s,filter .16s,box-shadow .16s!important; }
    #math-question-step>div>button:hover,.op-btn:hover,.tier-btn:hover,.eng-mode-btn:hover,.hin-mode-btn:hover { transform:translateY(-2px);filter:saturate(1.1); }
    #tab-whiteboard #whiteboard-canvas { border:2px solid #d8eef2!important;border-radius:22px!important;box-shadow:inset 0 2px 9px rgba(38,86,102,.04); }
    #custom-modal.streak-celebration>div {
      border:3px solid #ffcf58!important;
      background:radial-gradient(circle at 50% 0%,#fff7cf,#fff 55%,#fff1f7)!important;
      box-shadow:0 0 0 7px rgba(255,220,113,.22),0 24px 70px rgba(26,76,92,.3)!important;
      animation:milestone-pop .42s cubic-bezier(.2,.85,.25,1.3) both;
    }
    #custom-modal.streak-celebration #modal-emoji { filter:drop-shadow(0 5px 9px rgba(231,149,40,.3)); }
    #custom-modal.streak-celebration #modal-btn { background:linear-gradient(100deg,#11b7cf,#54cfaa)!important;color:#fff!important;box-shadow:0 4px 0 #168fa0!important; }
    @keyframes milestone-pop { from{transform:scale(.88);opacity:.5} to{transform:scale(1);opacity:1} }
    .whiteboard-shape-tools { display:flex;align-items:center;gap:5px;padding:5px;border:1px solid #d8eaf0;border-radius:14px;background:#f2f9fb; }
    .shape-tool-button { display:inline-flex;min-width:34px;height:34px;align-items:center;justify-content:center;padding:0 7px;border:1px solid transparent;border-radius:9px;background:#fff;color:#315a70;font-size:1.2rem;font-weight:700;box-shadow:0 2px 4px rgba(26,79,96,.08);transition:transform .15s,background .15s,color .15s,box-shadow .15s; }
    .shape-tool-button:hover { transform:translateY(-2px);background:#e5f8fb; }
    .shape-tool-button.is-selected { border-color:#0bb3ca;background:#0bb3ca;color:#fff;box-shadow:0 3px 0 #078da2; }
    .analytics-empty { padding:22px;border:1px dashed #b9dfe7;border-radius:17px;background:linear-gradient(120deg,#f3fcfd,#fff9e8);color:#58798a;text-align:center;font-weight:700; }
    .spin-wheel { display:block;position:relative;overflow:hidden;transform:rotate(0deg); }
    .spin-wheel span { position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:52px;height:54px;transform:translate(-50%,-50%);font-size:1.45rem;line-height:1;text-shadow:0 2px 4px rgba(255,255,255,.9); }
    .spin-wheel span small { color:#38586b;font-size:.66rem;font-weight:700;text-shadow:0 1px 2px #fff; }
    .spin-wheel span:nth-child(1) { left:62%;top:21%; }
    .spin-wheel span:nth-child(2) { left:79%;top:38.5%; }
    .spin-wheel span:nth-child(3) { left:79%;top:61.5%; }
    .spin-wheel span:nth-child(4) { left:62%;top:79%; }
    .spin-wheel span:nth-child(5) { left:38%;top:79%; }
    .spin-wheel span:nth-child(6) { left:21%;top:61.5%; }
    .spin-wheel span:nth-child(7) { left:21%;top:38.5%; }
    .spin-wheel span:nth-child(8) { left:38%;top:21%; }
    .wheel-pointer { top:-21px; }
    .spin-prizes span { box-shadow:0 2px 5px rgba(30,93,109,.07); }
    .adventure-carousel { display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px; }
    .adventure-grid { display:flex!important;gap:16px;overflow-x:auto;overflow-y:hidden;padding:5px 5px 16px;scrollbar-width:thin;scrollbar-color:#59bfca #e7f4f6;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;touch-action:auto;cursor:grab; }
    .adventure-grid::-webkit-scrollbar { height:10px; }
    .adventure-grid::-webkit-scrollbar-track { border-radius:99px;background:#e7f4f6; }
    .adventure-grid::-webkit-scrollbar-thumb { border:2px solid #e7f4f6;border-radius:99px;background:linear-gradient(90deg,#19b6cc,#75d4c1); }
    .adventure-grid.is-dragging { cursor:grabbing;scroll-snap-type:none;user-select:none; }
    .adventure-card { flex:0 0 clamp(260px,31%,360px);scroll-snap-align:start; }
    .carousel-arrow { display:flex;width:42px;height:42px;align-items:center;justify-content:center;border:2px solid #fff;border-radius:50%;background:linear-gradient(145deg,#14b8ce,#69d0c7);color:#fff;font-size:2rem;line-height:1;box-shadow:0 4px 0 #0c899f,0 8px 15px rgba(24,102,118,.18);transition:transform .16s,filter .16s; }
    .carousel-arrow:hover { transform:scale(1.08);filter:saturate(1.15); }
    .carousel-arrow:active { transform:translateY(2px);box-shadow:0 2px 0 #0c899f; }
    .whiteboard-toolbar { display:flex;max-width:100%;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px; }
    .whiteboard-tool-group,.whiteboard-history-tools { display:flex;align-items:center;gap:5px;padding:6px;border:1px solid #d9eaf0;border-radius:14px;background:#f1f8fa; }
    .color-dot { width:25px;height:25px;border:2px solid #fff;border-radius:50%;background:var(--dot);box-shadow:0 1px 4px rgba(20,64,79,.24);transition:transform .15s; }
    .color-dot:hover { transform:scale(1.16); }
    .color-dot.is-current { outline:2px solid #24495c;outline-offset:2px; }
    .custom-color-picker { position:relative;display:flex;width:29px;height:29px;align-items:center;justify-content:center;border:1px solid #d6e8ec;border-radius:50%;background:#fff;font-size:1rem;overflow:hidden; }
    .custom-color-picker input { position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer; }
    .brush-size-control { display:flex;min-height:40px;flex-direction:column;justify-content:center;gap:1px;padding:4px 9px;border:1px solid #d9eaf0;border-radius:12px;background:#f1f8fa;color:#527183;font-size:.66rem;font-weight:700;white-space:nowrap; }
    .brush-size-control input { width:88px;height:12px;accent-color:#13aec5; }
    .whiteboard-history-tools button { width:30px;height:30px;border:1px solid transparent;border-radius:8px;background:#fff;color:#345b70;font-size:1.35rem;line-height:1;box-shadow:0 2px 4px rgba(26,79,96,.07); }
    .whiteboard-history-tools button:hover:not(:disabled) { background:#e3f7fa;color:#07869c; }
    .whiteboard-history-tools button:disabled { cursor:not-allowed;opacity:.38;box-shadow:none; }
    .modal-backdrop { background:rgba(19,58,76,.5)!important;backdrop-filter:blur(8px); }
    @media(max-width:950px) {
      #app-container>header { position:relative;top:auto!important; }
      .streak-milestones { grid-template-columns:repeat(5,minmax(0,1fr)); }
    }
    @media(max-width:680px) {
      #app-container { gap:15px!important; }
      #app-container>header { padding:11px!important; }
      #app-container>header>div:last-child { gap:6px!important; }
      .header-streak-pill { gap:3px;padding:6px 8px;border-radius:12px; }
      .header-streak-pill small { display:none; }
      .whiteboard-shape-tools { flex-wrap:wrap; }
      .whiteboard-toolbar { justify-content:flex-start;gap:7px; }
      .adventure-carousel { grid-template-columns:34px minmax(0,1fr) 34px;gap:5px; }
      .carousel-arrow { width:32px;height:32px;font-size:1.55rem; }
      .adventure-grid { gap:12px; }
      .adventure-card { flex-basis:82%; }
      .dashboard-hero { min-height:310px; }
      .dashboard-hero:after { right:-95px;top:-62px;width:275px;height:275px; }
      .hero-mascot { animation:none; }
      .adventure-card { min-height:192px; }
      .streak-milestones { grid-template-columns:repeat(3,minmax(0,1fr)); }
    }
    @media(max-width:390px) {
      .header-streak-pill { padding:5px 6px; }
      .adventure-card { flex-basis:88%;min-height:150px; }
      .streak-milestones { grid-template-columns:repeat(2,minmax(0,1fr)); }
    }
    @media(prefers-reduced-motion:reduce) {
      *,*::before,*::after { scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important; }
    }
    /* Rainbow color pass: bright surfaces, warm accents, and clear contrast. */
    body:has(#app-container:not(.hidden)) {
      background:
        radial-gradient(ellipse at 3% 8%,rgba(255,194,78,.48),transparent 22rem),
        radial-gradient(ellipse at 96% 12%,rgba(244,133,190,.38),transparent 24rem),
        radial-gradient(ellipse at 85% 91%,rgba(83,190,233,.34),transparent 25rem),
        radial-gradient(ellipse at 13% 86%,rgba(79,205,155,.32),transparent 23rem),
        linear-gradient(135deg,#c9efff 0%,#f4dcff 46%,#fff0bd 100%) !important;
      background-attachment:fixed !important;
    }
    body:has(#login-screen:not(.hidden)) {
      background:
        radial-gradient(circle at 12% 18%,rgba(255,202,91,.62),transparent 19rem),
        radial-gradient(circle at 88% 16%,rgba(244,145,197,.48),transparent 23rem),
        radial-gradient(circle at 74% 90%,rgba(87,199,219,.5),transparent 25rem),
        linear-gradient(135deg,#65cfe0,#b8e9dc 52%,#f7d8ed) !important;
    }
    #app-container>header {
      background:linear-gradient(110deg,#fff1c9 0%,#f7e3ff 48%,#ddf9f3 100%)!important;
      border-color:rgba(255,255,255,.96)!important;
      box-shadow:0 9px 24px rgba(54,89,135,.16),0 2px 0 rgba(255,255,255,.9) inset!important;
    }
    .nav-btn { background:linear-gradient(135deg,#e7f7ff,#f0e7ff)!important;color:#456276!important; }
    .nav-btn.is-active { background:linear-gradient(135deg,#ffe45b,#ffad48)!important;color:#493814!important;box-shadow:0 4px 0 #db8c28,0 8px 16px rgba(204,133,28,.22)!important; }
    .daily-nav-btn { background:linear-gradient(135deg,#fff0a8,#ffc85b)!important;color:#68480c!important; }
    .dashboard-hero { background:linear-gradient(112deg,#137d9d 0%,#17b9bf 42%,#61d2aa 72%,#ffd36c 100%)!important; }
    .dashboard-section { background:linear-gradient(125deg,#d7f7f3 0%,#e4edff 52%,#ffe7ef 100%)!important;border:2px solid rgba(255,255,255,.96)!important; }
    .dashboard-bottom { background:linear-gradient(120deg,#dff4ff 0%,#f2e5ff 52%,#fff0d0 100%)!important;border:2px solid rgba(255,255,255,.96)!important; }
    .mini-progress-card { background:linear-gradient(145deg,#fff4cf,#ffe2ee)!important;border-color:#ffc978!important; }
    .recent-badges-card { background:linear-gradient(145deg,#e1f8ef,#dff3ff)!important;border-color:#76d7c0!important; }
    .journey-stats div:nth-child(1) { background:linear-gradient(140deg,#fff0b5,#ffd77a)!important;border-color:#f4c65b!important; }
    .journey-stats div:nth-child(2) { background:linear-gradient(140deg,#d6f8e9,#a7edcc)!important;border-color:#80d9ae!important; }
    .journey-stats div:nth-child(3) { background:linear-gradient(140deg,#ffe0e6,#ffc1d4)!important;border-color:#f29dbd!important; }
    .adventure-card { border-color:rgba(255,255,255,.98)!important; }
    .adventure-card:hover { filter:saturate(1.18) brightness(1.025);box-shadow:0 7px 0 var(--card-shadow),0 18px 28px rgba(34,91,104,.2),0 0 0 3px rgba(255,255,255,.62)!important; }
    .carousel-arrow { background:linear-gradient(145deg,#fb76ab,#a879ed 52%,#26b9d0)!important;box-shadow:0 4px 0 #7c57bb,0 8px 16px rgba(83,69,155,.22)!important; }
    #tab-hub>.welcome-banner { box-shadow:0 16px 30px rgba(43,82,143,.21),0 0 0 5px rgba(255,255,255,.48)!important; }
    #tab-hub>.activity-picker {
      background:linear-gradient(130deg,#ffefbd 0%,#f4e2ff 48%,#d9f8ef 100%)!important;
      border:2px solid #fff!important;box-shadow:0 12px 26px rgba(63,79,135,.16)!important;
    }
    #activity-stage {
      background:linear-gradient(135deg,#c9f2f2 0%,#dce9ff 47%,#ffe4d4 100%)!important;
      border:3px solid #fff!important;box-shadow:0 14px 30px rgba(43,94,135,.2)!important;
    }
    #activity-stage .bg-slate-900,#activity-stage .bg-slate-800,#activity-stage .bg-slate-950 {
      background:linear-gradient(135deg,#fff0cf 0%,#e6f3ff 58%,#f6e6ff 100%)!important;
      border-color:#fff!important;color:#21475e!important;box-shadow:0 7px 16px rgba(39,88,123,.12)!important;
    }
    #activity-stage [id$="-options"]>button,#activity-stage #math-options>button {
      border:2px solid rgba(255,255,255,.98)!important;border-radius:19px!important;color:#193e55!important;
      box-shadow:0 5px 0 var(--choice-shadow),0 9px 15px rgba(31,77,111,.14)!important;
    }
    #activity-stage [id$="-options"]>button:nth-child(4n+1),#activity-stage #math-options>button:nth-child(4n+1) { --choice-shadow:#1b9eac;background:linear-gradient(140deg,#8ce7dc,#48c9cf)!important; }
    #activity-stage [id$="-options"]>button:nth-child(4n+2),#activity-stage #math-options>button:nth-child(4n+2) { --choice-shadow:#5d9f43;background:linear-gradient(140deg,#c7ef79,#8bdb72)!important; }
    #activity-stage [id$="-options"]>button:nth-child(4n+3),#activity-stage #math-options>button:nth-child(4n+3) { --choice-shadow:#cc8c27;background:linear-gradient(140deg,#ffe27a,#ffbb59)!important; }
    #activity-stage [id$="-options"]>button:nth-child(4n),#activity-stage #math-options>button:nth-child(4n) { --choice-shadow:#7562bb;background:linear-gradient(140deg,#d2c3ff,#a99af0)!important; }
    #activity-stage [id$="-options"]>button:hover,#activity-stage #math-options>button:hover { filter:saturate(1.12) brightness(1.035);box-shadow:0 7px 0 var(--choice-shadow),0 13px 20px rgba(31,77,111,.19)!important; }
    #tab-progress .summary-tile:nth-child(1) { background:linear-gradient(145deg,#fff0b8,#ffd878)!important;border-color:#f1c34f!important; }
    #tab-progress .summary-tile:nth-child(2) { background:linear-gradient(145deg,#d4f7e5,#aeeccc)!important;border-color:#79d2a5!important; }
    #tab-progress .summary-tile:nth-child(3) { background:linear-gradient(145deg,#d6f2ff,#b6ddff)!important;border-color:#83c8ed!important; }
    #tab-progress .analytics-card { background:linear-gradient(135deg,#fff0d1 0%,#f1e6ff 50%,#dcf8ef 100%)!important;border:2px solid #fff!important; }
    #tab-progress .analytics-row { background:rgba(255,255,255,.76)!important;border-color:#c8e5ef!important; }
    #tab-progress .analytics-row:hover { background:#fff7d9!important; }
    #tab-shop .shop-catalog { background:linear-gradient(135deg,#d9f7ef,#e0efff 53%,#ffe3f1)!important;border:2px solid #fff!important; }
    #shop-container .shop-card:nth-child(6n+1) { background:linear-gradient(145deg,#fff2ce,#fff)!important;border-color:#ffd16b!important; }
    #shop-container .shop-card:nth-child(6n+2) { background:linear-gradient(145deg,#d9f8ef,#fff)!important;border-color:#71d3b2!important; }
    #shop-container .shop-card:nth-child(6n+3) { background:linear-gradient(145deg,#e0f1ff,#fff)!important;border-color:#83c8ed!important; }
    #shop-container .shop-card:nth-child(6n+4) { background:linear-gradient(145deg,#f3e5ff,#fff)!important;border-color:#c09ae9!important; }
    #shop-container .shop-card:nth-child(6n+5) { background:linear-gradient(145deg,#ffe5ee,#fff)!important;border-color:#f39abb!important; }
    #shop-container .shop-card:nth-child(6n) { background:linear-gradient(145deg,#ffead8,#fff)!important;border-color:#f0a879!important; }
    #tab-whiteboard>div { background:linear-gradient(125deg,#dff8ef,#e2f2ff 50%,#fff0d4)!important;border:2px solid #fff!important; }
    #tab-whiteboard .whiteboard-tool-group,#tab-whiteboard .whiteboard-history-tools,#tab-whiteboard .whiteboard-shape-tools { background:linear-gradient(135deg,#ffe6f1,#e5eaff,#dcf8ee)!important;border-color:#c4dff0!important; }
    #tab-whiteboard #whiteboard-canvas { background:#fff!important;border:3px solid #83d8da!important;box-shadow:0 7px 18px rgba(47,93,135,.14),inset 0 2px 8px rgba(40,82,102,.04)!important; }
    #tab-daily-spin .spin-card { background:linear-gradient(125deg,#ffe7f2 0%,#e1f5ff 47%,#fff0bb 100%)!important;border-color:#fff!important; }
    #tab-daily-spin .spin-note { background:linear-gradient(100deg,#fff0b8,#ffe0ec,#ddf7ee)!important;color:#594a48!important; }
    #profile-modal>div,#child-setup-modal>div,#custom-modal>div { background:linear-gradient(145deg,#fff0ce 0%,#f4e5ff 50%,#ddf8ee 100%)!important;border:2px solid #fff!important; }
    .activity-back-button,.flow-back-button { background:linear-gradient(135deg,#fa83b6,#ffc450)!important;border-color:#fff!important;box-shadow:0 5px 0 #cc6687,0 8px 14px rgba(156,74,105,.2)!important; }
    .primary-action,.shop-card-action.can-buy { background:linear-gradient(100deg,#12b6cf,#50cfa7)!important;color:#fff!important;box-shadow:0 4px 0 #13899e,0 7px 12px rgba(26,123,137,.17)!important; }
    @media(max-width:680px) {
      #app-container>header { background:linear-gradient(115deg,#fff1cf,#f4e4ff 52%,#def9f1)!important; }
      .dashboard-section,.dashboard-bottom { border-radius:22px!important; }
    }

    .app-runtime-status { display:flex;flex:1 0 100%;align-items:center;justify-content:flex-end;gap:8px;margin-top:-2px;color:#456276;font-size:.72rem;font-weight:700; }
    .runtime-status-pill { display:inline-flex;align-items:center;gap:6px;min-height:29px;padding:5px 10px;border:1px solid #d4e9ed;border-radius:999px;background:linear-gradient(135deg,#fff,#e9f8fb);white-space:nowrap; }
    .runtime-status-dot { width:8px;height:8px;border-radius:50%;background:#22b883;box-shadow:0 0 0 3px rgba(34,184,131,.16); }
    #network-status.is-offline .runtime-status-dot { background:#ee8f3d;box-shadow:0 0 0 3px rgba(238,143,61,.17); }
    #cloud-sync-status[data-state="synced"] { background:linear-gradient(135deg,#ddf8ed,#e8fff6);border-color:#afe7cc;color:#247b5e; }
    #cloud-sync-status[data-state="saving"] { background:linear-gradient(135deg,#fff2c8,#ffebd2);border-color:#f4d28d;color:#8b641c; }
    #cloud-sync-status[data-state="pending"],#cloud-sync-status[data-state="offline"] { background:linear-gradient(135deg,#fff0d7,#ffe2e8);border-color:#f2c3b8;color:#8b5144; }
    .install-app-button { min-height:29px;padding:5px 11px;border:0;border-radius:999px;background:linear-gradient(100deg,#a879ed,#ec83bc);color:#fff;font-size:.72rem;font-weight:700;box-shadow:0 3px 0 #9661c7;transition:transform .16s,filter .16s; }
    .install-app-button:hover { transform:translateY(-2px);filter:saturate(1.12); }
    .install-app-button[hidden] { display:none!important; }
    @media(max-width:680px) {
      .app-runtime-status { justify-content:center;gap:5px;font-size:.64rem; }
      .runtime-status-pill { min-height:27px;padding:4px 8px; }
      .install-app-button { min-height:27px;padding:4px 8px;font-size:.64rem; }
    }

    /* Parent tools stay in a separate gated area; connection status is visible there only. */
    .app-runtime-status { flex:1 0 auto;margin-top:0; }
    .parent-access-button,.parent-control-action,.parent-control-logout,.parent-gate-hold,.parent-math-input-row button {
      display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 15px;border:2px solid #fff;border-radius:16px;font-weight:800;touch-action:manipulation;transition:transform .16s,filter .16s,box-shadow .16s;
    }
    .parent-access-button { background:linear-gradient(135deg,#f5a4cc,#ffc755);color:#4d3554;box-shadow:0 4px 0 #ca77a0,0 7px 14px rgba(108,68,93,.16);white-space:nowrap; }
    .parent-access-button:hover,.parent-control-action:hover,.parent-control-logout:hover,.parent-gate-hold:hover,.parent-math-input-row button:hover { transform:translateY(-2px);filter:saturate(1.12); }
    .parent-access-card { position:relative;width:min(100%,440px);max-height:90vh;overflow:auto;padding:30px 24px 24px;border:3px solid #fff;border-radius:30px;background:linear-gradient(145deg,#fff0ce,#f4e5ff 52%,#ddf8ee);box-shadow:0 24px 70px rgba(25,55,84,.35);text-align:center;color:#21465a; }
    #parent-access-modal .hidden { display:none!important; }
    .parent-access-close { position:absolute;top:12px;right:13px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#385b70;font-size:1.2rem;font-weight:900;box-shadow:0 3px 8px rgba(38,70,94,.12); }
    .parent-access-card h2 { margin:12px 0 5px;font-size:1.55rem;font-weight:900;color:#087f96; }
    .parent-access-card p { color:#607b8d;line-height:1.55; }
    .parent-gate-step,.parent-controls-panel { display:flex;flex-direction:column;align-items:center;gap:12px; }
    .parent-gate-hold { width:100%;margin-top:5px;background:linear-gradient(100deg,#18b8cf,#58cfa7);color:#fff;box-shadow:0 5px 0 #148b9f,0 8px 15px rgba(32,125,137,.17);user-select:none;-webkit-user-select:none; }
    .parent-gate-hold.is-holding { transform:scale(.97);filter:saturate(1.25);box-shadow:0 2px 0 #148b9f; }
    .parent-math-challenge { width:100%;padding:14px;border:1px solid #d4e9ef;border-radius:18px;background:rgba(255,255,255,.78);text-align:left; }
    .parent-math-challenge label { display:block;margin-bottom:9px;font-weight:900;color:#31586e; }
    .parent-math-input-row { display:flex;gap:8px; }
    .parent-math-input-row input { min-width:0;flex:1;padding:10px 12px;border:2px solid #c8e2e9;border-radius:13px;background:#fff;color:#21465a;font-size:1.1rem;font-weight:800; }
    .parent-math-input-row button { border:0;background:#ffcd63;color:#594620;box-shadow:0 3px 0 #d19b3f; }
    .parent-access-card .parent-gate-error { min-height:1.2em;margin:7px 0 0;color:#b34d66;font-size:.85rem;font-weight:800; }
    .parent-controls-panel .runtime-status-pill { justify-content:center;max-width:100%;white-space:normal; }
    .parent-control-action { width:100%;background:linear-gradient(100deg,#12b6cf,#50cfa7);color:#fff;box-shadow:0 4px 0 #13899e; }
    .parent-control-logout { width:100%;background:linear-gradient(100deg,#ffb6c9,#ffcc83);color:#623b4c;box-shadow:0 4px 0 #d7899d; }
    .parent-controls-panel .install-app-button { min-height:48px;padding:10px 18px;border:2px solid #fff;border-radius:16px;background:linear-gradient(100deg,#a879ed,#ec83bc);font-size:.95rem; }
    .question-audio-button { display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 15px;border:1px solid #b7e7eb;border-radius:999px;background:linear-gradient(100deg,#e2fbff,#fff0c9);color:#126d82;font-size:.9rem;font-weight:900;box-shadow:0 3px 0 #c0e3e9;touch-action:manipulation; }
    .question-audio-button:hover { filter:saturate(1.15);transform:translateY(-1px); }
    #activity-stage [id$="-options"]>button,#activity-stage #math-options>button { min-height:82px!important;padding:1.15rem 1rem!important;font-size:clamp(1.15rem,4vw,1.45rem)!important;touch-action:manipulation; }
    #custom-modal.feedback-modal { cursor:pointer; }
    #custom-modal.feedback-modal>div { cursor:pointer; }
    #custom-modal.feedback-modal #modal-btn { min-height:54px; }
    #spin-wheel { transition-duration:4.4s!important; }
    @media(max-width:680px) {
      .app-runtime-status { flex:1 0 100%;justify-content:flex-end;margin-top:3px; }
      .parent-access-button { min-height:43px;padding:8px 10px;font-size:.78rem; }
      .parent-access-card { padding:28px 17px 19px; }
      #activity-stage [id$="-options"]>button,#activity-stage #math-options>button { min-height:78px!important;padding:1.1rem .8rem!important; }
    }