/* Visual layer only. No JavaScript, requests, storage or data changes. */
@font-face{font-family:CPEAnton;src:url('../marca-seo-v361/Anton-Regular.ttf') format('truetype');font-display:swap}
:root{--red:#b60019;--dark-red:#8a0012;--ink:#181818;--muted:#48576a;--cream:#f7f0e6;--paper:#fffcf5;--line:#e2d5bf}
body{background:#eae3d7}
.app-shell{background-color:#fbf6ec;background-image:url('paisaje-tinta.png');background-position:center top;background-size:100% auto;background-repeat:no-repeat}
.topbar{background:#fffaf0f5;border-bottom-color:#e2d5bf;backdrop-filter:blur(8px)}
.bottom-nav{background:#fffaf4f5;border-top-color:#dfcfb5}
.brand{color:#111}
.welcome-row{background:#fffaf2f5;border:1px solid #e2d5bf;border-radius:14px;padding:17px;margin-top:14px}
.phrase-ticker,.phrase-ticker .ticker-hanzi,.phrase-ticker .ticker-translation{color:#263646!important}
.welcome-row h1,.lesson-heading h1{font-family:CPEAnton,"DM Sans",sans-serif;font-weight:400;letter-spacing:0;line-height:1.15}
.welcome-row h1{font-size:36px}
.hero-card{color:#161616;background:linear-gradient(120deg,#fffaf1f5,#fff6e5ed);border:1px solid #d9c6a5;box-shadow:0 12px 24px #30200e19}
.hero-card h2{font-family:CPEAnton,"DM Sans",sans-serif;font-weight:400;font-size:30px;letter-spacing:0;line-height:1.2;color:#a90017}
.hero-card .hero-kicker{color:#9b0016}
.hero-card p:not(.hero-kicker){color:#34475c;opacity:1}
.hero-card .hero-hanzi{color:#ad0017;opacity:.09}
.hero-card .primary-btn{background:#b60019;color:#fff;box-shadow:0 4px 12px #9d001322}
.progress-card,.quick-card,.learning-card,.quiz-card,.stats-grid>div{background:#fffaf3f5;border-color:#ddceb5;box-shadow:0 6px 16px #35271909}
.hanzi-stage,.quiz-top{background:linear-gradient(120deg,#fcf5e8,#fffcf5)}
.card-copy{background:#fffaf3}
.pinyin{color:#465b73}
.example-box,.memory-tip{background:#f3e9d7}
.unit-list{background:#fffaf3ed;padding:0 13px;border:1px solid #e4d8c3;border-radius:15px}
.unit{border-color:#e6dcca}
.section-title h2{color:#161616}
.secondary-btn{background:#fffaf3;border-color:#d7c5a8}
.sound-btn{background:#f3e7d2;color:#263646;border:1px solid #ddc8a4;box-shadow:none}
.answer{background:#fffaf3}
.answer.correct{background:#e7f5ee}.answer.wrong{background:#fbeceb}
.view:not(#home){background:#fcf8f0ed}
.view:not(#home) .hanzi,.view:not(#home) .quiz-hanzi{font-family:"Noto Sans SC",sans-serif}
button:focus-visible,a:focus-visible{outline:3px solid #a51d2d;outline-offset:3px}
@media(max-width:530px){.welcome-row h1{font-size:32px}.hero-card{padding:22px 19px}.hero-card h2{font-size:28px}.hero-card p:not(.hero-kicker){width:80%}.view{padding-left:16px;padding-right:16px}}