/* 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:52px;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:40px;border-radius:6px}.mobile-brand span:last-child{max-width:130px}}
.writing-guide{display:grid;gap:.85rem;padding:1rem 1.1rem;background:#fffaf6;border:1px solid #e8d7ce;border-radius:12px;text-align:left}.writing-guide h3{font-size:1.05rem}.writing-guide p{margin:0}.writing-target{padding:.75rem .85rem;background:#f5e6de;border-radius:10px}.writing-target>div{display:flex;gap:.55rem;align-items:baseline;flex-wrap:wrap;margin-top:.25rem}.writing-target-word{font-size:1.7rem;color:#742930}.writing-steps{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.writing-steps ol,.writing-steps ul{margin:.35rem 0 0;padding-left:1.2rem;font-size:.875rem;font-weight:400;color:var(--muted)}.writing-steps li+li{margin-top:.25rem}.writing-example{padding:.85rem;background:#fff;border:1px dashed #cda395;border-radius:10px}.writing-example .hanzi{font-size:1.3rem;margin:.15rem 0}.writing-review{margin-top:1rem;padding:1rem 1.1rem;background:#fff4e8;border:1px solid #e5c79f;border-radius:12px;color:#704331}.writing-review-ok{background:#f1faf5;border-color:#b9dccc;color:#27624f}.writing-review ol{margin:.45rem 0 .75rem;padding-left:1.2rem}.writing-review li+li{margin-top:.2rem}.writing-review .button{margin-top:.15rem}@media(max-width:700px){.writing-steps{grid-template-columns:1fr}.writing-guide{padding:.9rem}.writing-target-word{font-size:1.5rem}}
.practice>.mode-switch{position:sticky;top:-2rem;z-index:20;margin-top:0;margin-left:-2rem;margin-right:-2rem;padding:.65rem 2rem;background:#f2e9e3;border-bottom:1px solid #e2d5d1}
@media(max-width:700px){.practice>.mode-switch{top:-1.4rem;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}}
.admin-audio-metric{cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.admin-audio-metric:hover,.admin-audio-metric:focus-visible{transform:translateY(-2px);border-color:#a95b52;box-shadow:0 8px 20px #54252d12}.admin-audio-metric-link{display:block;margin-top:.2rem}.audio-search-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:10px;background:#fffaf6}.audio-search-row .row{justify-content:flex-end}.audio-search-row form{margin:0}.file-button{display:inline-flex;position:relative;cursor:pointer}.file-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0}.admin-audio-live-list{scroll-margin-top:1rem}.admin-audio-live-list h2{margin-bottom:.25rem}@media(max-width:700px){.audio-search-row{align-items:stretch;flex-direction:column}.audio-search-row .row{justify-content:flex-start}.audio-search-row form{width:100%}.audio-search-row form .button{flex:1}.file-button{flex:1}}
dialog>.close{position:sticky;top:0;z-index:35;float:right;margin:-.65rem -.65rem .5rem .75rem}