/* Wordwise Afterlight — original environment films, tactile surfaces, four simple tabs. */
:root{color-scheme:dark;--font-ui:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-display:var(--font-ui);--ink:#f0f2f5;--muted:#aab6c5;--green:#d6b77c;--mint:#213835;--paper:#101820;--line:#ffffff17;--white:#17222d;--accent:#d6b77c;--red:#df8391;--shadow:0 16px 44px #0003,inset 0 1px #ffffff08}
body{background:radial-gradient(ellipse at 85% 0,#24454238,transparent 40%),radial-gradient(ellipse at 0 70%,#44334c23,transparent 45%),#0c131b;color:var(--ink);font-size:15px}
body:before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent,#0a15201a);z-index:-1}
::selection{background:#c1a57455;color:#fff}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #eccd91;outline-offset:4px}
.app-shell h1,.app-shell h2,.app-shell h3,.app-shell h4{color:#f1f3f5}
body .shell.app-shell{grid-template-columns:220px minmax(0,1fr);padding:18px;gap:24px;max-width:1800px;margin:auto}
.app-shell .main{padding:0;min-width:0}.app-shell .sidebar.glass-sidebar{position:sticky;top:18px;width:auto;height:calc(100dvh - 36px);margin:0;padding:24px 13px 14px;border:1px solid #ffffff0c;border-radius:23px;background:linear-gradient(165deg,#1d2934d9,#101923f2);box-shadow:0 16px 44px #0002,inset 0 1px #ffffff09;backdrop-filter:blur(24px)}
.brand{gap:12px;padding:5px 10px 24px;color:#f1f2f3}.brand-mark{width:44px;height:44px;border-radius:14px;color:#f7e1b3;background:linear-gradient(145deg,#487172,#193a40);border:1px solid #8cb0aa70;box-shadow:inset 0 1px #d1e8d14d,0 8px 20px #0004}.brand-mark svg{width:28px;height:28px}.brand-name{font-size:22px;letter-spacing:-.8px}.brand-name>span{font-size:8px;letter-spacing:2.3px;color:#91a49f;margin-top:7px}
.simple-navigation .nav-groups{margin-top:25px}.simple-navigation .nav{gap:10px}.app-shell .sidebar .nav button{font-size:14px;font-weight:600;color:#a6b6c3;background:transparent;border:1px solid transparent;border-radius:13px;min-height:56px;padding:13px 15px;gap:13px}.app-shell .sidebar .nav button:hover{background:#ffffff06;color:#f3eee4}.app-shell .sidebar .nav button.active{background:linear-gradient(105deg,#46635f48,#334e5120);border-color:#aac5b02b;color:#e9d5af;box-shadow:inset 3px 0 #d6b77c}.nav-icon{color:inherit}.nav .nav-icon>.ui-icon{width:22px;height:22px}.nav-reward{width:28px;height:28px}
.sidebar-player{background:#ffffff05;border-color:#ffffff0e;border-radius:14px}.player-avatar,.header-avatar{background:linear-gradient(145deg,#435c69,#283a4b);border:1px solid #9daeb838;color:#eee2ca}.player-copy>b{font-size:12px;color:#e5e7eb}.player-copy>small{font-size:10px;color:#98a7b8}.sidebar-player>.ui-icon{color:#8597aa}
.app-shell .topbar.app-header{min-height:66px;margin:0 0 24px;padding:10px 20px;border:1px solid #ffffff0d;border-radius:18px;background:#17222dbf;box-shadow:0 10px 25px #0001,inset 0 1px #ffffff06;backdrop-filter:blur(24px)}
.header-title{font-size:15px;color:#edf0f3;gap:11px}.header-title>.ui-icon{color:#a3b8c3}.simple-navigation .header-actions{gap:9px}.simple-navigation .xp-balance,.simple-navigation .streak-balance{border:1px solid #ffffff10;background:#0d151f88;color:#eee7d8;box-shadow:inset 0 1px #ffffff04;min-height:37px;border-radius:12px;padding:6px 10px;gap:6px}.xp-balance .reward-art{width:27px;height:27px}.xp-balance b,.streak-balance b{font-size:13px;color:#f6f0df}.xp-balance>span,.streak-balance>span{font-size:10px;color:#a6b0bd}.streak-balance .ui-icon{color:#e2a575;width:18px;height:18px}.header-avatar{width:38px;height:38px;border-radius:12px;font-size:11px;font-weight:700}.account-popover{background:#1a2835;border-color:#435365;box-shadow:0 15px 50px #0009}.account-name{color:#ede5d6;border-color:#ffffff15}.account-popover button{color:#d5dee8}.account-popover button:hover{background:#ffffff08}.account-popover .ui-icon{color:#d4b784}
.app-shell .panel,.app-shell .card{background:linear-gradient(145deg,#1c2934f5,#14202afa);border:1px solid #ffffff12;box-shadow:var(--shadow);border-radius:21px;color:#e7ecf1}.app-shell .panel{padding:26px}.app-shell .panel-head{gap:14px}.panel-head h3{font-size:18px;letter-spacing:-.35px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#c3af88}.text-link,.secondary-back{color:#dbbf8c;font-size:12px;font-weight:650}.text-link .ui-icon{width:15px;height:15px}.text-link:hover,.secondary-back:hover{color:#f4dba8}.btn,.app-shell .btn{min-height:43px;border-radius:11px;font-size:13px;font-weight:650;padding:11px 16px;gap:9px}.btn.primary,.app-shell .btn.primary{background:linear-gradient(145deg,#e5cf9e,#c4a36b);border:1px solid #e8d5b0;color:#242c30;box-shadow:0 5px 16px #0003,inset 0 1px #fff5}.btn.primary:hover,.app-shell .btn.primary:hover{background:linear-gradient(145deg,#f1ddba,#d9b781);box-shadow:0 8px 22px #0004}.btn.light,.app-shell .btn.light{background:#ffffff08;color:#d5dee7;border-color:#ffffff1c;box-shadow:inset 0 1px #ffffff08}.app-shell .btn.light:hover{background:#ffffff10}.page-heading{padding:4px 0 19px;margin:0;min-width:0}.page-heading>h1{font-size:30px;letter-spacing:-1px}.secondary-back{margin-bottom:12px}.app-footer{color:#8392a4;font-size:11px;letter-spacing:.4px;border-top:1px solid #ffffff0a;padding-top:17px}
/* Continuous camera movement, rendered from lightweight local artwork. */
.scene-has-film{position:relative;isolation:isolate;overflow:hidden}
.scene-has-film:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#09121fe8 0%,#09121fa6 40%,#09121f1a 78%);z-index:1;pointer-events:none}
.scene-has-film>:not(.ambient-scene){position:relative;z-index:2}
.scene-has-film>.ambient-scene{position:absolute;inset:-2%;z-index:0;pointer-events:none;animation:ambient-breathe 18s ease-in-out infinite alternate;animation-play-state:paused;transform-origin:60% 50%;will-change:auto}
.ambient-scene img{width:100%;height:100%;object-fit:cover;display:block}
.scene-has-film.motion-running>.ambient-scene{animation-play-state:running;will-change:transform}
@keyframes ambient-breathe{from{transform:translate3d(-.4%,0,0) scale(1.01)}to{transform:translate3d(.4%,0,0) scale(1.065)}}
@media(prefers-reduced-motion:reduce){.scene-has-film>.ambient-scene{animation:none!important;transform:none;will-change:auto}}
.app-shell .launch-card{display:block;min-height:330px;padding:40px;border:1px solid #d8c39345;border-radius:23px;background:#13232c url('assets/world/city.jpg') center 55%/cover no-repeat;box-shadow:0 25px 65px #0003,inset 0 1px #fff1;color:#fff;margin-bottom:0}.launch-copy{max-width:75%;width:auto}.launch-kicker{font-size:10px;letter-spacing:2px;color:#e0cda6}.live-dot{background:#d5bc80;box-shadow:0 0 0 4px #e9cc831a}.launch-tags{margin:21px 0 15px;gap:8px}.launch-tags>span{background:#ffffff0c;border-color:#ffffff29;color:#e1e4e6;font-size:11px;padding:5px 10px;border-radius:6px}.app-shell .launch-card h1.launch-record{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 15px;margin:0 0 25px;max-width:670px}.launch-record>b{font-size:46px;line-height:1.1;color:#f8f2e6;letter-spacing:-1.8px}.app-shell .launch-card h1.launch-record>span{font-size:22px;line-height:1.3;font-weight:500;letter-spacing:-.6px;margin:0;color:#e8edf0}.launch-record>small{font-size:12px;letter-spacing:0;color:#e9d4a8;background:#142730aa;border:1px solid #dec59442;padding:5px 9px;border-radius:6px}.app-shell .btn.primary.play-large{min-width:170px;min-height:49px;font-size:14px;background:linear-gradient(145deg,#edd8b0,#c5a268);color:#1c2930;border-color:#e8d3a8;box-shadow:0 8px 24px #0004}.launch-art{display:none!important}
.simple-navigation .home-grid{grid-template-columns:minmax(0,1.6fr) minmax(240px,.8fr);margin-top:24px;gap:22px;align-items:start}.home-path{min-width:0}.home-path-toolbar{margin-bottom:23px}.path-previous{min-height:37px;border-color:#ffffff22;background:#ffffff05;color:#d8c59f;font-size:12px}.home-path .panel-head h3{font-size:21px;margin-top:5px}.home-path-bottom{font-size:11px;color:#b6bfcb;margin-top:15px}.home-path-bottom>b{font-size:10px;color:#9baab7}.simple-navigation .daily-card{min-height:280px;padding:27px!important;background:radial-gradient(ellipse at 100% 0,#87644130,transparent 65%),linear-gradient(145deg,#253331,#172629)!important;border-color:#ba9d6840!important;box-shadow:0 18px 45px #0003}.daily-symbol{width:54px;height:54px;background:linear-gradient(145deg,#dfc58d,#8a7149);color:#232e32;box-shadow:inset 0 1px #ffff9a,0 7px 16px #0003;border-radius:15px}.daily-card h3{font-size:20px;line-height:1.3;color:#f0e9dc;margin-top:12px}.daily-card .eyebrow{color:#bfad87}.daily-card>.btn{margin-top:15px;font-size:13px;min-height:44px}
/* Learning path: consistent material and clear status, rather than extra scenery. */
.phase-track>div{background:#ffffff03;border-color:#ffffff10;color:#99a9bb;padding:14px}.phase-track b{font-size:11px}.phase-track small{font-size:10px;color:#9daab9}.phase-track>div>span{border-color:#526575}.phase-track>div.active{background:#b99a5020;border-color:#c3a57560;color:#e5cb9b}.phase-track>div.active>span{background:#c3a57533;border-color:#c3a575}.phase-track>div.active>span>i{background:#d7bd85}.phase-track>div.done{background:#5e927820;color:#a2c7ad}.phase-chip{font-size:11px;background:#45615838;color:#b8d1b7;border-color:#8aab7c33}.phase-chip.practice{background:#294d6c66;color:#a6c6df;border-color:#607f9b}.phase-chip.medium{background:#5b456d55;color:#d1bbdc;border-color:#826d94}.phase-chip.hard{background:#6b4e3555;color:#e5c094;border-color:#97714a}.course-heading h2{font-size:27px}.course-heading p{font-size:13px;color:#b2becb;max-width:680px;line-height:1.65}.course-details{font-size:12px;color:#acb8c5;border-top-color:#ffffff12;flex-wrap:wrap}.course-details>b{font-size:12px;color:#d6bd91}.app-shell .mini-node{background:linear-gradient(150deg,#26343f,#1b2933);border-color:#ffffff14;color:#b5c0cb;min-height:160px;padding:18px;box-shadow:inset 0 1px #ffffff06}.mini-node>span{background:#ffffff08;border-color:#ffffff16;color:#d9c8a7;font-size:17px}.mini-node small{font-size:9px;color:#aeb9c4;letter-spacing:1px}.mini-node b.mini-topic{font-size:15px;color:#e0e5e9}.mini-node em{font-size:10px;color:#acb8c5}.app-shell .mini-node.current{border-color:#d1b578;background:linear-gradient(145deg,#48544a,#273938);box-shadow:inset 0 1px #bcae7b60,0 8px 18px #0002}.mini-node.current>span{background:#d6bb86;color:#263436}.mini-node.current em{color:#edd5a5}.app-shell .mini-node.done{background:linear-gradient(145deg,#2a443b,#1b312f);border-color:#93b8a02f}.mini-node.done b.mini-topic,.mini-node.done em{color:#b4d1bb}.app-shell .mini-node:disabled{background:#131d25;border-color:#ffffff08;color:#687787}.mini-node:disabled b.mini-topic,.mini-node:disabled small,.mini-node:disabled em{color:#6b7b8b}.main-level-list{margin-top:18px}.main-level-row{border-color:#ffffff12;background:#ffffff03}.main-level-row.selected{border-color:#bfaa7860;background:#8d77451c}.main-level-copy b{color:#e5e9ed;font-size:14px}.main-level-copy small{color:#adbac8;font-size:11px}.level-status{background:#ffffff08;color:#c1a571}.path-levels>summary,.stage-overview>summary{color:#e0e5eb;font-size:14px}.phase-map-stage{border-color:#ffffff10}.phase-map-stage>b{color:#dce4eb;font-size:13px}.phase-map-item{background:#ffffff06;border-color:#ffffff15;color:#b7c5d1;font-size:11px}.mode-card{background:linear-gradient(145deg,#25323d,#1a2630)!important;border-color:#ffffff14!important;min-height:100px}.mode-card strong{font-size:14px;color:#dde4e9}.mode-icon,.shortcut-symbol{background:#c7ab7220;color:#d9bf89;border:1px solid #d4be7e26}.practice-section .panel-head h3{font-size:20px}
/* Books: walnut shelf, linen covers, brass edges and properly sized reading text. */
.library-hero{background:#15202a url('assets/world/library.jpg') center 47%/cover no-repeat;border:1px solid #ccac7042;border-radius:21px;min-height:240px;padding:32px;align-items:center;margin-bottom:24px;box-shadow:0 18px 45px #0003}.library-hero h1{color:#f5ede0;font-size:35px;letter-spacing:-1px;margin:8px 0 10px}.library-hero p{color:#c6d0d9;font-size:14px;max-width:470px;line-height:1.6}.library-hero .eyebrow{color:#d3bd91}.library-total{background:#101b24ad;border:1px solid #e0c79733;padding:17px;border-radius:13px;backdrop-filter:blur(10px);color:#e6d4af}.library-total strong{font-size:27px;color:#ecdfc3}.library-total small{font-size:10px;color:#b9c4cd}.library-total .ui-icon{color:#cfb586}.app-shell .language-folder-grid{gap:20px}.app-shell .language-folder{display:flex;align-items:center;gap:23px;min-height:205px;padding:27px;background:radial-gradient(ellipse at 15% 10%,#ba936f13,transparent),linear-gradient(150deg,#253139,#17232c);border:1px solid #c8b08c2b;border-bottom:5px solid #574638;box-shadow:0 13px 20px #0003,inset 0 1px #e4cf9d12;overflow:visible;border-radius:18px}.app-shell .language-folder:hover{transform:translateY(-4px);border-color:#d4ba8780;box-shadow:0 20px 27px #0004}.book-cover{width:93px;height:133px;flex:none;position:relative;transform:perspective(600px) rotateY(-16deg) rotateZ(-3deg);border-radius:3px 8px 8px 3px;box-shadow:-5px 0 0 #0004 inset,4px 4px 0 #efe9d1,6px 5px 0 #7b6751,9px 9px 13px #0007;border:1px solid #d1b87f80;background:repeating-linear-gradient(0deg,#ffffff04 0 1px,transparent 1px 3px),linear-gradient(120deg,#224a47,#132f30);color:#e2c58b}.book-cover:before{content:'';position:absolute;inset:9px 9px 9px 15px;border:1px solid #d9bf7b55;pointer-events:none}.book-cover:after{content:'';position:absolute;inset:0 auto 0 6px;width:3px;background:linear-gradient(90deg,#0004,#fff2);border-right:1px solid #f7e6af22}.book-cover[data-cover=en]{background-color:#24473b}.book-cover[data-cover=es]{background:linear-gradient(120deg,#784839,#442c29)}.book-cover[data-cover=sk]{background:linear-gradient(120deg,#496b80,#253e55)}.book-cover[data-cover=fr]{background:linear-gradient(120deg,#665276,#362c46)}.book-cover[data-cover=ar]{background:linear-gradient(120deg,#7a6436,#443b20)}.book-cover[data-cover=de]{background:linear-gradient(120deg,#555760,#30333c)}.book-cover>span{font-size:7px;letter-spacing:1.6px;color:#e0c28e}.book-cover>b{font-size:15px;color:#e9d4aa;text-shadow:0 1px #0009}.book-cover>i{font-size:28px;color:#d8bd83;opacity:.8}.folder-copy>strong{font-size:19px;color:#f1ede5;letter-spacing:-.4px}.folder-copy>small{font-size:12px;color:#bec6ce;margin-top:8px}.folder-copy>em{font-size:11px;color:#9aaab8;margin-top:6px}.folder-arrow{color:#d9be89}.library-utility{padding:18px 2px;color:#a8b7c3;background:transparent;border-color:#ffffff0e;font-size:12px}.library-utility p{font-size:12px;color:#a8b7c3}.library-language-bar{background:#18232e;border:1px solid #ffffff0e;border-radius:12px;padding:7px}.library-language-bar button{font-size:12px;background:transparent;color:#a5b7c5}.library-language-bar button.active{background:#d0b27825;color:#efd8aa;box-shadow:none}.book-intro{background:#15202a url('assets/world/library.jpg') center/cover no-repeat;border-color:#c6ad7440;min-height:260px;border-radius:20px;padding:32px;isolation:isolate;position:relative}.book-intro:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0d1829cc,#0d182980);border-radius:inherit;z-index:-1}.book-intro h1{font-size:34px;color:#f4ead6}.book-intro p,.book-meta{color:#c3d0d6;font-size:13px}.book-cover.large{width:124px;height:174px}.book-cover.large>b{font-size:20px}.book-choice{background:linear-gradient(145deg,#22303a,#17242d);border-color:#ffffff16;color:#d4e0e5;box-shadow:0 12px 25px #0002}.book-choice small{font-size:10px;color:#bda57b}.book-choice strong{font-size:23px;color:#edece6}.book-choice p{font-size:13px;color:#afbdc9}.book-choice-icon,.book-section-icon{background:#d4b2771a;color:#ddc18e}.book-tabs button,.book-jump a,.book-number-filters button{background:#1a2935;border:1px solid #ffffff16;color:#b6c4d0;font-size:12px}.book-tabs button.active,.book-number-filters button.active{background:#67573566;border-color:#aa925b70;color:#e9d1a1}.book-about-heading{background:transparent;border-color:#ffffff14}.book-about-heading h1{color:#edf0ec}.book-about-heading p{color:#acbbc9}.book-greeting{background:#e0c38c14;border-color:#d7b88330}.book-greeting strong{color:#e8d0a6}.book-greeting span,.book-greeting small{color:#bfcccd}.book-section{background:linear-gradient(145deg,#1b2b35,#15222c);border:1px solid #ffffff13;border-radius:18px;box-shadow:0 12px 24px #0002}.book-section h2,.book-section h3{color:#f0ede5}.book-section p,.book-section li,.book-usage{font-size:14px;color:#b7c5cd;line-height:1.8}.book-story-grid>article{background:#ffffff03;border-color:#ffffff12}.book-story-number{color:#ddbe82}.book-section-heading h2{font-size:23px}.book-number,.book-entry{background:#263640;border-color:#ffffff12;color:#e6e9e6}.book-number strong,.book-entry strong{color:#f0ece2;font-size:18px}.book-number .number-digit{background:#d4b77f16;color:#dfc796;border-color:#c7b07435}.book-entry-english,.book-entry-hint{color:#b8c6ca}.book-sources{color:#b7c4ce;border-color:#ffffff15}.book-sources a{color:#ddc591}.book-next{color:#b8c5cb}
.library-controls{background:#172631;border:1px solid #ffffff16;border-radius:15px;padding:15px}.library-search{border:1px solid #61737c66;background:#0b1720;color:#aebdc7}.library-search input{color:#e5ecf2;font-size:14px;background:transparent}.library-search input::placeholder{color:#8597a5}.library-controls select{background:#233541;border-color:#ffffff1c;color:#d2dce4;font-size:12px;min-height:39px}.filter,.filters button{background:#ffffff04;color:#b8c6cf;border-color:#ffffff18;font-size:12px;padding:9px 12px}.filter.active,.filters .active{background:#a88b5438;color:#edcfa1;border-color:#ae925865}.library-record-summary{background:#ffffff03;border-color:#ffffff0d;color:#b6c5ce;font-size:12px}.library-record-summary p{color:#acbac6}.library-count-row{font-size:12px;color:#a7b6c3}.word-grid{gap:18px}.app-shell .word-card.library-word{min-height:270px;padding:23px;background:linear-gradient(145deg,#22323e,#172631);border-color:#ffffff12;box-shadow:0 12px 27px #0002}.word-card-top strong{color:#f1ede4;font-size:26px}.library-word .word-language-label{background:#cdb17d14;border-color:#d5bd7e2e;color:#dbc08d}.library-word .word-meta{font-size:12px;color:#9caebc;line-height:1.65}.library-word .meaning{font-size:16px;color:#c8d8df;line-height:1.6}.library-word .word-example{font-size:14px;color:#b5c5cf;line-height:1.65}.library-word .word-equivalent{font-size:16px;color:#dbc394}.word-actions{border-color:#ffffff13}.word-actions button{background:#ffffff06;color:#dfc38c;font-size:12px;padding:10px 12px;border-color:#ffffff11}.word-actions button[aria-pressed=true]{background:#62876b2b;color:#bdd3b6}.base-word-meaning{color:#bdcbd3;background:#ffffff04;border-color:#ffffff14}.word-empty{color:#b3c1cc}.word-pagination{font-size:13px;color:#b2c3cf}.library-detail.dictionary-modal{background:#182732;color:#dae4e9;border-color:#ffffff24}.library-detail h2{color:#f5efdf}.library-detail h3{color:#d6ba84}.library-detail p{color:#c6d2db}.library-detail .word-source{border-color:#ffffff17}.library-detail .word-source a{color:#d5be8d}
/* Rewards, rankings, guide and profile share the display-gallery finish. */
.app-shell .xp-vault{position:relative;isolation:isolate;overflow:hidden;min-height:210px;background:#15212a url('assets/world/gallery.jpg') center/cover no-repeat;border:1px solid #d7b57a45;padding:28px 32px}.xp-vault>div,.xp-vault>.vault-detail{position:relative;z-index:2}.xp-vault small{color:#d0bd99;font-size:11px;letter-spacing:2px}.xp-vault b{color:#f5e7c7;font-size:42px}.xp-vault b em{color:#c9b385;font-size:15px}.xp-vault .reward-art{width:83px;height:83px;filter:drop-shadow(0 7px 15px #0006)}.vault-detail{font-size:12px;color:#b9c4cd}.collection-group{position:relative;overflow:hidden}.collectibles{gap:17px}.collectible{padding:14px 10px 17px;border-radius:13px;border:1px solid #d7bd8620;background:radial-gradient(ellipse at 50% 25%,#b6986226,transparent 65%),linear-gradient(160deg,#27313b,#14222d);box-shadow:inset 0 1px #ffffff06,0 5px 14px #0003;position:relative}.collectible:after{content:'';display:block;height:5px;margin:15px 0 0;border:1px solid #e5c98a26;border-radius:4px;background:linear-gradient(90deg,#493a23,#ae8f55,#493a23);box-shadow:0 7px 12px #0008}.collectible .reward-art{height:180px;max-width:100%;filter:drop-shadow(0 15px 9px #0008)}.collectible>b{font-size:14px;color:#e7d2ac}.collectible>span{font-size:12px;color:#adbcc8}.segmented{background:#0e1923;border:1px solid #ffffff13;box-shadow:none}.segmented button{font-size:12px;color:#adbdc9}.segmented button.active{background:#be9e5a2e;color:#ecd4a3;box-shadow:inset 0 0 0 1px #d0b37638}.reward-history-list>div{border-color:#ffffff13}.reward-history-list b{color:#ece4d7;font-size:13px}.reward-history-list small{color:#a3b3c0;font-size:11px}.reward-history-list strong{color:#ccbb98;font-size:12px}.reward-rank-link{width:100%;margin-top:20px}.shortcut b{font-size:14px;color:#e2e8ed}.shortcut small{font-size:12px;color:#aabac7}.empty-collection>b{color:#ddd8ca;font-size:17px}.competition-empty{position:relative;isolation:isolate;overflow:hidden;min-height:430px!important;background:#14232c url('assets/world/gallery.jpg') center/cover no-repeat!important;border-color:#d1b88535!important}.competition-empty:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b1622ef,#0b1622ab 65%,#0b16224d)}.competition-empty h2{font-size:29px;color:#eee6d3}.competition-empty p{font-size:14px;color:#bbc8d1;max-width:420px}.competition-mark{background:#b49a6626;color:#d7bd88;border-color:#ddc38a35}.status-pill{background:#162a33c9;border-color:#acbfa334;color:#c1ccbc;font-size:11px}.personal-rating{background:#0d1a25b0;border-color:#ffffff17}.personal-rating>span{color:#aebeca;font-size:12px}.personal-rating strong{color:#ecddbd;font-size:40px}.ranking-tabs{margin-top:2px}.ranking-tabs button{font-size:14px}.league-display{filter:drop-shadow(0 10px 15px #0006)}
.guide-tabs{margin-bottom:23px}.guide-tabs button{font-size:12px}.guide-start{background:radial-gradient(ellipse at 100% 0,#88714d30,transparent 75%),#192832!important}.guide-start h2{font-size:28px}.guide-steps>div{background:#ffffff03;border-color:#ffffff13}.guide-steps b{font-size:16px;color:#e5e8e6}.guide-steps p{font-size:13px;color:#abbcc7}.guide-mark{background:#d2b58026;color:#dbc18c;border-color:#dfc88c33}.guide-steps>div>span{color:#e1c692}.guide-intro-rewards button{background:radial-gradient(ellipse at 50% 30%,#78634229,transparent),#192933!important;border-color:#ffffff17!important}.guide-intro-rewards b{font-size:16px;color:#ece6d8}.guide-intro-rewards span{font-size:12px;color:#b1c0ca}.guide-section-head h2{font-size:26px}.guide-section-head p{font-size:13px;color:#a8bac6}.rule-rows>div{border-color:#ffffff13}.rule-rows b{font-size:14px;color:#e2e6e5}.rule-rows small{font-size:12px;color:#abbcc8}.rule-rows strong{font-size:18px;color:#e4c78b}.guide-note{font-size:13px;color:#b4c5cd;background:#172831;border-color:#8b9f8c35}.guide-award{background:radial-gradient(ellipse at 50% 15%,#b28c4323,transparent 70%),#172731!important}.guide-award h2{font-size:22px;color:#e7d8b8}.guide-award li{font-size:13px;color:#bdcbd0}.guide-award p{font-size:13px;color:#b9c6ce}.medal-threshold{color:#dfc58f}.guide-rule h3{font-size:17px;color:#e3e7e7}.guide-rule p{font-size:14px;color:#b6c6cf;line-height:1.75}.guide-rule>.ui-icon{color:#d2b787}
.profile-card{background:radial-gradient(ellipse at 50% 0,#586e5f40,transparent),linear-gradient(160deg,#23323c,#17242f)!important}.profile-avatar{width:80px;height:80px;font-size:27px;background:linear-gradient(145deg,#537476,#1f424e);border-color:#aeb7955c;box-shadow:0 9px 23px #0005}.profile-card h2{font-size:28px;color:#ece5d5}.profile-numbers b{color:#ede3cd;font-size:24px}.profile-numbers span{color:#aab9c5;font-size:11px}.location-card{background:#ffffff04;border-color:#ffffff15;color:#d8e1e7}.location-card b{color:#e2e7e9;font-size:16px}.location-card small{color:#aebbc6;font-size:13px}.location-card .ui-icon{color:#d9be89}.location-change-note{color:#a9bac8;font-size:12px}.settings-row{font-size:13px;border-color:#ffffff13;color:#acbdca}.settings-row b{font-size:13px;color:#dce4ea}.settings-link{font-size:14px;color:#d9c399;border-color:#ffffff12}.focus-grid>div{background:#ffffff04;border-color:#ffffff14}.focus-grid b{color:#d9e2e6;font-size:13px}.focus-grid strong{color:#d9c395;font-size:20px}.focus-grid small{color:#acbdc8;font-size:11px}.skill-focus-grid>div>span{font-size:13px;color:#aebdca}.skill-focus-grid b{font-size:13px;color:#dcc08a}.skill-focus-bar{background:#0a1620}.skill-focus-bar>i{background:linear-gradient(90deg,#608c86,#d4b986)}
/* Lesson foreground deliberately uses warm paper for unambiguous learning colours. */
.app-shell.is-playing{background:none}.app-shell.is-playing .main{padding:0}.app-shell .verified-question{background:linear-gradient(140deg,#fcfbf7,#f3f2ed)!important;border:1px solid #d2cab9!important;box-shadow:0 24px 60px #0004!important;color:#233344;border-radius:21px!important}.app-shell .verified-question h2{color:#1d3040;font-size:25px}.verified-question .eyebrow{color:#68725d;font-size:11px;letter-spacing:1px}.lesson-meta>span{font-size:11px;color:#536477;border-color:#d9dfde;background:#e7ebe7}.app-shell .verified-question .option{background:#fffdfa;color:#273d4d;font-size:15px;border-color:#d9dedb;border-radius:12px;box-shadow:0 3px 0 #d0d6d133;min-height:56px;transition:background .16s,border-color .16s}.app-shell .verified-question .option:hover:not(:disabled){background:#f0f4f1;border-color:#769895;transform:none;box-shadow:0 3px 0 #94ada955}.choice-key{background:#e9eeeb;color:#5b6d67;border-color:#d4ddd9;font-size:12px}.lesson-context{color:#526174;font-size:16px}.lesson-prompt{color:#24394b;font-size:23px}.lesson-prompt .blank{color:#346b71;border-bottom-color:#8daea6}.lesson-picture{box-shadow:0 7px 18px #00000013;border-color:#d7dcd7}.lesson-heading-row .lesson-next{font-size:12px;background:#e9ede7;color:#566b68;border-color:#cbd6cb;min-height:35px}.app-shell .verified-question .option.correct{background:#e1f0e3;border-color:#79a187;color:#23523c;box-shadow:none}.app-shell .verified-question .option.wrong{background:#fff0ec;border-color:#d79f91;color:#843f38;box-shadow:none;animation:none!important}.verified-question .token-button,.verified-question .token{background:#fffefa!important;border:1px solid #c8d3cd!important;box-shadow:0 3px 0 #b6c3b65c!important;color:#2a424a!important;border-radius:10px;font-size:15px!important;padding:11px 15px!important;min-height:43px}.built-sentence{background:#e7ede6;border:1px dashed #a5b8a9;border-radius:14px}.token-placeholder{color:#6d7e72;font-size:14px}.token-bank{background:transparent}.lesson-feedback.show-correction{background:#e4eee9;border-color:#abc1b4}.lesson-feedback .correction-heading{color:#345445;font-size:13px}.lesson-feedback p{font-size:15px;color:#355247}.lesson-feedback .btn.light{color:#274d40;background:#fffdf5;border-color:#afc4b6}.app-shell .mini-scoreboard{background:linear-gradient(145deg,#25383e,#15242f);border:1px solid #c8b37e33;box-shadow:0 16px 35px #0003}.score-details>b{color:#e5d7b9;font-size:15px}.score-numbers b{font-size:17px}.score-numbers small{font-size:11px;color:#a9b9c7}.score-good{color:#adcfb1}.score-bad{color:#e0a59d}.score-ring{background:conic-gradient(#d9bf88 var(--progress),#30424a 0)}.score-ring>div{background:#1c2c34;color:#eee1c1}.score-ring b{font-size:31px;color:#eee1c1}.score-ring small{color:#99a9ae}.score-ring span{color:#a6b7bb;font-size:10px}.score-accuracy{color:#b0bec7;font-size:12px}.score-accuracy b{color:#e6d6b2}.score-remaining{font-size:12px;color:#afbec4}.session-header{gap:12px}.glass-back,.session-clock{background:#ffffff05;border-color:#ffffff1a;color:#d7d9d6;font-size:12px}.session-clock b{color:#e4cfa7;font-size:14px}.game-header-count{color:#c1ccd5;font-size:13px}.app-shell.is-language-session .question-enter{animation:none!important}
.app-shell .result-card{background:radial-gradient(ellipse at 50% 0,#c3994e26,transparent 70%),linear-gradient(145deg,#24343d,#14222e);border-color:#d7b77d3d}.result-card h1{color:#f0e6ce;font-size:34px}.result-caption{font-size:15px;color:#b3c4ce}.earned-tier{color:#dfbd7e;background:#b8954e1f;border-color:#c7a46445}.result-stats>div{background:#ffffff04;border-color:#ffffff16}.result-stats b{color:#eee0bf;font-size:26px}.result-stats span{font-size:12px;color:#a9bac7}.result-reward>b{color:#edd08e;font-size:32px}.result-reward>span{color:#b0c1cb;font-size:13px}.result-breakdown span{font-size:12px;color:#afbfca}.result-breakdown b{color:#e0c083}.result-auto{font-size:12px;color:#a6b6c4}.result-seal{background:#6c9b7d22;color:#bdd4b8}.celebration-overlay{background:#07111ee0;backdrop-filter:blur(12px)}.celebration-card{background:radial-gradient(ellipse at 50% 10%,#9e7a3830,transparent 70%),linear-gradient(145deg,#253743,#13222d);border-color:#c9ad744f;box-shadow:0 30px 100px #0009}.celebration-card h2{color:#f4ead4;font-size:34px}.celebration-card h2 span{color:#e9c985}.celebration-card>p{color:#bfccd3;font-size:13px}.celebration-card>small{color:#adbec6;font-size:12px}.celebration-next{background:#88a77b1c;color:#c3d7b7;border-color:#89aa7c37;font-size:12px}.celebration-close{color:#c0cbd4;background:#ffffff09}.milestone-chip{color:#e6d0a3;background:#ae8b4f26;border-color:#d4b8774a}
.setup-overlay,.modal-overlay{backdrop-filter:blur(10px);background:#07131bba}.setup-box{background:linear-gradient(145deg,#23313d,#172530);border-color:#b8a37444;box-shadow:0 20px 60px #0006;color:#dce5e9}.setup-box h1{color:#f0e5cd}.setup-box p,.setup-box label{color:#b4c3cd}.setup-box :is(input,select){background:#0f1d27;color:#e7e6df;border-color:#53646f;min-height:44px;font-size:14px}.dictionary-close{background:#ffffff0d;color:#b5c4cf}.toast{background:#273a40;color:#efe3c8;border-color:#c9ae7945;box-shadow:0 6px 20px #0005}
.app-shell .mobile-dock{background:#12212fed;border-color:#7a887f38;box-shadow:0 -8px 35px #0005;backdrop-filter:blur(25px)}.mobile-dock>button{background:transparent;color:#a7b7c8}.mobile-dock>button.active{background:linear-gradient(145deg,#7f704530,#6c826b22);color:#e4c992;box-shadow:inset 0 1px #e6cb8629}.mobile-dock .ui-icon{color:inherit}.simple-navigation .mobile-dock small{font-size:11px}
/* Subtle, non-flashing entrance only. Answer rows stay mounted and motion-free. */
@keyframes afterlight-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.app-shell .content.view-enter{animation:afterlight-enter .32s ease-out both}.app-shell .reward-art{filter:drop-shadow(0 8px 12px #0004)}.app-shell .question-enter,.lesson-v3,.verified-question{animation:none!important}
@media(min-width:1600px){.app-shell .launch-card{min-height:370px}.launch-record>b{font-size:53px}.launch-record>span{font-size:25px!important}}
@media(max-width:1120px) and (min-width:681px){body .shell.app-shell{grid-template-columns:76px minmax(0,1fr);padding:16px;gap:18px}.app-shell .sidebar.glass-sidebar{position:sticky;width:76px;top:16px;left:auto;height:calc(100dvh - 32px);margin:0;padding:17px 8px}.app-shell .sidebar .brand{width:58px;padding:4px 4px 20px}.app-shell .sidebar :is(.brand-name,.nav-text,.player-copy){display:none}.app-shell .sidebar .nav button{width:58px;padding:13px;justify-content:center;min-height:54px}.app-shell .sidebar .sidebar-player{width:58px;padding:8px;justify-content:center}.sidebar-player>.ui-icon{display:none}.simple-navigation .home-grid{grid-template-columns:minmax(0,1fr) minmax(210px,.6fr);gap:16px}.app-shell .panel{padding:22px}.app-shell .launch-card{padding:31px;min-height:300px}.launch-copy{max-width:85%}.launch-record>b{font-size:38px}.app-shell .launch-card h1.launch-record>span{font-size:20px}.app-shell .language-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .language-folder{padding:22px;gap:19px}.folder-copy>strong{font-size:17px}.app-shell .word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collectible .reward-art{height:150px}}
@media(max-width:850px){.simple-navigation .home-grid{grid-template-columns:minmax(0,1fr)}.simple-navigation .daily-card{min-height:170px!important;grid-template-columns:54px minmax(0,1fr) auto;gap:18px}.daily-card>.btn{grid-column:auto;margin:0;justify-self:end}.daily-card h3{font-size:18px;margin-top:8px}.app-shell .mini-map{gap:9px}.app-shell .mini-node{padding:12px;min-height:145px}.mini-node b.mini-topic{font-size:13px}.course-details{gap:12px}.phase-track b{font-size:10px}}
@media(max-width:680px){body .shell.app-shell{display:block;padding:12px;gap:0}.app-shell .main{padding:0 0 94px}.app-shell .sidebar.glass-sidebar{display:none!important}.app-shell .topbar.app-header{min-height:58px;border-radius:15px;padding:9px 11px;margin-bottom:16px;gap:8px}.header-title{font-size:14px;gap:7px}.header-title>.ui-icon{width:18px;height:18px}.simple-navigation .header-actions{gap:5px}.header-avatar{width:32px;height:32px;font-size:10px;border-radius:10px}.simple-navigation .xp-balance,.simple-navigation .streak-balance{min-height:32px;padding:4px 6px;gap:3px;border-radius:10px}.simple-navigation .xp-balance b,.simple-navigation .streak-balance b{font-size:11px}.simple-navigation .xp-balance .reward-art{width:21px;height:21px}.simple-navigation .xp-balance>span{font-size:8px}.simple-navigation .streak-balance .ui-icon{width:15px;height:15px}.simple-navigation .streak-balance>span{display:none}.account-popover{width:218px;max-width:calc(100vw - 26px)}.app-shell .panel{padding:21px;border-radius:18px}.panel-head h3{font-size:17px}.eyebrow{font-size:9px}.app-shell .launch-card{min-height:285px;padding:25px 22px;border-radius:19px;background-position:60% center}.launch-copy{max-width:100%}.launch-kicker{font-size:9px;letter-spacing:1.5px}.launch-tags{margin:19px 0 13px}.launch-tags>span{font-size:10px;padding:4px 8px}.app-shell .launch-card h1.launch-record{gap:7px 10px;margin-bottom:23px;max-width:100%}.launch-record>b{font-size:33px;letter-spacing:-1px}.app-shell .launch-card h1.launch-record>span{font-size:17px;line-height:1.4;max-width:100%;color:#e7edef}.launch-record>small{font-size:10px;padding:4px 8px}.app-shell .btn.primary.play-large{font-size:14px;min-height:46px;min-width:164px}.scene-has-film:after{background:linear-gradient(90deg,#07121ad9,#07121a55),linear-gradient(0deg,#07121a44,transparent)}.simple-navigation .home-grid{margin-top:18px;gap:18px}.home-path-toolbar{margin-bottom:21px}.home-path-toolbar .text-link,.path-previous{font-size:11px}.home-path .panel-head h3{font-size:19px}.home-path .text-link{font-size:11px}.home-path-bottom{font-size:10px;align-items:start;gap:12px}.home-path-bottom>b{font-size:9px}.simple-navigation .daily-card{grid-template-columns:47px minmax(0,1fr);padding:22px!important;min-height:190px!important;gap:11px 15px}.daily-symbol{width:47px;height:47px}.daily-card h3{font-size:18px}.daily-card>.btn{grid-column:1/-1;justify-self:start;margin-top:7px;min-height:42px;font-size:13px}.simple-navigation .app-footer{font-size:10px}.page-heading>h1{font-size:26px}.page-heading{padding:3px 0 18px}.text-link,.secondary-back{font-size:12px}.app-shell .btn{font-size:12px;min-height:40px;padding:9px 12px}.path-heading-actions{gap:7px}.path-heading-actions>.btn{font-size:11px}.phase-chip{font-size:10px}.phase-track{gap:7px!important}.phase-track>div{padding:11px 9px;gap:5px}.phase-track b{font-size:10px;line-height:1.4}.phase-track small{font-size:9px}.course-heading{align-items:start;gap:12px}.course-heading h2{font-size:23px}.course-heading p{font-size:12px;line-height:1.65}.course-heading>.btn{min-width:85px}.course-details{font-size:10px;gap:9px}.course-details>b{font-size:10px}.app-shell .mini-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app-shell .mini-node{padding:15px;min-height:143px}.mini-node b.mini-topic{font-size:16px}.mini-node small{font-size:9px}.mini-node em{font-size:11px}.main-level-row{gap:10px;padding:13px}.main-level-copy b{font-size:13px}.main-level-copy small{font-size:10px}.main-level-row .btn{min-width:60px;font-size:11px}.phase-map-item{font-size:10px}.mode-card strong{font-size:13px}.practice-section .panel-head h3{font-size:18px}.library-hero{min-height:240px;padding:25px 21px;gap:12px;background-position:57% center;display:block}.library-hero h1{font-size:31px;max-width:250px;line-height:1.15}.library-hero p{font-size:13px;max-width:245px}.library-total{display:inline-flex;padding:9px 12px;margin-top:12px;gap:9px}.library-total strong{font-size:21px}.library-total small{font-size:9px}.app-shell .language-folder-grid{grid-template-columns:minmax(0,1fr);gap:16px}.app-shell .language-folder{flex-direction:row;align-items:center;min-height:175px;padding:23px;gap:24px}.book-cover{width:82px;height:119px}.book-cover>b{font-size:14px}.folder-copy>strong{font-size:19px}.folder-copy>small{font-size:12px}.folder-copy>em{font-size:11px;line-height:1.6}.folder-arrow{display:none}.library-utility p{font-size:12px}.library-language-bar button{font-size:11px;padding:8px 10px}.book-intro{padding:25px;gap:20px;min-height:240px}.book-cover.large{width:92px;height:132px}.book-cover.large>b{font-size:16px}.book-intro h1{font-size:27px}.book-intro p,.book-meta{font-size:12px}.book-choice{padding:22px;gap:14px;min-height:180px}.book-choice small{font-size:9px}.book-choice strong{font-size:22px}.book-choice p{font-size:13px}.book-choice-icon{width:40px;height:40px}.book-about-heading h1{font-size:29px}.book-tabs button,.book-jump a,.book-number-filters button{font-size:11px;padding:9px 11px}.book-section{padding:22px 18px}.book-section-heading h2{font-size:22px}.book-section p,.book-section li{font-size:13px}.book-story-grid h3{font-size:18px}.book-number strong,.book-entry strong{font-size:17px}.book-entry-hint{font-size:11px}.library-controls{padding:12px;gap:10px}.library-search input{font-size:13px}.library-controls select{font-size:11px;min-height:39px}.filter,.filters button{font-size:11px;padding:8px 11px}.app-shell .word-grid{grid-template-columns:minmax(0,1fr);gap:14px}.app-shell .word-card.library-word{min-height:250px;padding:24px}.word-card-top strong{font-size:28px}.library-word .word-meta{font-size:12px}.library-word .meaning{font-size:16px}.library-word .word-example{font-size:14px}.word-actions button{font-size:12px;min-height:39px}.library-record-summary,.library-count-row{font-size:11px}.library-count-row{gap:10px;flex-wrap:wrap}.library-detail h2{font-size:33px}.library-detail p{font-size:15px}.app-shell .xp-vault{min-height:200px;padding:23px;background-position:62% center}.xp-vault b{font-size:36px}.xp-vault small{font-size:9px}.xp-vault .reward-art{width:68px;height:68px}.vault-detail{font-size:11px}.collectibles{gap:8px}.collectible{padding:10px 5px 14px;border-radius:10px}.collectible .reward-art{height:126px}.collectible>b{font-size:12px}.collectible>span{font-size:11px}.reward-history .panel-head{flex-wrap:wrap}.segmented button{font-size:11px}.reward-history-list b{font-size:12px}.reward-history-list small{font-size:10px}.reward-history-list strong{font-size:11px}.shortcut b{font-size:14px}.shortcut small{font-size:11px}.competition-empty{min-height:400px!important;padding:30px 20px!important}.competition-empty h2{font-size:27px}.competition-empty p{font-size:13px}.personal-rating strong{font-size:35px}.ranking-tabs button{font-size:13px;min-height:42px}.guide-tabs button{font-size:11px;padding:10px}.guide-start h2{font-size:25px}.guide-steps b{font-size:16px}.guide-steps p{font-size:13px}.guide-intro-rewards b{font-size:14px}.guide-intro-rewards span{font-size:11px}.guide-section-head h2{font-size:23px}.rule-rows b{font-size:13px}.rule-rows small{font-size:11px}.rule-rows strong{font-size:16px}.guide-note{font-size:12px}.guide-award h2{font-size:20px}.guide-award li,.guide-award p{font-size:12px}.guide-rule h3{font-size:17px}.guide-rule p{font-size:13px}.profile-card h2{font-size:26px}.profile-numbers b{font-size:23px}.settings-row,.settings-row b{font-size:12px}.settings-link{font-size:13px}.location-card b{font-size:16px}.location-card small{font-size:12px}.skill-focus-grid>div>span,.skill-focus-grid b{font-size:12px}.app-shell.is-playing .main{padding:0 0 20px}.app-shell.is-playing .topbar.app-header{min-height:55px;padding:8px 9px}.session-header{gap:8px}.glass-back{font-size:10px;padding:7px}.glass-back .ui-icon{width:15px;height:15px}.session-clock{padding:6px 8px}.session-clock b{font-size:11px}.session-clock .ui-icon{width:14px;height:14px}.game-header-count{font-size:11px}.app-shell .verified-question{padding:22px 18px!important;min-height:0}.app-shell .verified-question h2{font-size:22px}.verified-question .eyebrow{font-size:10px;letter-spacing:.7px}.lesson-meta{gap:5px}.lesson-meta>span{font-size:10px;padding:4px 7px}.lesson-stimulus.with-visual{grid-template-columns:minmax(88px,35%) minmax(0,1fr);gap:14px}.lesson-picture{border-radius:12px;max-height:220px}.lesson-context{font-size:13px;line-height:1.7}.lesson-prompt{font-size:18px;line-height:1.6}.app-shell .verified-question .option{min-height:53px;font-size:14px;padding:11px;gap:9px}.choice-key{width:24px;height:24px;font-size:11px}.lesson-heading-row .lesson-next{font-size:10px;min-height:33px}.verified-question .token-button,.verified-question .token{font-size:14px!important;padding:10px 12px!important;min-height:41px}.token-placeholder{font-size:12px}.lesson-feedback p{font-size:14px}.lesson-feedback .correction-heading{font-size:12px}.app-shell .mini-scoreboard{padding:17px;border-radius:15px}.score-details>b{font-size:13px}.score-numbers b{font-size:15px}.score-numbers small{font-size:10px}.score-accuracy,.score-remaining{font-size:11px}.score-ring b{font-size:25px}.result-card h1{font-size:28px}.result-caption{font-size:14px}.result-stats b{font-size:22px}.result-stats span{font-size:11px}.result-reward>b{font-size:30px}.result-reward>span{font-size:12px}.result-auto{font-size:11px}.result-breakdown span{font-size:11px}.celebration-card h2{font-size:29px}.celebration-card>p{font-size:12px}.celebration-next{font-size:11px}.celebration-card>small{font-size:11px}.simple-navigation .mobile-dock>button{min-height:49px}.mobile-dock{border-radius:20px!important;padding:6px!important;left:12px!important;right:12px!important;bottom:10px!important}.simple-navigation .mobile-dock small{font-size:10px}}
@media(max-width:360px){body .shell.app-shell{padding:10px}.header-title{font-size:12px;gap:5px}.header-title>.ui-icon{display:none}.simple-navigation .xp-balance,.simple-navigation .streak-balance{padding:4px}.header-avatar{width:29px;height:29px}.app-shell .launch-card{padding:23px 19px}.launch-record>b{font-size:30px}.app-shell .launch-card h1.launch-record>span{font-size:16px}.app-shell .panel{padding:18px}.app-shell .language-folder{gap:20px;padding:20px}.folder-copy>strong{font-size:18px}.book-cover{width:73px;height:110px}.book-cover>b{font-size:13px}.app-shell .verified-question{padding:20px 15px!important}.lesson-stimulus.with-visual{gap:12px}.lesson-prompt{font-size:17px}.session-header{gap:5px}.glass-back span{font-size:9px}.game-header-count{font-size:10px}.session-clock{padding:5px}.session-clock .ui-icon{display:none}.collectible .reward-art{height:109px}.guide-award{grid-template-columns:85px minmax(0,1fr)!important}.guide-award li{font-size:12px}.app-shell .xp-vault{padding:21px}.home-path .panel-head h3{font-size:18px}.home-path .text-link{font-size:10px}}
@media(prefers-reduced-motion:reduce){.app-shell *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@supports not (backdrop-filter:blur(1px)){.app-shell .sidebar.glass-sidebar,.app-shell .topbar.app-header,.app-shell .mobile-dock{background:#17232e}}

/* Resolve older light-skin selectors at the shared component boundary. */
.app-shell .brand .brand-mark{background:linear-gradient(145deg,#487172,#193a40);border-color:#8cb0aa70;color:#f7e1b3;box-shadow:inset 0 1px #d1e8d14d,0 8px 20px #0004}.app-shell .library-hero h1{color:#f5ede0}.app-shell .launch-card .launch-kicker{color:#e0cda6}.app-shell .launch-card .launch-tags>span{background:#102331b3;border-color:#d7c38c66;color:#e7dfcc}.app-shell .launch-record>small{background:#142730cc;border-color:#dec59466;color:#e9d4a8}.app-shell .home-path-toolbar .text-link,.app-shell .home-path .panel-head .text-link,.app-shell .panel-head .text-link{color:#d7bd87}.app-shell .profile-card .profile-avatar{background:linear-gradient(145deg,#537476,#1f424e);border-color:#aeb7955c;color:#f0e4c7}.app-shell .profile-numbers{border-color:#ffffff19}.app-shell .mini-node.done>span{background:#b2c6a62b;border-color:#b4cda94d;color:#bdd6b6}.app-shell .mini-node.current>span{background:#d6bb86;color:#263436}.app-shell .mini-node.current .mini-topic{color:#f3e8cd}.app-shell .mini-node.current em{color:#edd5a5}.app-shell .mini-node:not(:disabled) b.mini-topic{color:#e0e5e9}.app-shell .mini-node.done b.mini-topic{color:#b4d1bb}.app-shell .mini-scoreboard .score-ring>div{background:#1c2c34;color:#eee1c1}.app-shell .mini-scoreboard .score-ring b{color:#eee1c1}.app-shell .mini-scoreboard .score-ring{background:conic-gradient(#d9bf88 var(--progress),#30424a 0)}.app-shell .verified-question>.eyebrow{color:#68725d}.app-shell .game-header-count{color:#c1ccd5}
.collectible:after{width:85%;margin:15px auto 0!important;align-self:center}

.app-shell .text-link{color:#d7bd87}.app-shell .library-controls{background:#172631;border-color:#ffffff16;box-shadow:0 10px 25px #0002}.app-shell .library-controls .filters button{background:#ffffff04;border-color:#ffffff18;color:#b8c6cf}.app-shell .library-controls .filters button.active{background:#a88b5438;border-color:#ae925865;color:#edcfa1}.app-shell .library-count-row{background:transparent;border-color:#ffffff12;color:#a7b6c3}.app-shell .library-count-row>p,.app-shell .library-count-row>span{color:#a7b6c3}.app-shell .library-word .meaning{color:#c8d8df}.app-shell .library-word .word-example{color:#b5c5cf}.app-shell .library-language-bar{scrollbar-color:#63717b #15232c;scrollbar-width:thin}.app-shell .result-stats{border-color:#ffffff1c}