/* The native App's porcelain palette, applied to the marketing shell. */
:root{color-scheme:light;--bg:#fffcf8;--surface:#fffefd;--text:#302b27;--muted:#72695e;--subtle:#8d8378;--line:#eae3d9;--ice:#7797a5;--violet:#9b8aab;--gradient:linear-gradient(110deg,#4d4945 0%,#7c939c 52%,#aa947e 100%);--glass-fill:linear-gradient(135deg,#fffefee8,#f5f9fbd9 60%,#fff9f0dd)}
body{background:radial-gradient(ellipse at 88% 0%,#e4eff15e,transparent 26%),var(--bg)}
::selection{background:#dbe7eb;color:#302b27}
button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#746657}
.muted-title{color:#8a8178}.gradient-text{background-image:var(--gradient)}
.header{background:linear-gradient(125deg,#fffefde8,#fffdf8cc 48%,#eef5f8c9);border-color:#e5e1daf0;box-shadow:inset 0 1px #fff,0 8px 26px #887b6a09}
.brand img{mix-blend-mode:multiply;transform:scale(1.22)}
.header nav{color:#72695e}.header nav a:hover{color:#302b27}.status-pill{color:#72695e}.status-dot{background:#9c8975;box-shadow:0 0 8px #c5b8a62a}
.locale-control>.icon{color:#82796f}.locale-control select{color:#5f574e}.locale-control select option{background:#fffefd;color:#302b27}
.button-light{background:#37312c;color:#fffdfa;box-shadow:inset 0 1px #ffffff30,0 3px 8px #53473b0b}.button-light:hover{background:#51473c}
.quiet-link{color:#756b60}.quiet-link:hover{color:#302b27}
.hero-description{color:#72695e}.hero-under{color:#8b8074}.hero-under>p:last-child{color:#8b8074}
.cinema-aura{background:radial-gradient(ellipse,#d5e2e88c,#f6e7d738 48%,transparent 72%);filter:blur(36px)}
.hero-tv{border-color:#c8c5c0;box-shadow:0 0 0 1px #fffefae6,0 30px 65px #74665726,0 3px 2px #afa99b4a}
.tv-stand{background:linear-gradient(180deg,#bdb9b1,#dfdbd3)}
.showcase-phone{background:#fffcf8;color:#302b27;border-color:#ded8cf;box-shadow:0 0 0 1px #c6bfb6,inset 0 0 0 1px #fff,0 25px 50px #74665724}
.device-caption{color:#8f8376}.device-caption>span:first-child{color:#61564b}
.experience-index>a{color:#62584e}.experience-index>a>span:first-child,.experience-index>a>span:last-child{color:#968c80}.experience-index>a:hover{background:#f8f3ec;color:#302b27}
.dual-point>.icon{color:#8f7f6d}.compatibility-note summary{color:#847665}.compatibility-note p{color:#72695e}
.single-screen{background:radial-gradient(ellipse at 10% 100%,#dceaf050,transparent 60%),#f7f4ef;border:1px solid #eae3d9}
.single-screen-copy>p:last-child{color:#72695e}.landscape-phone{border-color:#ddd3c4;box-shadow:0 0 0 1px #b3a79355,0 15px 32px #887b6a1a;background:#fffefd}.landscape-lesson{color:#62594f}.micro-lines i{background:#b7aca043}
.learning{background:radial-gradient(ellipse at 5% 45%,#e4eff149,transparent 70%),#f7f5f1;border-block:1px solid #eae3d985}
.demo{background:#fffefd;box-shadow:0 18px 55px #887b6a0c;border-color:#e5ddd3}
.demo-top{background:linear-gradient(125deg,#fffefdf5,#f3f7f9ce);border-color:#eae3d9}.demo-brand{color:#544a40}.demo-brand>span:last-child{color:#827566}.demo-divider{background:#d9cec1}.demo-label{color:#8c7f70}
.brand-dot{background:linear-gradient(120deg,#c0b0dc,#efd0b5)}
.lesson{background:#fffcf8}.lesson-top>span{color:#72695e}.segmented{background:#f3eee7;border-color:#e5ddd3}.segmented button{color:#827362}.segmented button.active,.segmented button[aria-pressed=true]{background:linear-gradient(#fffefd,#fffefd) padding-box,linear-gradient(110deg,#c7bbab,#c2d5de) border-box;color:#302b27;box-shadow:0 1px 4px #887b6a0a}.segmented button:hover{color:#302b27;background-color:#fffaf5}
.lesson-hint{color:#847869}.word-button{background:#f8f3ec;border-color:#dfd4c5;color:#544637}.word-button.selected{background:linear-gradient(#f8f3ec,#f8f3ec) padding-box,linear-gradient(100deg,#bfb19e,#c0d3dc) border-box;color:#302b27}.word-button:hover{background:#f1e9dc}
.translation{color:#827464}.explanation{background:#fffefd;border-color:#eae3d9}.explanation-heading>span:first-child{color:#544536}.word-type{color:#8b7864;background:#fbf6ee;border-color:#e7daca}.word-reading{color:#95816b}.word-definition{color:#4f4234}.word-context{color:#72695e}.example{border-color:#eae3d9}.example-label{color:#998169}.example>p{color:#574a3c}.example>span:last-child{color:#8b7c6a}.lesson-bottom>span{color:#93816c}.save-button{color:#7d6a54}.demo-feedback{color:#918371}.demo-caption{color:#8d806f}
.insight-details p{color:#7c7061}.youtube-mark{background:#706357;color:#fffefd}.platform-more,.platform-note{color:#8d7f6d}.platform-more{border-color:#e2d7c8}
.voice-card{background:#fffefd;border-color:#eae3d9;box-shadow:0 16px 35px #887b6a05}.voice-art,.shadow-art{border-color:#eae3d9;background:radial-gradient(ellipse at 40% 30%,#e4eff159,transparent 70%),#fbf8f3}.voice-copy>p:not(.eyebrow){color:#7b6e5e}.voice-copy>p.voice-detail{color:#9a8872}
.voice-language,.voice-caption{color:#8e7d68}.voice-sentence{color:#5c4e3e}.voice-wave i{background:linear-gradient(#b3c8d4,#bcb0a0)}.sound-orb{border-color:#c6d8e442;background:radial-gradient(circle at 31% 24%,#d7e8f183,transparent 70%);box-shadow:inset 0 0 30px #b3cbd816,0 0 0 24px #bfd3e108,0 0 0 25px #cfdee528}.shadow-sentence em{color:#9a8570}.practice-round{border-color:#c1cfd8}.practice-round>span,.practice-round small{color:#9b866e}.practice-round strong{color:#75604b}.practice-round:nth-child(even) strong{color:#a596af}.shadow-source{color:#93816b}
.custom-section{background:radial-gradient(ellipse at 15% 35%,#e4eff175,transparent 58%),radial-gradient(ellipse at 90% 85%,#fbe5d24f,transparent 50%),#f9f5ef;color:#302b27;--muted:#72695e;--line:#eae3d9;--text:#302b27;border-block:1px solid #eae3d9}
.custom-section .muted-title{color:#9a8b7b}.theme-options button{color:#8e7f6e}.theme-options button[aria-pressed=true]{border-color:#c5b8a6;background:#fffefdcc;color:#514538}.theme-options button:hover{background:#fffefd99}.theme-options i{border-color:#bdad973d}.custom-workspace{border-color:#e0d7cc;box-shadow:0 25px 65px #8f84721a,0 4px 8px #76634808}.custom-workspace[data-theme=pearl]{--preview-bg:#fffcf8;--preview-panel:#fffefd;--preview-text:#302b27;--preview-muted:#72695e;--preview-line:#eae3d9;--preview-accent:#746657;--preview-highlight:#f8f3ec}
.layout-options{background:#eae3d966;border-color:#e1d7c9}.layout-options button{color:#8a7760}.layout-options button:hover{color:#54402f;background:#fffaf5}.layout-options button[aria-pressed=true]{color:#5c4833;background:linear-gradient(#fffefd,#fffefd) padding-box,linear-gradient(110deg,#c5b8a6,#c1d1d6) border-box;box-shadow:0 2px 5px #887b6a0a}.custom-note{color:#9b8871}.custom-details h3{color:#514335}.custom-details p{color:#84715b}
.feature-grid{background:#eae3d9;border-color:#eae3d9}.feature{background:#fffefd}.feature:hover{background:#fffaf5}.feature-top{color:#9a8266}.feature-top>span{color:#b3a592}.feature h3{color:#4a3f34}.feature p{color:#827260}.feature-flow{color:#a18b72}.feature:last-child{background:radial-gradient(ellipse at 100% 80%,#e4eff178,transparent 70%),#fffefd}
.faq-list summary{color:#665540}.faq-list summary i:before,.faq-list summary i:after{background:#a18a6e}.faq-list details>p{color:#8c765c}
.launch{background:radial-gradient(ellipse at 0% 80%,#d5e6ed88,transparent 60%),radial-gradient(ellipse at 95% 90%,#f7dfc881,transparent 55%),#f9f6f1;border-color:#e7ded0}.launch-description{color:#8a765e}.launch-orbit{border-color:#b49d7825;box-shadow:0 0 0 45px #b7a08006,0 0 0 46px #b7a0800b}.footer p{color:#9c8770}.footer-links{color:#8b7255}.footer-links>span{color:#a89378}.footer a:hover{color:#4a3724}
@media(prefers-reduced-transparency:reduce){.glass,.header{background:#fffefd}.cinema-aura{display:none}}
@media(prefers-contrast:more){:root{--muted:#544a40;--subtle:#655746;--line:#bcae9d}.custom-section{--muted:#544a40}.hero-under,.hero-under>p:last-child,.platform-note,.demo-caption,.demo-feedback,.feature p,.feature-flow,.faq-list details>p,.footer p,.footer-links,.custom-note,.custom-details p{color:#625442}.glass{border-color:#bcae9d}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass,.header{background:#fffefd}}
/* Theme samples use the current native palette values, not approximate swatches. */
.custom-workspace[data-theme=white]{--preview-bg:#fff;--preview-panel:#fff;--preview-text:#192629;--preview-muted:#536368;--preview-line:#e2eded;--preview-accent:#27786d;--preview-highlight:#e8f8f2}
.custom-workspace[data-theme=lilac]{--preview-bg:#f8f6fa;--preview-panel:#fff;--preview-text:#24202a;--preview-muted:#6d6179;--preview-line:#e4dfe9;--preview-accent:#765295;--preview-highlight:#ebe0f4}
.custom-workspace[data-theme=black]{--preview-bg:#111315;--preview-panel:#202326;--preview-text:#f1f3f4;--preview-muted:#afb4bb;--preview-line:#383d42;--preview-accent:#e0e5e8;--preview-highlight:#343a41}
.custom-workspace[data-theme=twilight]{--preview-bg:#121017;--preview-panel:#201b27;--preview-text:#f1ebf6;--preview-muted:#b9adc4;--preview-line:#403548;--preview-accent:#cfb0e9;--preview-highlight:#3d2e48}
.custom-workspace[data-theme=ocean]{--preview-bg:#0c1724;--preview-panel:#14283b;--preview-text:#edf5fc;--preview-muted:#a5bdd0;--preview-line:#28465f;--preview-accent:#99cbea;--preview-highlight:#264661}

/* Media captions retain their own contrast over the film image. */
.tv-subtitles,.scene{color:#f5f7fa}