:root{--bg:#FAF9F7;--bg-elev:#FFFFFF;--bg-sunken:#F1EEE9;--ink:#211D26;--ink-soft:#514858;--muted:#857C8A;--line:#E5DFE3;--line-strong:#C9C0C8;--primary:#7A4485;--primary-strong:#5E3168;--primary-soft:#F0E4F0;--accent:#2C5347;--accent-soft:#DEE9E3;--gold:#9A7228;--gold-soft:#F4EAD1;--danger:#A94438;--danger-soft:#F4E0DC;--font-display:"Fraunces",Georgia,"Songti SC",serif;--font-cn-display:"Noto Serif SC","Songti SC","SimSun",serif;--font-body:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-cn:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--radius-sm:6px;--radius:10px;--radius-lg:16px;--shadow-sm:0 1px 2px rgba(33,29,38,0.04),0 1px 1px rgba(33,29,38,0.03);--shadow-md:0 4px 12px -2px rgba(33,29,38,0.08),0 2px 4px rgba(33,29,38,0.04)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#161421;--bg-elev:#1F1B2C;--bg-sunken:#100E19;--ink:#ECE6F0;--ink-soft:#B4ACBB;--muted:#7A7284;--line:#2A2536;--line-strong:#3D3648;--primary:#C393CE;--primary-strong:#DBB0E4;--primary-soft:#2C1F35;--accent:#7BB299;--accent-soft:#1E2C27;--gold:#D6B77A;--gold-soft:#322A1C;--danger:#E08876;--danger-soft:#33201D;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 14px -2px rgba(0,0,0,0.35)}}:root[data-theme=dark]{--bg:#161421;--bg-elev:#1F1B2C;--bg-sunken:#100E19;--ink:#ECE6F0;--ink-soft:#B4ACBB;--muted:#7A7284;--line:#2A2536;--line-strong:#3D3648;--primary:#C393CE;--primary-strong:#DBB0E4;--primary-soft:#2C1F35;--accent:#7BB299;--accent-soft:#1E2C27;--gold:#D6B77A;--gold-soft:#322A1C;--danger:#E08876;--danger-soft:#33201D;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 14px -2px rgba(0,0,0,0.35)}*{box-sizing:border-box}body,html{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.zh,:lang(zh){font-family:var(--font-cn)}.zh-serif{font-family:var(--font-cn-display)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;letter-spacing:-.01em;text-wrap:balance;margin:0}h1{font-size:2.4rem;line-height:1.1;font-weight:600}h2{font-size:1.4rem;line-height:1.2}h3{font-size:1.1rem;line-height:1.3;font-weight:600}p{margin:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}button,input,select,textarea{font-family:inherit;font-size:inherit}input,select,textarea{color:inherit}code,kbd,pre{font-family:var(--font-mono)}::selection{background:var(--primary-soft);color:var(--primary-strong)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app{min-height:100vh;display:flex;padding-left:var(--sidebar-width,240px);transition:padding-left .22s ease}:root{--sidebar-width:240px}:root.sidebar-collapsed{--sidebar-width:68px}.main{flex:1 1;max-width:1280px;width:100%;margin:0 auto;padding:32px 32px 80px}.brand{display:flex;align-items:baseline;gap:8px;text-decoration:none;white-space:nowrap}.brand-cn{font-family:var(--font-cn-display);font-size:1.5rem;font-weight:700;color:var(--primary);letter-spacing:.02em}.brand-latin{font-family:var(--font-display);font-size:1rem;font-weight:500;color:var(--ink-soft);font-style:italic}.sidebar{position:fixed;left:0;top:0;bottom:0;width:240px;background:var(--bg-elev);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:20px 12px 16px;gap:8px;z-index:40;transition:width .22s ease,transform .22s ease;overflow:hidden}.sidebar.collapsed{width:68px}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 12px;gap:8px}.sidebar.collapsed .brand-latin{display:none}.sidenav{flex:1 1;display:flex;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden;padding:4px 0}.sidenav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--ink-soft);font-weight:500;text-decoration:none;transition:background .12s,color .12s;white-space:nowrap}.sidenav-item:hover{background:var(--bg-sunken);color:var(--ink);text-decoration:none}.sidenav-item.active{background:var(--primary-soft);color:var(--primary-strong)}.sidenav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidenav-label{flex:1 1}.sidebar-foot{border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:8px}.sidebar-cta{text-align:center;padding:10px 12px;white-space:nowrap}.sidebar.collapsed .sidebar-cta{padding:10px 8px}.sidebar-user{position:relative}.sidebar-user-btn{width:100%;display:flex;align-items:center;gap:10px;padding:8px 6px;background:transparent;border:none;color:var(--ink-soft);border-radius:var(--radius-sm);cursor:pointer;text-align:left}.sidebar-user-btn:hover{background:var(--bg-sunken);color:var(--ink)}.sidebar-user-avatar{width:32px;height:32px;background:var(--primary);color:white;font-family:var(--font-display);font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-user-email{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem}.sidebar-user-menu{position:absolute;bottom:100%;left:6px;right:6px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:6px;margin-bottom:6px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow-md)}.sidebar-user-menu button{display:flex;align-items:center;gap:10px;padding:8px 10px;background:transparent;border:none;color:var(--ink);border-radius:var(--radius-sm);cursor:pointer;text-align:left;font-size:.9rem;width:100%}.sidebar-user-menu button:hover{background:var(--bg-sunken)}.mobile-topbar{display:none;position:-webkit-sticky;position:sticky;top:0;z-index:30;background:var(--bg);border-bottom:1px solid var(--line);padding:10px 14px;align-items:center;gap:10px}.sidebar-backdrop{position:fixed;inset:0;background:rgba(15,12,20,.5);z-index:35;animation:fade-in .15s ease}@keyframes fade-in{0%{opacity:0}}@media (max-width:900px){.app{padding-left:0}.mobile-topbar{display:flex}.sidebar{transform:translateX(-100%);width:280px!important;box-shadow:var(--shadow-md)}.sidebar.mobile-open{transform:translateX(0)}.main{padding:20px 16px 60px}}.btn{background:var(--primary);color:white;border:none;padding:9px 18px;border-radius:var(--radius-sm);font-weight:500;box-shadow:var(--shadow-sm);transition:background .15s,transform .05s;display:inline-block}.btn,.btn:hover{text-decoration:none}.btn:hover{background:var(--primary-strong)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--ink-soft);border:1px solid var(--line-strong);box-shadow:none}.btn-ghost:hover{color:var(--ink);border-color:var(--ink-soft);background:var(--bg-elev)}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--line);box-shadow:none}.btn-danger:hover{background:var(--danger-soft);border-color:var(--danger)}.btn-sm{padding:6px 12px;font-size:.875rem}.icon-btn{background:transparent;border:1px solid var(--line);width:34px;height:34px;padding:0;border-radius:var(--radius-sm);color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.icon-btn:hover{color:var(--ink);border-color:var(--ink-soft);background:var(--bg-elev)}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);padding:40px;max-width:420px;width:100%;box-shadow:var(--shadow-md)}.auth-brand{text-align:center;margin-bottom:28px}.auth-brand-cn{font-family:var(--font-cn-display);font-size:2.5rem;font-weight:700;color:var(--primary)}.auth-brand-latin{font-family:var(--font-display);color:var(--ink-soft);font-style:italic;font-size:1.1rem}.auth-title{font-size:1.4rem;margin-bottom:20px;text-align:center}.form{gap:14px}.form,.form label{display:flex;flex-direction:column}.form label{gap:6px;font-size:.85rem;color:var(--ink-soft);font-weight:500}.form input,.form select,.form textarea{padding:10px 14px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);outline:none;transition:border-color .15s;color:var(--ink)}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--primary)}.form textarea{min-height:100px;resize:vertical}.form-err{padding:10px 14px;background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-sm);font-size:.9rem}.form-note{text-align:center;color:var(--ink-soft);font-size:.9rem;margin-top:16px}.home-hero{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:40px;gap:40px;align-items:flex-end;padding:12px 0 40px;border-bottom:1px solid var(--line);margin-bottom:40px}.home-hero-title{display:flex;flex-direction:column;gap:12px}.hero-eyebrow{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.hero-heading{font-family:var(--font-display);font-size:3.2rem;line-height:1;font-weight:500;color:var(--ink);letter-spacing:-.02em}.hero-heading .zh-serif{color:var(--primary);font-size:1.1em;margin-right:.12em}.hero-heading em{font-style:italic;font-weight:400;color:var(--ink-soft)}.hero-sub{font-size:1.05rem;color:var(--ink-soft);max-width:42ch;margin-top:8px}.hero-meta{display:flex;flex-direction:column;gap:14px;color:var(--muted);font-size:.875rem}.hero-meta-block{padding-left:20px;border-left:1px solid var(--line-strong);text-align:left}.hero-meta-label{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:4px}.hero-meta-value{color:var(--ink);font-weight:500}.home-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:28px;flex-wrap:wrap}.search{flex:1 1;min-width:240px;position:relative}.search input{width:100%;padding:10px 14px 10px 38px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-sm);outline:none;transition:border-color .15s;color:var(--ink)}.search input:focus{border-color:var(--primary)}.search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted)}.tag-filter{display:flex;gap:6px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-sunken);color:var(--ink-soft);border-radius:100px;font-size:.8rem;font-weight:500;border:1px solid transparent;cursor:pointer;transition:all .15s}.chip,.chip:hover{text-decoration:none}.chip:hover{color:var(--ink)}.chip.active{background:var(--primary-soft);color:var(--primary-strong);border-color:var(--primary)}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:18px;gap:18px}.lesson-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:20px;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;flex-direction:column;gap:12px;min-height:180px;text-decoration:none;color:inherit}.lesson-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-2px);text-decoration:none}.lesson-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.lesson-card-subject{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.lesson-card-title{font-family:var(--font-display);font-size:1.15rem;font-weight:600;line-height:1.25;color:var(--ink)}.lesson-card-title .zh-serif{color:var(--primary)}.lesson-card-preview{color:var(--ink-soft);font-size:.875rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.lesson-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}.lesson-card-tags{display:flex;gap:4px;flex-wrap:wrap}.tag-sm{background:var(--bg-sunken);color:var(--ink-soft);white-space:nowrap}.draft-badge,.tag-sm{padding:2px 8px;border-radius:100px;font-size:.7rem}.draft-badge{background:var(--gold-soft);color:var(--gold);font-weight:500}.empty{text-align:center;padding:80px 20px;color:var(--muted)}.empty h3{color:var(--ink);margin-bottom:8px}.new-wrap{max-width:780px;margin:0 auto}.new-header{margin-bottom:32px}.new-header h1{font-size:2rem;margin-bottom:8px}.new-header p{color:var(--ink-soft);max-width:60ch}.drop-zone{border:2px dashed var(--line-strong);border-radius:var(--radius-lg);padding:48px 32px;text-align:center;background:var(--bg-elev);transition:all .2s;cursor:pointer}.drop-zone.dragging,.drop-zone:hover{border-color:var(--primary);background:var(--primary-soft)}.drop-zone-icon{color:var(--primary);margin-bottom:16px}.drop-zone-title{font-family:var(--font-display);font-size:1.2rem;color:var(--ink);margin-bottom:6px}.drop-zone-sub{color:var(--ink-soft);font-size:.9rem;margin-bottom:20px}.drop-zone-formats{display:inline-flex;gap:8px;font-family:var(--font-mono);font-size:.75rem;color:var(--muted)}.divider-or{display:flex;align-items:center;gap:14px;margin:28px 0;color:var(--muted);font-size:.85rem}.divider-or:after,.divider-or:before{content:"";flex:1 1;height:1px;background:var(--line)}.textarea-input{width:100%;min-height:180px;padding:16px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);resize:vertical;font-family:var(--font-body);line-height:1.55;outline:none;transition:border-color .15s;color:var(--ink)}.textarea-input:focus{border-color:var(--primary)}.file-list{display:flex;flex-direction:column;gap:8px;margin-top:20px}.file-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-sm)}.file-icon{color:var(--primary)}.file-info{flex:1 1;min-width:0}.file-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{color:var(--muted);font-size:.8rem}.file-remove{background:transparent;border:none;color:var(--muted);padding:4px 8px;border-radius:var(--radius-sm)}.file-remove:hover{color:var(--danger);background:var(--danger-soft)}.action-row{display:flex;justify-content:space-between;align-items:center;margin-top:32px;gap:12px;flex-wrap:wrap}.processing-state{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:40px;text-align:center}.spinner{width:32px;height:32px;margin:0 auto 16px;border:3px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.processing-title{font-family:var(--font-display);font-size:1.15rem;color:var(--ink);margin-bottom:6px}.processing-status{color:var(--ink-soft);font-size:.9rem}.lesson-detail{max-width:860px;margin:0 auto}.lesson-crumb{display:flex;align-items:center;gap:10px;font-size:.85rem;margin-bottom:20px}.lesson-crumb,.lesson-crumb a{color:var(--muted)}.lesson-crumb a:hover{color:var(--ink)}.lesson-head{display:flex;flex-direction:column;gap:12px;margin-bottom:40px}.lesson-subject-line{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.lesson-title{font-family:var(--font-display);font-size:2.2rem;line-height:1.15;color:var(--ink);font-weight:500;letter-spacing:-.015em}.lesson-title .zh-serif{color:var(--primary);font-weight:700}.lesson-tag-row{display:flex;gap:6px;flex-wrap:wrap}.section{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid var(--line)}.section:last-child{border-bottom:none}.section-label{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--primary);font-weight:500}.section-label:before{content:"";width:24px;height:1px;background:var(--primary)}.section h2{font-family:var(--font-display);font-size:1.7rem;color:var(--ink);margin-bottom:16px;font-weight:500}.prose{font-size:1.05rem;line-height:1.7;color:var(--ink)}.goal-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.goal-list li{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--ink)}.goal-num{font-family:var(--font-mono);color:var(--accent);font-size:.75rem;font-weight:600;padding-top:4px;min-width:24px}.vocab-wrap{overflow-x:auto}.vocab-table{width:100%;border-collapse:collapse;font-size:.95rem}.vocab-table th{text-align:left;padding:10px 12px;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:500;border-bottom:1px solid var(--line-strong)}.vocab-table td{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top}.vocab-table tr:hover td{background:var(--bg-sunken)}.vocab-hanzi{font-family:var(--font-cn-display);font-size:1.35rem;font-weight:700;color:var(--primary);white-space:nowrap}.vocab-pinyin{font-family:var(--font-mono);color:var(--accent);font-size:.9rem;white-space:nowrap}.vocab-arti{color:var(--ink)}.vocab-contoh{color:var(--ink-soft);font-size:.9rem;font-style:italic}.vocab-contoh .zh{font-style:normal;color:var(--ink)}.grammar-card{background:var(--bg-elev);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--radius);padding:20px;margin-bottom:12px}.grammar-pattern{font-family:var(--font-cn-display);font-size:1.2rem;font-weight:700;color:var(--ink);margin-bottom:4px}.grammar-rumus{font-family:var(--font-mono);display:inline-block;padding:4px 10px;background:var(--gold-soft);color:var(--gold);border-radius:var(--radius-sm);font-size:.875rem;margin:8px 0 12px}.grammar-example{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--bg-sunken);border-radius:var(--radius-sm);margin-top:10px}.grammar-example-zh{font-family:var(--font-cn);color:var(--ink);font-size:1.05rem}.grammar-example-id,.grammar-note{color:var(--ink-soft);font-size:.9rem}.grammar-note{margin-top:10px;line-height:1.55}.intisari-box{background:linear-gradient(180deg,var(--primary-soft) 0,var(--bg-elev) 100%);border:1px solid var(--primary);border-radius:var(--radius-lg);padding:28px 32px;position:relative}.intisari-mark{position:absolute;top:-12px;left:24px;background:var(--bg);color:var(--primary);padding:0 12px;font-family:var(--font-cn-display);font-size:1.2rem;font-weight:700}.intisari-text{font-family:var(--font-display);font-size:1.15rem;line-height:1.7;color:var(--ink);font-weight:400}.side-box{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:20px;font-size:.95rem;line-height:1.65;color:var(--ink-soft)}.side-box strong{color:var(--ink)}.kosakata-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line);gap:20px;flex-wrap:wrap}.kosakata-title h1{font-size:2rem;margin-bottom:6px}.kosakata-count{color:var(--muted);font-family:var(--font-mono);font-size:.85rem}.kosakata-controls{display:flex;gap:8px;align-items:center}.kosakata-controls select{padding:8px 12px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-sm);outline:none}.flash-wrap{max-width:620px;margin:0 auto}.flash-header{text-align:center;margin-bottom:32px}.flash-header h1{font-size:2rem;margin-bottom:8px}.flash-header p{color:var(--ink-soft)}.flash-progress{display:flex;justify-content:center;align-items:center;gap:6px;margin-bottom:24px;font-family:var(--font-mono);font-size:.85rem;color:var(--muted)}.flash-bar{height:4px;background:var(--line);border-radius:100px;overflow:hidden;width:140px}.flash-bar-fill{height:100%;background:var(--primary);transition:width .3s}.flash-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);padding:60px 40px;min-height:320px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:var(--shadow-md);cursor:pointer;transition:transform .15s}.flash-card:hover{transform:translateY(-2px)}.flash-hanzi{font-family:var(--font-cn-display);font-size:4.5rem;font-weight:700;color:var(--primary);line-height:1;margin-bottom:20px}.flash-reveal{margin-top:20px;display:flex;flex-direction:column;gap:8px;align-items:center;padding-top:20px;border-top:1px solid var(--line);width:100%}.flash-pinyin{font-family:var(--font-mono);font-size:1.3rem;color:var(--accent)}.flash-arti{font-size:1.15rem;color:var(--ink);font-weight:500}.flash-contoh{color:var(--ink-soft);font-size:.95rem;font-style:italic}.flash-hint{color:var(--muted);font-size:.85rem;margin-top:12px}.flash-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.quiz-wrap{max-width:620px;margin:0 auto}.quiz-question{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px;margin-bottom:20px;text-align:center}.quiz-prompt-label{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:12px}.quiz-prompt{font-size:1.5rem;color:var(--ink);font-weight:500;line-height:1.3}.quiz-prompt.hanzi{font-family:var(--font-cn-display);font-size:3rem;color:var(--primary);font-weight:700}.quiz-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.quiz-option{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:16px;text-align:center;cursor:pointer;transition:all .15s;font-size:1rem;color:var(--ink)}.quiz-option.hanzi{font-family:var(--font-cn-display);font-size:1.6rem;font-weight:700}.quiz-option:hover:not(.answered){border-color:var(--primary);background:var(--primary-soft)}.quiz-option.correct{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.quiz-option.wrong{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.quiz-option.answered{cursor:default}.quiz-feedback{text-align:center;padding:14px;font-size:.95rem;color:var(--ink-soft)}.quiz-score{display:flex;justify-content:space-around;padding:20px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:24px}.quiz-score-item{text-align:center}.quiz-score-num{font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--ink)}.quiz-score-label{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:rgba(15,12,20,.5);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto}.modal h2{font-size:1.4rem;margin-bottom:12px}.modal p{color:var(--ink-soft);margin-bottom:20px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:12px 20px;border-radius:var(--radius);box-shadow:var(--shadow-md);font-size:.9rem;z-index:200;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}.markdown-content{color:var(--ink);line-height:1.7;font-size:1rem}.markdown-content h1{font-size:1.8rem;margin:32px 0 14px;color:var(--ink)}.markdown-content h1,.markdown-content h2{font-family:var(--font-display);font-weight:600}.markdown-content h2{font-size:1.45rem;margin:32px 0 12px;color:var(--primary);padding-bottom:8px;border-bottom:1px solid var(--line)}.markdown-content h3{font-size:1.2rem;margin:24px 0 10px;color:var(--ink)}.markdown-content h3,.markdown-content h4{font-family:var(--font-display);font-weight:600}.markdown-content h4{font-size:1.05rem;margin:20px 0 8px;color:var(--ink-soft)}.markdown-content p{margin:12px 0}.markdown-content ol,.markdown-content ul{padding-left:24px;margin:12px 0}.markdown-content li{margin:6px 0}.markdown-content li>p{margin:4px 0}.markdown-content strong{color:var(--ink);font-weight:600}.markdown-content em{color:var(--ink-soft)}.markdown-content blockquote{border-left:3px solid var(--primary);padding:10px 18px;margin:16px 0;background:var(--primary-soft);color:var(--ink);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic}.markdown-content blockquote p{margin:4px 0}.markdown-content .inline-code{font-family:var(--font-mono);background:var(--bg-sunken);color:var(--primary);padding:2px 6px;border-radius:4px;font-size:.9em}.markdown-content .code-block{background:var(--bg-sunken);border:1px solid var(--line);padding:14px 16px;border-radius:var(--radius);overflow-x:auto;font-family:var(--font-mono);font-size:.85rem;margin:16px 0}.markdown-content .code-block code{background:none;color:var(--ink);padding:0}.markdown-content .md-table-wrap{overflow-x:auto;margin:16px 0;border:1px solid var(--line);border-radius:var(--radius)}.markdown-content .md-table{width:100%;border-collapse:collapse;font-size:.95rem}.markdown-content .md-table th{text-align:left;padding:10px 14px;background:var(--bg-sunken);font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line-strong)}.markdown-content .md-table td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.55}.markdown-content .md-table tr:last-child td{border-bottom:none}.markdown-content .md-table tr:hover td{background:var(--bg-sunken)}.markdown-content hr{border:none;border-top:1px solid var(--line);margin:32px 0}.markdown-content a{color:var(--primary)}.markdown-content .mermaid-diagram{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin:20px 0;overflow-x:auto;display:flex;justify-content:center}.markdown-content .mermaid-diagram svg{max-width:100%;height:auto}.calendar-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--bg-elev)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:var(--bg-sunken);border-bottom:1px solid var(--line)}.calendar-weekday{padding:10px 8px;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);text-align:center;font-weight:500}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{background:var(--bg-elev);border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 8px 10px;min-height:110px;cursor:pointer;text-align:left;font-family:inherit;color:inherit;display:flex;flex-direction:column;gap:6px;transition:background .15s}.calendar-day:hover{background:var(--bg-sunken)}.calendar-day:nth-child(7n){border-right:none}.calendar-day.out-of-month{background:var(--bg);opacity:.5}.calendar-day.today .calendar-day-num{background:var(--primary);color:white;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.calendar-day.selected{box-shadow:inset 0 0 0 2px var(--primary)}.calendar-day-num{font-weight:500;font-size:.9rem;color:var(--ink);align-self:flex-start}.calendar-day-items{display:flex;flex-direction:column;gap:3px;overflow:hidden}.cal-item{padding:3px 6px;border-radius:4px;font-size:.72rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.cal-item.done{opacity:.5;text-decoration:line-through}.cal-more{font-size:.7rem;color:var(--muted);padding:0 6px}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:10px;gap:10px;margin-top:12px}.week-column{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:12px;cursor:pointer;text-align:left;font-family:inherit;color:inherit;min-height:240px;display:flex;flex-direction:column;gap:8px;transition:border-color .15s}.week-column:hover{border-color:var(--line-strong)}.week-column.today{border-color:var(--primary);border-width:2px}.week-day-header{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:8px;border-bottom:1px solid var(--line)}.week-day-name{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.week-day-num{font-family:var(--font-display);font-size:1.4rem;font-weight:600;color:var(--ink)}.week-column.today .week-day-num{color:var(--primary)}.week-day-items{display:flex;flex-direction:column;gap:6px}.week-item{padding:8px 10px;border-radius:var(--radius-sm);font-size:.85rem;line-height:1.4}.week-item.task{color:var(--ink)}.week-item.done{opacity:.5}@media (max-width:900px){.week-grid{grid-template-columns:1fr}.calendar-day{min-height:80px;padding:5px}.cal-item{font-size:.68rem;padding:2px 4px}}.upcoming-widget{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:32px;display:flex;flex-direction:column;gap:12px}.upcoming-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.upcoming-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--ink)}.upcoming-list{display:flex;flex-direction:column;gap:6px}.upcoming-item{display:flex;justify-content:space-between;padding:8px 10px;border-radius:var(--radius-sm);align-items:center;gap:10px}.upcoming-item:hover{background:var(--bg-sunken)}.upcoming-left{display:flex;align-items:center;gap:8px;flex:1 1;min-width:0}.upcoming-title-text{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upcoming-when{font-family:var(--font-mono);font-size:.8rem;color:var(--muted);white-space:nowrap}.upcoming-when.overdue{color:var(--danger);font-weight:600}.upcoming-when.soon{color:var(--gold);font-weight:600}.lesson-with-toc{display:grid;grid-template-columns:minmax(0,1fr) 220px;grid-gap:40px;gap:40px;align-items:start}.lesson-toc{position:-webkit-sticky;position:sticky;top:80px;padding:16px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);font-size:.85rem;max-height:calc(100vh - 120px);overflow-y:auto}.lesson-toc-label{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:10px}.lesson-toc ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.lesson-toc li a{color:var(--ink-soft);text-decoration:none;display:block;padding:4px 0}.lesson-toc li a:hover{color:var(--primary)}@media (max-width:980px){.lesson-with-toc{grid-template-columns:1fr}.lesson-toc{position:static;max-height:none}}.grid-2{display:grid;grid-gap:20px;gap:20px;grid-template-columns:1fr}@media (min-width:780px){.grid-2{grid-template-columns:1fr 1fr}}.grid-auto{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.weekly-layout{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px;align-items:start}.weekly-aside{position:static}@media (min-width:900px){.weekly-layout{grid-template-columns:260px 1fr;gap:32px}.weekly-aside{position:-webkit-sticky;position:sticky;top:20px}}.hidden{display:none!important}.flex{display:flex}.gap-2{gap:8px}.gap-3{gap:12px}.between{justify-content:space-between}.center{align-items:center}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-6{margin-bottom:24px}.muted{color:var(--muted)}.soft{color:var(--ink-soft)}@media (max-width:780px){.home-hero{grid-template-columns:1fr;gap:20px}.hero-heading{font-size:2rem}.hero-meta{flex-direction:row;flex-wrap:wrap;gap:12px}.hero-meta-block{padding-left:12px;flex:1 1;min-width:130px}.quiz-options{grid-template-columns:1fr}.flash-hanzi{font-size:3.5rem}.flash-card{padding:40px 24px;min-height:260px}.lesson-title{font-size:1.5rem}.kosakata-header{flex-direction:column;align-items:stretch;gap:12px}.kosakata-controls{flex-wrap:wrap}.home-toolbar{flex-direction:column;align-items:stretch}.lesson-detail{padding:0}.section{margin-bottom:24px;padding-bottom:24px}.intisari-box{padding:20px 18px}.intisari-text{font-size:1.05rem}h1{font-size:1.7rem}h2{font-size:1.15rem}}