@font-face{font-family:CASASans;src:url('DejaVuSans.ttf') format('truetype');font-display:swap}
:root{--bg:#FCFBF4;--card:#fff;--ink:#31576A;--muted:#456674;--sea:#31576A;--sea2:#31576A;--soft:#E5EFF1;--line:#BDCFD2;--navy:#31576A;--navy-2:#4B8198;--aqua:#31576A;--sand:#FCFBF4;--paper:#fff;--radius:5px;--shadow:0 9px 24px rgba(49,87,106,.06);--red:#9B3540;--danger:#9B3540;--green:#24694C;--green-soft:#E4F3E8}
html,body{background:var(--bg);color:var(--ink)}body{font-family:CASASans,Arial,sans-serif}h1,h2,h3,.display,.big,.level{font-family:Georgia,'Times New Roman',serif;color:#4B8198;font-weight:400!important;line-height:1.17}h1{letter-spacing:-.025em}.hero{background:#E5EFF1;border-radius:3px;padding:30px 22px;margin-bottom:25px;text-align:left}.hero img.logo{display:none}.hero .lead{margin-left:0}.hero .trustbar{justify-content:flex-start}.kicker{border:0;background:transparent;padding:0;letter-spacing:.1em;color:var(--ink);font-size:.74rem}.topbar{background:#FCFBF4;border-bottom:1px solid #BDCFD2;backdrop-filter:none;padding:16px 0;margin:0 0 24px}.brand img{width:180px;height:59px;object-fit:contain}.brand>span{display:none}.brand{gap:16px}.brand small{color:var(--muted)}.card,.answer,.daycard,.plan-card,.phrase,.stat,.packcat,.choice{border-radius:4px}.module{padding:25px;min-height:260px}.module:after{display:none}.module h2{font-size:1.9rem}.module .emoji{font-size:1.6rem}.btn,button,.iconbtn,.lang,.tab{border-radius:3px;font-weight:600;min-height:44px}.btn{box-shadow:none;background:var(--ink)}.lang button.active,.tab.active{background:var(--ink);color:white}.field input,.field select,.field textarea,input,select,textarea{border-radius:3px;min-height:44px;color:var(--ink);max-width:100%}button:disabled{cursor:default;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,.checkpill:has(input:focus-visible){outline:3px solid #318BA2!important;outline-offset:3px}a{color:#31576A}.notice{color:#31576A;background:#E5EFF1;border-radius:0;border-color:#318BA2}.small,.muted,.lead,.module p,.panel p{color:#456674}.brand-mark{background:transparent;width:180px;height:59px;box-shadow:none;border-radius:0}.brand-mark img{width:180px;height:59px;object-fit:contain}.days{color:#31576A!important}.days-label{color:#456674!important}.hero::before,.hero::after{display:none!important}.hero-grid{gap:12px}.hero h1{color:#4B8198!important}.light.white{background:white;border:1px solid #ddd}.visual-stage{background:#17353F}.visual-stage .sound,.visual-stage .abbr{color:white}.skip{position:fixed;top:-90px;left:12px;z-index:200;background:white;padding:12px}.skip:focus{top:8px}.app{max-width:1040px}.bottom-nav{background:#FCFBF4}.nav-btn{min-height:52px}.choice.correct,.quizopt.good{border-color:#24694C;background:#E4F3E8}.choice.wrong,.quizopt.bad{border-color:#9B3540;background:#FBE7E8}.question{font-size:clamp(1.2rem,4vw,1.8rem)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-grid label{display:grid;gap:5px}.settings-grid input{width:100%;padding:10px;border:1px solid #BDCFD2}.topbar .header-row{width:100%}.topbar .brand>div:not(.brand-mark){font-size:14px}.source-note{font-size:13px}.comparison{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px;border-bottom:1px solid #BDCFD2;font-size:.86rem}th{background:#E5EFF1}.status-note{border-left:3px solid #B27831;padding:12px;background:#FFF6DF}.install-card{border-radius:5px}.closex{min-width:44px;min-height:44px}.topnav{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.topnav a{padding:9px;border:1px solid #BDCFD2;text-decoration:none}.checkpill label{min-height:44px}input[type=checkbox]{accent-color:#31576A;min-width:20px;min-height:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.brand img,.brand-mark,.brand-mark img{width:130px;height:43px}.topbar{position:relative}.actions-top{flex-wrap:wrap;justify-content:flex-end}.shell{padding:12px 16px 36px}.hero{padding:25px 18px}.hero-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.topbar .brand>div:not(.brand-mark){font-size:12px}.days{font-size:30px!important}.topbar .header-row{gap:4px}.app main{padding:14px}.brand{gap:6px}.btnrow .btn{flex-basis:130px}.split>*{min-width:0}.phrase{grid-template-columns:1fr}.phrase>div:last-child{display:flex;gap:8px}.checkpill label{font-size:13px}h1{overflow-wrap:break-word}.hero h1{font-size:clamp(30px,8vw,50px)}}
@media print{html,body{background:white!important}.skip,.topbar,.tabs,.btnrow,.install-sheet,.bottom-nav,button,.no-print,#systemMessage{display:none!important}.card{box-shadow:none;break-inside:avoid}.view:not(.active){display:none!important}.hero{background:white}.footer{display:block}.tabpane:not(.active){display:none!important}.questionVisual{print-color-adjust:exact}.source-note{font-size:10px}h1{font-size:28px!important}.comparison{overflow:visible}table{break-inside:avoid}}

.hero,.hero p,.hero span,.hero b,.hero strong,.hero .lead,.hero .progress-label{color:#31576A!important}.hero h1 span{color:#4B8198!important}.hero .stat{background:rgba(255,255,255,.75)!important;border-color:#BDCFD2!important}.hero .progress{background:#C4D5DC!important}.hero .stat span,.hero .days-label{color:#456674!important}
