@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=JetBrains+Mono:wght@500&display=swap";:root{--bg-0: #f7f4eb;--bg-1: #f3efe3;--ink-0: #131a1f;--ink-1: #46535f;--brand-0: #0f766e;--brand-1: #0ea5a1;--warn-0: #d97706;--danger-0: #c2410c;--line-0: #d5ddd6;--panel-0: #fffef9;--shadow-0: 0 18px 36px -28px rgba(15, 23, 42, .42);font-family:Manrope,Noto Sans SC,PingFang SC,sans-serif;line-height:1.45;font-weight:500;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink-0);background:radial-gradient(circle at 0% 0%,rgba(15,118,110,.14) 0%,transparent 45%),radial-gradient(circle at 100% 0%,rgba(217,119,6,.11) 0%,transparent 40%),linear-gradient(180deg,var(--bg-0),var(--bg-1))}a{color:inherit}#root{min-height:100vh}.app-shell{width:min(980px,100% - 1.2rem);margin:0 auto;padding:1rem 0 2rem}.panel{border:1px solid var(--line-0);border-radius:18px;background:var(--panel-0);box-shadow:var(--shadow-0);padding:1rem}.hero-title{margin:0;font-size:clamp(1.6rem,4.4vw,2.15rem);letter-spacing:-.03em}.hero-subtitle{margin:.45rem 0 0;color:var(--ink-1)}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-top:1.1rem}.primary-button{appearance:none;border:none;border-radius:999px;background:linear-gradient(90deg,var(--brand-0),var(--brand-1));color:#f6fffd;font-weight:700;line-height:1;font-size:.96rem;padding:.72rem 1.1rem;text-decoration:none;cursor:pointer}.primary-button:disabled{opacity:.55;cursor:not-allowed}.ghost-button{border:1px solid var(--line-0);background:#fff;border-radius:999px;color:var(--ink-0);padding:.5rem .9rem;text-decoration:none;cursor:pointer}.ghost-link{color:var(--brand-0);font-weight:700;text-decoration:none}.ghost-button:disabled{opacity:.55;cursor:not-allowed}.health-box{margin-top:1.2rem;border-top:1px dashed var(--line-0);padding-top:1rem}.panel-title{margin:0;font-size:1rem}.inline-error{margin:0;color:var(--danger-0);font-weight:700}.auth-panel{max-width:520px;margin:0 auto}.tab-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-top:1rem;margin-bottom:.9rem}.tab-button{border:1px solid var(--line-0);border-radius:10px;background:#f7faf8;color:var(--ink-0);padding:.55rem .4rem;font-weight:700;cursor:pointer}.tab-button.active{border-color:var(--brand-0);color:var(--brand-0);background:#e7f7f5}.auth-form{display:grid;gap:.55rem}.field-label{font-size:.91rem;font-weight:700}.field-input{width:100%;border-radius:10px;border:1px solid var(--line-0);padding:.65rem .8rem;font-size:.95rem;color:var(--ink-0);background:#fff}.field-input:focus{outline:2px solid rgba(15,118,110,.2);border-color:var(--brand-0)}.code-input{letter-spacing:.42em;font-family:JetBrains Mono,monospace}.field-hint{margin:0;color:var(--ink-1);font-size:.86rem}.study-dashboard{display:grid;gap:.8rem}.session-badge{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.session-text{font-size:.9rem;color:var(--ink-1)}.summary-grid{margin-top:.75rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.summary-item{border:1px solid var(--line-0);border-radius:12px;background:#fdfcf7;padding:.6rem}.summary-item strong{display:block;margin-top:.25rem;font-size:1.22rem}.summary-label{font-size:.8rem;color:var(--ink-1)}.stats-panel p{margin:.5rem 0 0;color:var(--ink-1)}.study-action-panel p{margin:.55rem 0 0;color:var(--ink-1)}.progress-panel{padding:.75rem 1rem}.progress-header{display:flex;justify-content:space-between;font-size:.9rem}.progress-track{margin-top:.4rem;height:8px;border-radius:999px;background:#ecefea}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-1),var(--warn-0))}.flashcard-panel{display:grid;gap:.8rem}.card-page-shell{display:grid;gap:.8rem;min-height:calc(100vh - 3rem);align-content:start}.card-page-topbar{display:grid;gap:.55rem}.card-page-progress{padding:.75rem}.card-page-stats{margin:.5rem 0 0;font-size:.88rem;color:var(--ink-1)}.card-stage-panel{display:grid;gap:.8rem;min-height:62vh;align-content:center}.flashcard{width:100%;border:none;border-radius:16px;padding:0;background:transparent;text-align:left;cursor:pointer}.card-face{border-radius:16px;border:1px solid var(--line-0);background:#fff;min-height:210px;padding:1rem;display:grid;align-content:center}.card-front{background:linear-gradient(130deg,#0ea5a11a,#ffffffe6),#fff}.card-back{background:linear-gradient(130deg,#d9770617,#ffffffe6),#fff}.card-tag{font-size:.72rem;letter-spacing:.08em;color:var(--ink-1);text-transform:uppercase}.card-lemma{margin:.42rem 0 0;font-size:clamp(1.7rem,8vw,2.25rem);letter-spacing:-.03em}.card-tip,.card-phonetic,.card-example{margin:.7rem 0 0;color:var(--ink-1)}.card-example-zh{font-size:.92rem}.card-meaning{margin:.55rem 0 0;font-size:1.08rem}.muted{opacity:.75}.feedback-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.feedback-button{border:1px solid var(--line-0);border-radius:12px;background:#fff;font-weight:700;min-height:42px;cursor:pointer}.feedback-button:disabled{opacity:.5;cursor:not-allowed}.feedback-know{color:var(--brand-0)}.feedback-fuzzy{color:var(--warn-0)}.feedback-forgot{color:var(--danger-0)}.complete-panel h2{margin:0}.complete-panel p{margin:.45rem 0 .9rem;color:var(--ink-1)}@media(min-width:740px){.app-shell{padding-top:1.6rem}.panel{padding:1.15rem 1.2rem}.study-dashboard{gap:.95rem}.card-face{min-height:260px;padding:1.25rem}.card-page-topbar{grid-template-columns:auto 1fr;align-items:center}.card-page-topbar .session-badge{justify-self:end;min-width:420px}.card-stage-panel{min-height:70vh}}