/* Screen styling follows the shipped Android themes, not the landing-page theme. */
.interactive-demo:has(.native-app){background:none;border:0;box-shadow:none;overflow:visible}
.native-app{width:100%;max-width:440px;margin:auto;border:1px solid #d9baa2;border-radius:26px;overflow:hidden;background:#fff9f0;color:#292323;font-family:Roboto,Arial,system-ui,sans-serif;box-shadow:0 20px 55px #00000015;isolation:isolate}
.native-app button,.native-app input,.native-app select{font-family:inherit}.native-app h3,.native-app h4,.native-app p{letter-spacing:normal}.native-topline{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:20px;color:#605653}.native-header{display:flex;align-items:center;justify-content:space-between;padding:24px 20px 14px;gap:15px}.native-header h3{font-size:28px;font-weight:700;margin:0 0 7px;line-height:1.15}.native-header small{font-size:12px;line-height:1.5;color:#766a64;display:block}.native-header img{width:66px;height:66px;object-fit:contain}.native-nav{display:flex;justify-content:space-around;gap:3px;padding:13px 8px;background:#fffcf7;border-top:1px solid #2923230b;margin-top:18px;font-size:10px;color:#605653}.native-nav>span{display:flex;align-items:center;flex-direction:column;gap:6px;flex:1}.native-nav>span>span{font-size:21px;line-height:1;padding:4px 15px;border-radius:15px}.native-nav .selected{color:#b83d2f;font-weight:700}.native-nav .selected>span{background:#f8dcd2}.native-app .feedback{font-size:12px}.native-app .demo-button{min-height:44px;border-radius:18px;border:0;background:#c44838;color:#fff;font-size:14px;box-shadow:none}.native-app .demo-button:hover{background:#ad3b2e;transform:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
/* Full-bleed reader: activity_reader_clean.xml and bg_reader_text_panel.xml. */
.native-stories{border-color:#a78bfa55;background:#1e1b4b;max-width:460px;color:#fff}.native-reader.story-book{position:relative;display:block;min-height:640px;background:#1e1b4b;color:#fff}.reader-art{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.reader-top{position:relative;display:flex;align-items:flex-start;gap:8px;justify-content:space-between;padding:15px;z-index:2}.reader-bubble{background:#ffffff99;border-radius:20px;color:#1e1b4b;padding:8px 11px;font-size:11px;white-space:nowrap}.reader-title-bubble{display:flex;flex-direction:column;align-items:center;gap:4px;background:#ffffffc2;border-radius:20px;padding:8px 13px;max-width:245px;line-height:1.2;color:#1e1b4b;text-align:center}.reader-title-bubble strong{font-size:13px}.reader-title-bubble small{font-size:10px;opacity:.65}.reader-favorite{border:0;border-radius:50%;width:36px;height:36px;background:#ffffff99;color:#1e1b4b;font-size:22px;flex-shrink:0}.reader-favorite[aria-pressed=true]{color:#7c3aed;background:#ffefb2}.native-reader .reader-overlay{position:absolute;bottom:0;left:0;right:0;display:block;padding:20px 16px 13px;background:linear-gradient(transparent,#120a2eb8 25%,#120a2ef5)}.reader-dots{display:flex;justify-content:center;gap:7px;margin:5px 0 14px}.reader-dots i{width:6px;height:6px;background:#ffffff66;border-radius:50%}.reader-dots i.active{background:#fbbf24;transform:scale(1.25)}.native-reader .reader-overlay>[data-story-text]{font-family:Arial,system-ui,sans-serif;font-size:16px;line-height:1.6;color:#1e1b4b;background:linear-gradient(#fff9ece8,#fff3def8);border-radius:20px;padding:17px 18px;margin:0 0 12px;min-height:115px}.native-reader .book-controls{display:flex;align-items:center;gap:9px}.native-reader .demo-button{background:#7c3aed;color:#fff;border:1px solid #a78bfa66;border-radius:22px;min-height:43px}.native-reader .demo-button:hover{background:#6d28d9}.native-reader [data-story-listen]{flex:1}.native-reader [data-story-prev],.native-reader [data-story-next]{width:43px;font-size:25px;padding:2px}.native-reader .feedback{color:#e9d5ff;font-size:10px;margin:9px 0 0;text-align:center;min-height:17px}.native-reader .is-turning{animation:page-turn .4s}
/* Hanzi Bloom ExplodedPartsPanel: honey paper, jade / terracotta tiles. */
.native-bloom .bloom-lab{padding:0}.native-bloom .native-word{text-align:center;padding:4px 20px 20px}.native-word h3{font-family:serif;font-size:58px;margin:0;line-height:1.2}.native-word p{color:#106650;margin:7px 0;font-size:19px}.native-word>span{font-size:16px}.native-tabs{display:flex;gap:10px;padding:0 20px 18px;font-size:12px}.native-tabs>span{padding:9px 13px;border-radius:16px;color:#605653;background:#f4eae0}.native-tabs .selected{background:#f8dcd2;color:#b83d2f}.native-structure-card{margin:0 16px;border-radius:26px;background:#ffc8571f;padding:17px 14px 8px}.native-structure-card>strong{font-size:15px}.native-bloom .character-display{min-height:185px;padding:20px 0 5px}.native-bloom .whole-character{font-size:82px;border:0;background:none;color:#106650;line-height:1.2;padding:0;opacity:1;transform:none}.native-bloom .split-parts{top:23px;gap:19px;opacity:0;pointer-events:none;transform:scale(.7)}.native-bloom .part-button{position:relative;width:118px;height:118px;border:0;border-radius:22px;background:#106650;color:#fff;text-align:left;padding:12px;transform:rotate(-3deg);font-family:inherit;display:flex;flex-direction:column;justify-content:flex-end}.native-bloom .part-button+button{background:#b83d2f;transform:rotate(3deg)}.native-bloom .part-button>span{font-family:serif;font-size:34px;position:absolute;top:10px;left:12px}.native-bloom .part-button small{font-size:9px;font-weight:700;margin-bottom:4px}.native-bloom .part-button em{font-size:11px;font-style:normal;opacity:.85}.native-bloom .part-button i{position:absolute;right:10px;top:9px;font-style:normal;font-size:15px}.native-bloom .part-button[aria-pressed=true]{outline:3px solid #ffc857;outline-offset:3px}.native-bloom .character-display:hover .whole-character,.native-bloom .character-display:focus-within .whole-character{opacity:1;transform:none}.native-bloom .character-display:hover .split-parts,.native-bloom .character-display:focus-within .split-parts{opacity:0;pointer-events:none;transform:scale(.7)}.native-bloom .is-split .whole-character{opacity:0!important;transform:scale(1.1)!important;pointer-events:none}.native-bloom .is-split .split-parts{opacity:1!important;pointer-events:auto!important;transform:scale(1)!important}.native-bloom .pinyin{font-size:14px;margin-top:13px}.structure-hint{border:0;background:none;color:#605653;width:100%;font-size:12px;padding:12px 0;line-height:1.5;min-height:43px}.native-bloom .component-detail{margin:14px 16px 0;background:#d8ebe2;border-radius:20px;padding:15px;font-size:13px;min-height:74px}.native-bloom .word-example{padding:16px 22px;font-size:14px}.native-bloom .word-example>span{font-size:33px;color:#292323}.native-bloom .flashcard{margin:0 16px;width:calc(100% - 32px);background:#fffcf7;border:1px solid #d9baa2;border-radius:20px;color:#292323;font-size:13px;padding:14px;min-height:59px}.native-bloom .flashcard.is-flipped{background:#d8ebe2}
/* ChineseKeys FindKeyBreakdown: blue circle and pastel answer grid. */
.native-keys .keys-lab{padding:0}.keys-exercise-heading{padding:2px 20px 10px}.keys-exercise-heading>small{font-size:10px;color:#18755f;font-weight:700}.keys-exercise-heading h3{font-size:27px;margin:6px 0}.keys-exercise-heading p{color:#6f6462;font-size:13px;line-height:1.5;margin:7px 0}.native-keys .quiz-character{margin:0 18px;background:#dfeaf7;border-radius:30px;position:relative;padding:22px 0;color:#342625;font-size:85px;line-height:1.15;isolation:isolate}.native-keys .quiz-character:before{content:'';position:absolute;width:155px;height:155px;border:1px solid #b5cbe8;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:#ffffffa6;z-index:-1}.native-keys .quiz-character small{font-size:12px;margin-top:7px}.native-keys .quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 18px}.native-keys .radical-option{width:100%;height:99px;border:0;border-radius:23px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#342625;background:#e0ecff;font-size:42px;gap:5px}.native-keys .radical-option:nth-child(2){background:#f0e4fb}.native-keys .radical-option:nth-child(3){background:#ffe4d5}.native-keys .radical-option:nth-child(4){background:#dff1e7}.native-keys .radical-option small{font:600 13px Arial}.native-keys .radical-option.is-correct{background:#bce7d5}.native-keys .radical-option.is-wrong{background:#ffd7d2;animation:shake .3s}.native-keys .keys-lab>.feedback{margin:5px 20px;text-align:left;min-height:35px;color:#18755f}.native-keys .keys-lab>.demo-button{width:calc(100% - 36px);margin:10px 18px 0}
/* WhatToEat WeekScreen: cream, white day cards, coral shopping action. */
.native-food{background:#fff5ea;color:#241d19}.native-food .meal-lab{padding:0}.native-week{display:flex;justify-content:space-between;align-items:center;padding:0 22px 13px;font-size:13px}.native-week>span{font-size:23px}.native-servings{padding:0 20px 13px;font-size:12px;color:#66594f}.native-food select{background:#fff;border-color:#e6cfc1;font-size:12px}.native-servings select{padding:5px 8px}.native-food .meal-days{padding:0 16px;display:grid;gap:10px}.native-day-card{background:#fff;border-radius:20px;padding:13px;box-shadow:0 3px 8px #241d1905}.native-day-card>strong{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:600}.native-day-card>strong>span{background:#ddeedb;color:#3f7447;border-radius:8px;padding:5px 7px}.native-meal-row{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:5px 10px;background:#ffe6de;border-radius:14px;padding:9px;margin-top:10px}.native-day-card:nth-child(2) .native-meal-row{background:#ddeedb}.native-day-card:nth-child(3) .native-meal-row{background:#e9dfff}.native-meal-row>span{grid-column:1/-1;font-size:10px;color:#c73f2b}.native-meal-row img{width:54px;height:54px;object-fit:contain}.native-meal-row select{width:100%;min-width:0;border:0;background:#ffffffa8;padding:10px 5px;font-size:11px}.native-food .meal-lab>.demo-button{background:#ffd9cd;color:#c73f2b;margin:14px 16px 0;width:calc(100% - 32px);font-size:14px}.native-food .grocery-preview{margin:12px 16px 0;background:#fff;border-radius:20px;font-size:12px;padding:15px;min-height:65px}.native-food .grocery-item{border-color:#f5e6d6;font-size:12px}.native-food .native-nav .selected{color:#c73f2b}.native-food .native-nav .selected>span{background:#ffd9cd}
/* Dokupit FreshInventoryScreen: workspace, metrics, search and room sections. */
.native-dokupit{background:#fff9f4;color:#26211f}.native-dokupit .supplies-lab{padding:0}.native-workspace{margin:0 18px 12px;padding:12px 14px;border-radius:22px;background:#fffdfb;font-size:13px;font-weight:700}.native-workspace span{display:block;margin:5px 0 0 16px;font-size:10px;font-weight:400;color:#766a64}.native-dokupit .supply-tabs{padding:0 18px;gap:9px;border:0}.native-dokupit .supply-tabs>span{padding:14px 10px;border-radius:20px;flex:1;display:flex;align-items:center;justify-content:center;gap:7px;background:#ddf5e9;color:#1e7454;font-size:12px}.native-dokupit .supply-tabs>span+span{background:#ffe5d8;color:#c9473a}.native-dokupit .supply-tabs b{background:none;color:inherit;width:auto;height:auto;margin:0;font-size:19px}.native-search{display:flex;gap:10px;align-items:center;margin:12px 18px;padding:11px 13px;background:#fffdfb;border-radius:24px;color:#766a64}.native-search input{min-width:0;width:100%;background:none;border:0;color:#26211f;outline-offset:5px;font-size:12px;padding:3px}.native-search>span{font-size:23px}.native-dokupit .supply-items{padding:0 18px}.native-room h4{font-size:13px;margin:14px 0 9px;font-weight:600;color:#766a64}.native-dokupit .supply-item{background:#fffdfb;border:0;border-radius:22px;padding:12px 10px;gap:9px}.native-dokupit .supply-emoji{display:grid;place-items:center;background:#ddf5e9cc;border-radius:16px;width:42px;height:42px;font-size:23px;flex-shrink:0}.native-dokupit .supply-item strong{font-size:14px}.native-dokupit .supply-item [data-supply-state]{font-size:10px;color:#1e7454}.native-dokupit .supply-action{max-width:103px;border:0;border-radius:16px;padding:8px;background:#ffe5d8;color:#c9473a;min-height:43px;font-size:10px}.native-dokupit .supply-action[data-stage="2"]{background:#c9473a;color:#fff}.native-dokupit .supply-item:has([data-stage="1"]),.native-dokupit .supply-item:has([data-stage="2"]){background:#ffe5d880}.native-dokupit .supplies-lab>.feedback{margin:17px 20px 9px;font-size:11px;min-height:30px}.native-dokupit .supplies-lab>.demo-button{margin:0 18px;background:#fff0e8;color:#c9473a;font-size:12px}
/* Muropolis: the cream resource cards, map, build palette and illustrated objects. */
.native-city{border-color:#d7cbb3;background:#fff9ea;font-family:Arial,sans-serif;color:#77654e}.native-city .city-lab{background:none}.native-city-header{display:flex;align-items:center;padding:13px 12px;gap:7px}.native-city-header>img{width:38px;border-radius:12px}.native-city-header>strong{font-size:18px;font-weight:500;flex:1}.native-city-header small{display:block;font-size:9px}.native-city-header>span{font-size:11px;background:#f5edda;padding:8px 10px;border-radius:15px}.native-resources{display:flex;gap:4px;padding:0 7px 9px;background:#f4faea}.native-resources>span{flex:1;background:#fffaf0;border:1px solid #ddd7bc;border-radius:12px;padding:10px 4px;font-size:17px;text-align:center}.native-resources b{font-size:11px;font-weight:400}.native-city .city-map{min-height:340px;background:#bddb97}.native-city .city-map:before{left:16%;width:26px;background:#5bb9c6;transform:rotate(-5deg)}.native-city .city-map:after{top:61%;height:20px;background:#f0d9aa}.native-city-quest{position:absolute;z-index:2;top:9px;left:9px;background:#fffbece8;border:1px solid #dbd6b3;border-radius:13px;padding:9px 12px;font-size:12px}.native-city-quest small{display:block;font-size:9px;margin-top:4px}.native-city .city-slots{padding-top:94px;gap:10px}.native-city .city-hall{top:25%;height:115px}.native-city .city-slot{height:90px}.native-city .city-slot img{height:106px}.native-city .city-palette{display:flex;flex-wrap:wrap;margin:9px;background:#fffaf0;border-radius:18px;padding:9px;gap:8px;border:1px solid #ddd7bc}.native-city .city-palette>strong{width:100%;font-size:13px;font-weight:400}.native-city .city-tool{background:#fffaf0;border-color:#ddd7bc;color:#77654e}.native-city .city-tool[aria-pressed=true]{background:#e7f1d8;border-color:#80b2a1}.native-city .city-palette>.demo-button{color:#77654e;background:#f5edda;font-size:10px;padding:9px}.native-city .city-status{padding:0 15px;font-size:11px;min-height:31px}.native-city .native-nav{margin-top:4px;background:#fffaec;font-size:10px}.native-city .native-nav .selected{color:#42836d}.native-city .native-nav .selected>span{background:#e7f1d8}
.native-neon{max-width:410px;background:#080e22;color:#dffeff;border-color:#58e3f944;position:relative;border-radius:20px}.native-neon .neon-lab{padding:0}.neon-native-hud{display:flex;align-items:center;justify-content:space-between;position:absolute;top:16px;left:16px;right:16px;z-index:2;pointer-events:none;font-weight:800;font-size:15px;text-shadow:0 0 13px #60dcff}.neon-native-hud small{font-size:8px;letter-spacing:.04em;max-width:95px;display:block;margin-top:3px}.neon-native-hud strong{font-size:32px}.native-neon .neon-canvas{width:100%;aspect-ratio:6/7}.native-neon .neon-controls{padding:12px;gap:8px}.native-neon .neon-jump{background:#0f2c47;color:#80f5ff;border:1px solid #39d9ef88;font-size:12px;border-radius:10px;box-shadow:inset 0 0 15px #39d9ef11}.native-neon .neon-controls>.demo-button:not(.neon-jump){background:#1a173d;border:1px solid #a86afe66;border-radius:10px;color:#d6b9ff;font-size:20px}.native-neon .neon-lab>.feedback{font-size:10px;color:#a9c6db;margin:0 15px 14px;min-height:16px}
@media(max-width:760px){.native-app{max-width:440px}.native-stories .native-reader{min-height:610px}.native-bloom .part-button{width:112px;height:112px}.native-app .native-topline{padding:17px}.native-city .native-nav>span>span{padding:4px 9px}.native-reader .reader-title-bubble{max-width:180px}}
.native-city .native-resources>span{display:flex;align-items:center;justify-content:center;gap:3px}.native-city .native-resources img{width:27px;height:29px;object-fit:contain}.native-city .native-nav>span>span{padding:0;background:none}.native-city .native-nav img{width:38px;height:38px;object-fit:contain}.native-city .native-nav .selected{background:#e7f1d8;border-radius:14px;padding:3px}.native-city .native-nav .selected>span{background:none}
@media(prefers-reduced-motion:reduce){.native-app *{animation:none!important;transition:none!important}}
.native-neon .neon-controls .demo-button:hover{background:#172d48;color:#80f5ff}