:root{--app-navy:#092556;--app-gold:#ffca38;--app-bg:#f5f7fb}body{background:var(--app-bg)}.shell{max-width:1100px}.app-ready .brand-hero,.app-ready .hero-brief{display:none!important}.app-ready .header{min-height:74px}.app-ready .header-actions>#help-open{display:none}.app-ready .layout{display:block;padding-top:0}.app-ready .sidebar{display:none!important}.app-ready .main{max-width:790px;margin:auto}.app-ready .heading p,.app-ready .heading .eyebrow,.app-ready .heading-actions,.app-ready .dictionary-launch,.app-ready .study-view-bar,.app-ready #study-to-game,.app-ready #game-extras,.app-ready .mode-nav,.app-ready .mobile-set-bar{display:none!important}.app-ready .heading h1{font-size:22px}.app-ready .srs-overview{margin-top:18px}.app-ready .srs-overview.in-session{display:none}.app-ready .footer{margin-top:24px}.app-ready [hidden]{display:none!important}
.app-topbar{display:flex;align-items:center;gap:15px;margin:18px 0 25px}.app-topbar>span{font-weight:650;font-size:15px}.app-topbar>button:first-child{font-size:23px;width:48px;height:46px}.app-topbar>button:last-child{margin-left:auto}.app-page{max-width:790px;margin:0 auto 45px}.welcome-card{display:grid;grid-template-columns:1fr 155px;gap:24px;align-items:center;padding:32px;border-radius:24px;background:#092556;color:white}.welcome-card .eyebrow{color:#c4d3eb;font-size:10px}.welcome-card h1{font-size:35px;line-height:1.13;margin:15px 0;letter-spacing:-1px}.welcome-card p{color:#d6e0ef;font-size:14px;line-height:1.6}.welcome-card img{width:100%;height:auto;border-radius:18px}.welcome-card .primary{background:var(--app-gold);color:var(--app-navy);border-color:var(--app-gold);margin-top:10px;min-height:49px}
.home-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 25px}.home-stats>div{background:white;border:1px solid #e0e6ef;border-radius:17px;padding:18px}.home-stats strong{display:block;font-size:21px;line-height:1.2}.home-stats span{display:block;color:#63748b;font-size:11px;margin-top:7px}.home-choices{display:grid;grid-template-columns:1fr 1fr;gap:16px}.home-choices>button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:23px;min-height:174px;background:white;border-radius:20px;border:1px solid #dbe3ef;text-align:left}.home-choices strong{font-size:21px}.home-choices span:not(.tile-icon){font-size:12px;color:#62748b}.home-choices b{position:absolute;right:23px;top:25px;font-size:23px;font-weight:400}.tile-icon{display:grid;place-items:center;width:43px;height:43px;background:#fff2bb;border-radius:13px;font-weight:750;font-size:17px}.home-choices button:nth-child(2) .tile-icon{background:#e7edf9}.route-teaser{display:grid;grid-template-columns:1fr auto;width:100%;gap:7px;text-align:left;padding:19px 22px;margin-top:20px;border-radius:17px;background:#edf2fa;border:0}.route-teaser>span:first-child{font-size:11px;color:#61728b}.route-teaser strong{grid-column:1;font-size:14px}.route-teaser>span:last-child{grid-column:2;grid-row:1/3;font-size:24px}
.page-heading{margin:25px 0}.page-heading h1{font-size:32px;letter-spacing:-.8px;margin:9px 0 12px}.page-heading p{color:#62748b;line-height:1.6;font-size:14px}.app-actions{display:flex;flex-wrap:wrap;gap:10px;margin:17px 0}.app-actions button{min-height:46px}.app-field{display:flex;flex-direction:column;gap:8px;max-width:460px;margin:18px 0;font-size:13px;color:#526681}.app-field input,.app-field select{min-height:46px;border:1px solid #ccd6e4;background:white;border-radius:11px;font:inherit;font-size:16px;padding:10px;color:#092556;width:100%}.sets{display:grid!important;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0}.sets .set-button{min-height:110px;border:1px solid #dce3ed;border-radius:17px;background:white;padding:22px;font-size:17px;text-align:left;color:#092556}.sets .set-button.active{background:#fff9df;border-color:#ebca63}.sets .set-button small{font-size:12px;margin-top:12px}.menu-links{display:flex;flex-direction:column;gap:8px}.menu-links button{text-align:left;border:0;background:#f5f7fb;min-height:49px}.app-menu{max-width:390px}.app-menu .dialog-inner{padding:25px}.practice-back{margin-bottom:18px}
.course-list{display:flex;flex-direction:column;gap:12px;margin:24px 0}.course-list button{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:15px;text-align:left;padding:19px;border:1px solid #dce3ed;border-radius:17px;background:white;min-height:89px}.course-list button>span{font-size:15px;font-weight:700;background:#fff1bb;display:grid;place-items:center;width:40px;height:40px;border-radius:13px}.course-list strong{font-size:17px;display:block}.course-list small{display:block;font-size:12px;color:#65778c;margin-top:7px}.course-list button:disabled{opacity:.65}.lesson-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:20px}.lesson-note{font-size:13px;line-height:1.6;color:#61738a;background:#edf2f9;padding:15px;border-radius:13px}.lesson-pair{border:1px solid #dce3ed;border-radius:20px;background:white;overflow:hidden;margin:20px 0}.lesson-pair>div{padding:25px}.lesson-pair>div+div{border-top:1px solid #e0e6ef;background:#fffdf5}.lesson-pair p{font-size:32px;font-weight:650;overflow-wrap:anywhere;line-height:1.45;margin:12px 0;white-space:pre-wrap}.lesson-pair>div+div p{font-size:25px}.lesson-pair button{font-size:12px}.celebrate{font-size:62px;color:#d89c00;display:inline-block;animation:celebrate .5s ease-out}#course-finish{padding:35px;background:#fff9e4;border:1px solid #ecddaa;border-radius:22px}#course-stage,#course-feedback{font-size:13px;line-height:1.6}#course-feedback{color:#476f53}.route-summary{display:flex;flex-direction:column;gap:9px;padding:23px;border-radius:18px;background:#fff2bb}.route-summary strong{font-size:29px}.route-summary span{font-size:13px}.route-cities{list-style:none;padding:15px 0;margin:15px 0}.route-cities li{position:relative;margin:0 0 0 25px;padding:0 0 25px 35px;border-left:3px solid #dbe3ef;min-height:88px}.route-cities li:before{content:'○';position:absolute;left:-17px;top:0;width:31px;height:31px;background:var(--app-bg);text-align:center;font-size:26px;color:#91a1b9}.route-cities li.reached{border-color:#e5b52e}.route-cities li.reached:before{content:'●';color:#d1a020}.route-cities li.current:before{content:'✦';color:#092556}.route-cities strong{display:block;padding-top:5px;font-size:20px}.route-cities span{display:block;font-size:12px;color:#65768c;margin-top:8px}.route-cities li:last-child{border-color:transparent}.small-note{font-size:12px;line-height:1.7;color:#68798e}.sound-choice{display:flex;gap:12px;align-items:center;font-size:14px;line-height:1.5;margin:25px 0}.sound-choice input{width:21px;height:21px;accent-color:#092556}#page-settings details{padding:20px;border:1px solid #dce3ed;border-radius:17px;background:white;margin-bottom:20px}#page-settings details>summary{padding:0;cursor:pointer;font-size:15px}#page-settings .settings{padding:15px 0 0;flex-wrap:wrap}#group-ranking{list-style:none;padding:0;counter-reset:rank}#group-ranking li{counter-increment:rank;display:flex;gap:14px;align-items:center;background:white;padding:18px;border-radius:13px;margin:10px 0;border:1px solid #dce3ed}#group-ranking li:before{content:counter(rank);color:#71839b}#group-ranking li strong{flex:1;overflow-wrap:anywhere}#group-ranking li span{font-size:12px;text-align:right}.join-group{border-top:1px solid #dce3ed;margin-top:25px;padding-top:10px}#sdk-retry{margin-top:15px}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #477bd3;outline-offset:3px}@keyframes celebrate{from{transform:scale(.7) rotate(-12deg)}to{transform:scale(1) rotate(0)}}
@media(max-width:750px){.shell{padding:0 16px}.app-topbar{margin:14px 0 20px}.app-topbar>button:last-child span{display:none}.welcome-card{padding:24px 20px;grid-template-columns:1fr 80px;gap:12px}.welcome-card h1{font-size:28px}.welcome-card p{font-size:12px}.welcome-card .eyebrow{font-size:8px}.welcome-card .primary{font-size:12px;padding:12px}.home-stats{gap:8px}.home-stats>div{padding:14px 10px}.home-stats strong{font-size:17px;overflow-wrap:anywhere}.home-stats span{font-size:10px}.home-choices{gap:11px}.home-choices>button{padding:17px;min-height:174px}.home-choices strong{font-size:17px}.home-choices span:not(.tile-icon){font-size:11px;line-height:1.5}.home-choices b{right:14px;top:18px}.page-heading h1{font-size:29px}.sets{grid-template-columns:1fr}.app-actions{display:grid;grid-template-columns:1fr}.app-actions button{width:100%;white-space:normal}.course-list button{grid-template-columns:36px 1fr auto;gap:12px;padding:15px}.course-list strong{font-size:16px}.course-list small{font-size:11px}.lesson-pair>div{padding:20px}.lesson-pair p{font-size:27px}.lesson-pair>div+div p{font-size:23px}.app-ready .account-strip{padding:10px 0}.app-ready .account-strip-actions button{font-size:11px;min-height:36px}.app-ready .account-strip>div:first-child strong{font-size:11px}.app-ready .account-strip>div:first-child span{font-size:10px}#course-finish{padding:23px}.app-ready .training-top{padding:17px 15px}.app-ready .round-actions{width:100%}.app-ready .round-actions button{flex:1}.app-ready .game-setup{padding:20px}.app-ready .srs-panel{border-radius:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.app-ready:not(.access-locked) .account-strip-actions>button{display:none}.app-ready .account-strip{gap:10px}.app-ready .account-strip-actions{width:auto}.app-ready #save-status{display:none}

.app-ready #page-settings .study-view-bar{display:flex!important;margin:20px 0}