/* Lychee identity: burgundy, rose copper, warm paper. */
:root{--green:#852d31;--ink:#38292b;--muted:#796b6c;--line:#e9dddd;--mint:#f6e9e5;background:#fbf8f6;color:var(--ink)}
body,.topbar{background:#fbf8f6}.sidebar{background:#491d23}.brand{color:#f7dfcb}.brand-logo{display:block;width:52px;height:58px;object-fit:cover;border-radius:8px;flex-shrink:0;border:1px solid #bf897166}.nav a{color:#d7bbb4}.nav a.active{background:#683139;box-shadow:inset 3px 0 #e6bfa0;color:#fff4e9}.nav a:hover{background:#5e2931;color:#fff4e9}.tip{border-color:#804a50;color:#d3b6af}.tip strong{color:#f3d9c5}.side-bottom a{color:#d7bbb4}.topbar{border-color:#eaded9}.button{background:#852d31}.button:hover{background:#67212a}.button.secondary{border-color:#e2d5d1;color:#513b3d}.button.secondary:hover{background:#faf0eb;border-color:#cba79c}.card{border-color:#e9ded9}.feature-word{background:#f5e4d8;border-color:#ead1c1}.feature-word .hanzi{color:#7c2930}.feature-word .pinyin{color:#934c45}.feature-word small,.feature-word .eyebrow{color:#946c5d}.feature .button{background:#742930;border-color:#742930}.feature .button:hover{background:#592029}.lesson.current{background:#652930;border-color:#652930}.lesson.current:hover{background:#79323b;border-color:#79323b}.current .number,.current .lesson-tag,.lesson.current p{color:#e2bfb0}.current .lesson-bottom{color:#fae8dc}.lesson:hover{background:#fffaf6;border-color:#cda395}.pill.green{background:#f5e6de;color:#852d31}.pinyin{color:#8d4140}.example-box{background:#fbf6f1;border-color:#dbc0b0}.mode-switch{background:#f2e9e3}.practice #conversation,.stroke-panel .stroke-status,.result>.grid3>.card{background:#faf4ee}.stroke-panel button[aria-pressed=true]{background:#742930;border-color:#742930}.day.today span{outline-color:#852d31}.day span{background:#f6efeb}.day.has span{background:#852d31}.correction-card{border-left-color:#bf8871}dialog::backdrop{background:#34171a99}#toast{background:#54252d}.mobile-brand{color:#54252d}.login-gate .brand-mark{background:#852d31}
@media(max-width:700px){.sidebar{background:#fffaf7;border-color:#e8d6cc}.nav a{color:#876e6a}.nav a.active{background:#f3e3d9;color:#782b32;box-shadow:none}.nav a:hover{background:#f8ede6;color:#782b32}.topbar{background:#fffaf7}.mobile-brand .brand-logo{width:40px;height:44px;border-radius:6px}.mobile-brand span:last-child{max-width:130px}}