@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes reveal-up{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.landing{height:100dvh;overflow-y:auto;background:var(--bg);color:var(--text);scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.sr{opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.sr.visible{opacity:1;transform:translateY(0)}.sr-delay-1{transition-delay:.1s}.sr-delay-2{transition-delay:.2s}.sr-delay-3{transition-delay:.3s}.sr-delay-4{transition-delay:.4s}.landing-section{max-width:1120px;margin:0 auto;padding:80px 24px}.landing-nav{position:sticky;top:0;z-index:50;background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:calc(env(safe-area-inset-top,0px) + 12px) 24px 12px}.landing-nav-inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.landing-logo{display:flex;align-items:center;gap:10px}.landing-logo img{width:32px;height:32px;border-radius:8px}.landing-logo span{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--accent)}.landing-nav-actions{display:flex;align-items:center;gap:8px}.landing-btn-ghost{-webkit-appearance:none;appearance:none;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:6px 12px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text3);font-family:var(--font);transition:background .2s,border-color .2s}.landing-btn-ghost:hover{background:var(--surface2);border-color:var(--border2)}.landing-btn-accent{-webkit-appearance:none;appearance:none;background:var(--accent);color:#fff;border:none;border-radius:20px;padding:8px 18px;cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font);box-shadow:0 2px 12px var(--accent-glow-sm);transition:transform .15s,box-shadow .15s}.landing-btn-accent:hover{transform:scale(1.04);box-shadow:0 4px 20px var(--accent-glow-md)}.landing-hero{position:relative;text-align:center;padding-top:80px;padding-bottom:60px;overflow:hidden}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.35}.hero-orb-1{width:400px;height:400px;background:var(--accent);top:-100px;left:-100px;animation:pulse-glow 6s ease-in-out infinite}.hero-orb-2{width:300px;height:300px;background:var(--purple);bottom:-80px;right:-60px;animation:pulse-glow 8s ease-in-out infinite 2s}.landing-hero h1{font-family:var(--font-display);font-size:clamp(34px,6vw,60px);font-weight:800;line-height:1.08;margin-bottom:20px;background:linear-gradient(135deg,var(--accent) 0%,var(--purple) 50%,var(--accent) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 4s ease infinite;position:relative}.landing-hero p.hero-sub{font-size:clamp(16px,2.5vw,20px);color:var(--text3);line-height:1.6;max-width:620px;margin:0 auto 36px;position:relative}.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative}.btn-primary-lg{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,var(--accent),var(--purple));color:#fff;border:none;border-radius:14px;padding:16px 36px;font-size:17px;font-weight:700;cursor:pointer;font-family:var(--font);box-shadow:0 6px 28px var(--accent-glow-lg);transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.btn-primary-lg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);background-size:200% 100%;animation:shimmer 3s ease infinite}.btn-primary-lg:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 36px var(--accent-glow-lg)}.btn-secondary-lg{-webkit-appearance:none;appearance:none;background:var(--surface);color:var(--text2);border:1px solid var(--border);border-radius:14px;padding:16px 28px;font-size:15px;font-weight:600;cursor:pointer;font-family:var(--font);transition:background .2s,border-color .2s}.btn-secondary-lg:hover{background:var(--surface2);border-color:var(--border2)}.hero-badges{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:36px;position:relative}.hero-badge{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-size:13px;color:var(--text3);display:flex;align-items:center;gap:6px;transition:transform .2s,border-color .2s}.hero-badge:hover{transform:translateY(-2px);border-color:var(--accent)}.carousel-section{padding-top:20px;padding-bottom:40px}.carousel-header{text-align:center;margin-bottom:32px}.carousel-header h2{font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--text);margin-bottom:10px}.carousel-header p{font-size:16px;color:var(--text3);max-width:480px;margin:0 auto;line-height:1.5}.carousel-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:8px 4px 16px;cursor:grab;scrollbar-width:none;-ms-overflow-style:none}.carousel-track::-webkit-scrollbar{display:none}.carousel-card{scroll-snap-align:start;flex:0 0 220px;padding:24px 20px;border-radius:16px;background:var(--surface);border:1px solid var(--border);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s;-webkit-user-select:none;user-select:none}.carousel-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border2)}.carousel-card-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px;color:#fff}.carousel-card h3{font-size:16px;font-weight:700;color:var(--text);margin-bottom:6px}.carousel-card p{font-size:13px;color:var(--text3);line-height:1.5}.spotlight-section{padding-top:32px;padding-bottom:32px}.spotlight-row{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.spotlight-row.reverse{direction:rtl}.spotlight-row.reverse>*{direction:ltr}.spotlight-tag{display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:var(--accent-bg);padding:4px 12px;border-radius:20px;margin-bottom:16px}.spotlight-text h2{font-family:var(--font-display);font-size:clamp(22px,3vw,30px);font-weight:800;color:var(--text);margin-bottom:14px;line-height:1.2}.spotlight-text p{font-size:15px;color:var(--text3);line-height:1.7;margin-bottom:24px;max-width:460px}.spotlight-text .btn-primary-lg{padding:12px 28px;font-size:15px}.app-frame{border-radius:16px;background:var(--surface);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-lg)}.app-frame-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border)}.app-frame-dot{width:8px;height:8px;border-radius:50%}.app-frame-dot:nth-child(1){background:var(--red)}.app-frame-dot:nth-child(2){background:var(--amber)}.app-frame-dot:nth-child(3){background:var(--green)}.mock-summary{padding:16px;display:flex;flex-direction:column;gap:10px}.mock-summary-header{font-size:14px;font-weight:700;color:var(--text);padding-bottom:8px;border-bottom:1px solid var(--border)}.mock-summary-block{padding:10px 12px;border-radius:10px;border-left:3px solid}.mock-summary-block.key-idea{border-color:var(--accent);background:var(--accent-bg)}.mock-summary-block.enrichment{border-color:var(--purple);background:var(--purple-bg)}.mock-summary-block.reflection{border-color:var(--blue);background:var(--blue-bg)}.mock-label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);margin-bottom:4px}.mock-summary-block p{font-size:12px;color:var(--text2);line-height:1.5;margin:0}.mock-review-v2{padding:16px;display:flex;flex-direction:column;gap:12px;text-align:center}.mock-review-card-v2{padding:24px 16px;border-radius:12px;background:var(--surface2);border:1px solid var(--border)}.mock-review-q{font-size:15px;font-weight:700;color:var(--text);margin:0 0 8px}.mock-review-tap{font-size:12px;color:var(--text4)}.mock-rating-btns{display:flex;gap:6px;justify-content:center}.mock-rating-btn{flex:1;padding:8px 4px;border-radius:8px;font-size:11px;font-weight:700;text-align:center;border:none;color:#fff;font-family:var(--font)}.mock-next-review{font-size:12px;color:var(--text4)}.mock-quiz-v2{padding:16px;display:flex;flex-direction:column;gap:10px}.mock-quiz-q-v2{font-size:14px;font-weight:700;color:var(--text);margin:0 0 4px}.mock-quiz-options{display:flex;flex-direction:column;gap:6px}.mock-quiz-opt{padding:10px 14px;border-radius:10px;font-size:13px;color:var(--text2);background:var(--surface2);border:1px solid var(--border);transition:border-color .2s}.mock-quiz-opt.correct{border-color:var(--green);background:var(--green-bg);color:var(--green);font-weight:600}.mock-quiz-progress{display:flex;align-items:center;gap:10px;margin-top:4px}.mock-quiz-progress span{font-size:12px;color:var(--text4);font-weight:600}.mock-quiz-bar{flex:1;height:6px;border-radius:3px;background:var(--surface2)}.mock-quiz-fill{width:30%;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--purple))}.stats-bar{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;padding:48px 24px;position:relative}.stats-bar:before{content:"";position:absolute;top:0;bottom:0;background:linear-gradient(135deg,var(--accent-bg),var(--purple-bg));border-radius:24px;max-width:1120px;margin:0 auto;left:24px;right:24px}.stat-item{text-align:center;position:relative}.stat-value{font-family:var(--font-display);font-size:clamp(28px,4vw,42px);font-weight:800;background:linear-gradient(135deg,var(--accent),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.stat-label{font-size:14px;color:var(--text3);margin-top:4px}.how-section h2,.pricing-section h2{text-align:center;font-size:28px;font-weight:800;font-family:var(--font-display);margin-bottom:16px;color:var(--text)}.how-section{padding-top:40px}.timeline{display:flex;flex-direction:column;gap:0;max-width:600px;margin:0 auto;position:relative}.timeline:before{content:"";position:absolute;left:23px;top:24px;bottom:24px;width:2px;background:linear-gradient(180deg,var(--accent),var(--purple));opacity:.3}.timeline-step{display:flex;gap:20px;align-items:flex-start;padding:20px 0;position:relative}.timeline-num{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--purple));display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 4px 16px var(--accent-glow-md);position:relative;z-index:1}.timeline-content{padding-top:6px}.timeline-content h3{font-size:17px;font-weight:700;color:var(--text);margin-bottom:6px}.timeline-content p{font-size:14px;color:var(--text3);line-height:1.6}.pricing-section{padding-top:40px}.pricing-grid{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;align-items:flex-start}.pricing-card{flex:1 1 280px;max-width:360px;padding:32px;border-radius:20px;background:var(--surface);border:1px solid var(--border);position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing-card.accent{border:2px solid var(--accent)}.pricing-card.accent:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--purple))}.pricing-card h3{font-size:20px;font-weight:800;margin-bottom:8px;color:var(--text)}.pricing-card.accent h3{color:var(--accent)}.pricing-price{display:flex;align-items:baseline;gap:4px;margin-bottom:24px}.pricing-price .amount{font-size:40px;font-weight:800;color:var(--text)}.pricing-price .period{font-size:14px;color:var(--text4)}.pricing-features{list-style:none;padding:0;margin:0 0 28px}.pricing-features li{font-size:14px;color:var(--text2);padding:9px 0;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px}.pricing-features li:first-child{border-top:none}.pricing-features .check{color:var(--green);font-size:14px;flex-shrink:0}.pricing-btn{width:100%;padding:14px 0;font-size:15px;font-weight:700;border-radius:12px;cursor:pointer;border:none;font-family:var(--font);transition:transform .15s,box-shadow .15s}.pricing-btn:hover{transform:scale(1.02)}.pricing-btn.primary{background:linear-gradient(135deg,var(--accent),var(--purple));color:#fff;box-shadow:0 4px 16px var(--accent-glow-md)}.pricing-btn.secondary{background:var(--surface2);color:var(--text2)}.final-cta{text-align:center;padding:80px 24px;position:relative;overflow:hidden}.final-cta:before{content:"";position:absolute;top:0;bottom:0;background:linear-gradient(135deg,var(--accent-bg),transparent,var(--purple-bg));border-radius:32px;max-width:1120px;margin:0 auto;left:24px;right:24px}.final-cta h2{font-family:var(--font-display);font-size:clamp(24px,4vw,36px);font-weight:800;margin-bottom:12px;color:var(--text);position:relative}.final-cta p{font-size:16px;color:var(--text3);margin-bottom:28px;position:relative}.final-cta .btn-primary-lg{position:relative}.landing-footer{border-top:1px solid var(--border);padding:28px 24px;text-align:center;font-size:13px;color:var(--text4)}.landing-footer-inner{max-width:1120px;margin:0 auto}.landing-footer-brand{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.landing-footer-brand img{width:20px;height:20px;border-radius:5px}.landing-footer-brand span{font-family:var(--font-display);font-weight:700;color:var(--accent)}.landing-footer-links{display:flex;gap:16px;justify-content:center;margin-top:8px}.landing-footer-links span{cursor:pointer;color:var(--text4);transition:color .2s}.landing-footer-links span:hover{color:var(--accent)}@media(max-width:768px){.landing-section{padding:48px 16px}.landing-hero{padding-top:48px;padding-bottom:32px}.hero-orb-1{width:200px;height:200px}.hero-orb-2{width:150px;height:150px}.stats-bar{gap:24px;padding:32px 16px}.stats-bar:before{left:16px;right:16px}.timeline:before{left:19px}.timeline-num{width:40px;height:40px;font-size:16px}.final-cta{padding:48px 16px}.final-cta:before{left:16px;right:16px}.carousel-card{flex:0 0 200px}.spotlight-row,.spotlight-row.reverse{grid-template-columns:1fr;gap:28px;direction:ltr}.spotlight-text{text-align:center}.spotlight-text p{margin-left:auto;margin-right:auto}.spotlight-text .btn-primary-lg{margin:0 auto;display:block;width:fit-content}.spotlight-tag{margin-left:auto;margin-right:auto}}[data-theme=dark]{--bg: #000000;--bg2: #0e0e14;--surface: #18181e;--surface2: #222228;--border: #262632;--border2: #2e2e3a;--border3: #3e3e4e;--text: #eaeaef;--text2: #c4c4cd;--text3: #8888a0;--text4: #9292a8;--text5: #3a3a4a;--accent: #e8a838;--accent-bg: rgba(232,168,56,.12);--accent2: rgba(232,168,56,.25);--accent-text: #e8a838;--green: #34d399;--green-bg: rgba(52,211,153,.12);--red: #f87171;--red-bg: rgba(248,113,113,.12);--blue: #60a5fa;--blue-bg: rgba(96,165,250,.12);--purple: #c084fc;--purple-bg: rgba(192,132,252,.12);--amber: #f59e0b;--amber-bg: rgba(245,158,11,.12);--amber-glow: rgba(232,168,56,.3);--accent-glow-sm: rgba(232,168,56,.08);--accent-glow-md: rgba(232,168,56,.15);--accent-glow-lg: rgba(232,168,56,.25);--glass: rgba(22,22,28,.92);--glass-border: rgba(255,255,255,.08);--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow: 0 8px 32px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--shadow-xl: 0 20px 60px rgba(0,0,0,.6);--heatmap-0: #18181e;--heatmap-1: rgba(232,168,56,.15);--heatmap-2: rgba(232,168,56,.35);--heatmap-3: rgba(232,168,56,.6);--heatmap-4: #e8a838}[data-theme=light]{--bg: #f5f3f0;--bg2: #edeae6;--surface: #ffffff;--surface2: #f8f7f5;--border: #e2dfd9;--border2: #d4d0c8;--border3: #bbb7ad;--text: #1a1916;--text2: #3d3a33;--text3: #706d64;--text4: #5c5950;--text5: #c5c2b9;--accent: #a86d12;--accent-bg: rgba(168,109,18,.1);--accent2: rgba(168,109,18,.2);--accent-text: #7a5508;--green: #15803d;--green-bg: rgba(22,163,74,.1);--red: #dc2626;--red-bg: rgba(220,38,38,.1);--blue: #2563eb;--blue-bg: rgba(37,99,235,.1);--purple: #9333ea;--purple-bg: rgba(147,51,234,.1);--amber: #d97706;--amber-bg: rgba(217,119,6,.1);--amber-glow: rgba(168,109,18,.3);--accent-glow-sm: rgba(168,109,18,.1);--accent-glow-md: rgba(168,109,18,.2);--accent-glow-lg: rgba(168,109,18,.35);--glass: rgba(255,255,255,.9);--glass-border: rgba(0,0,0,.08);--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow: 0 8px 32px rgba(0,0,0,.12);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--shadow-xl: 0 20px 60px rgba(0,0,0,.16);--heatmap-0: #edeae6;--heatmap-1: rgba(168,109,18,.15);--heatmap-2: rgba(168,109,18,.35);--heatmap-3: rgba(168,109,18,.6);--heatmap-4: #a86d12}:root{--font: "DM Sans", sans-serif;--font-display: "Playfair Display", serif;--radius-xs: 3px;--radius-sm: 6px;--radius: 12px;--radius-lg: 16px;--radius-pill: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--sidebar-w: 280px;--transition: .25s cubic-bezier(.4,0,.2,1);--text-on-color: #fff}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{overflow-x:hidden;width:100%;overscroll-behavior-y:contain}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;width:100%;transition:background var(--transition),color var(--transition);overscroll-behavior-y:contain}svg{flex-shrink:0;width:18px;height:18px}.search-bar svg{width:16px;height:16px;color:var(--text4)}.book-meta svg{width:13px;height:13px}.btn svg{width:15px;height:15px}.btn-sm svg{width:13px;height:13px}.btn-icon svg{width:14px;height:14px}.icon-btn svg{width:16px;height:16px}.back-btn svg{width:16px;height:16px}.tab svg{width:14px;height:14px}.sidebar-nav-btn svg{width:18px;height:18px}.sidebar-book-item .mini-cover svg{width:14px;height:14px}.nav-btn svg{width:20px;height:20px}.mobile-header .burger svg{width:22px;height:22px}.empty svg{width:40px;height:40px;color:var(--text5)}.book-cover svg{width:20px;height:20px}.option-btn svg{width:14px;height:14px}.alert-card svg{width:16px;height:16px}.quiz-list-item svg{width:16px;height:16px}.upcoming-item svg{width:16px;height:16px}.gen-progress svg{width:20px;height:20px}.sidebar-search svg{width:15px;height:15px}.key-input svg{width:16px;height:16px}.audio-controls svg{width:14px;height:14px}.note-card svg{width:14px;height:14px}.stat-row svg{width:7px;height:7px}.recording-pulse svg{width:14px;height:14px}.icon-sm{display:inline-flex;align-items:center;vertical-align:middle}.icon-sm svg{width:14px;height:14px}.diff-dot{width:8px;height:8px;border-radius:50%;display:inline-block}input,textarea,select,button{font-family:var(--font);font-size:16px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes tabSnap{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--surface) 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.skeleton-line{height:14px;margin-bottom:10px}.skeleton-line:last-child{width:60%}.skeleton-title{height:20px;width:40%;margin-bottom:16px}.skeleton-block{height:80px;margin-bottom:12px}.skeleton-circle{border-radius:50%}.skeleton-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;display:flex;align-items:center;gap:14px}.skeleton-card .skeleton-cover{width:52px;height:72px;border-radius:8px;flex-shrink:0}.skeleton-card .skeleton-info{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 14px;display:flex;flex-direction:column;align-items:center;gap:8px}.skeleton-tab-content{padding:16px 0;display:flex;flex-direction:column;gap:12px}@keyframes syncPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes comboPopIn{0%{transform:scale(1.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes celebratePop{0%{transform:scale(1)}30%{transform:scale(1.15)}60%{transform:scale(.95)}to{transform:scale(1)}}@keyframes shakeX{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes timerPulse{0%,to{box-shadow:0 0 #f8717166}50%{box-shadow:0 0 0 12px #f8717100}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.anim-fade{animation:fadeIn .3s cubic-bezier(.4,0,.2,1) both}.anim-slide{animation:slideIn .3s cubic-bezier(.4,0,.2,1) both}.anim-scale{animation:scaleIn .25s cubic-bezier(.4,0,.2,1) both}.collapse-chev{display:inline-block;width:0;height:0;border-left:5px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.app-shell{display:flex;height:100vh;overflow:hidden;max-width:100vw}.sidebar{width:var(--sidebar-w);background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:50;transition:transform var(--transition),background var(--transition)}.sidebar-header{padding:20px 16px 12px;border-bottom:1px solid var(--border)}.sidebar-logo{font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:-.5px;display:flex;align-items:center;gap:8px}.sidebar-logo span{font-size:20px}.sidebar-search{margin:12px 16px 8px;position:relative}.sidebar-search input{width:100%;padding:9px 12px 9px 34px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s}.sidebar-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.sidebar-search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--text4)}.sidebar-nav{padding:8px}.sidebar-nav-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;min-height:44px;background:none;border:none;border-radius:var(--radius);cursor:pointer;color:var(--text3);font-size:13px;font-weight:500;transition:all .15s;position:relative}.sidebar-nav-btn:hover{background:var(--surface);color:var(--text2)}.sidebar-nav-btn.active{background:var(--accent-bg);color:var(--accent);font-weight:600}.sidebar-nav-btn .badge{background:var(--red);color:var(--text-on-color);font-size:9px;font-weight:700;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center;margin-left:auto}.sidebar-books{flex:1;overflow-y:auto;padding:4px 8px 16px}.sidebar-books-title{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text4);font-weight:700;padding:12px 12px 6px}.sidebar-book-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius);cursor:pointer;transition:all .15s;border:none;background:none;width:100%;text-align:left;color:var(--text)}.sidebar-book-item:hover{background:var(--surface)}.sidebar-book-item.active{background:var(--accent-bg)}.sidebar-book-item .mini-cover{width:32px;height:42px;border-radius:var(--radius-sm);flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-book-item .mini-cover svg{width:14px;height:14px;color:var(--text4)}.sidebar-book-item .mini-cover img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm)}.sidebar-book-item .mini-info{flex:1;min-width:0}.sidebar-book-item .mini-title{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-book-item .mini-author{font-size:11px;color:var(--text4);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-book-item .mini-progress{height:3px;border-radius:2px;background:var(--border);margin-top:4px;overflow:hidden}.sidebar-book-item .mini-progress-fill{height:100%;border-radius:2px;transition:width .4s ease}.sidebar-footer{padding:12px 16px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.theme-toggle{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:6px;min-height:44px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s}.theme-toggle:hover{border-color:var(--border2)}.theme-toggle span{font-size:14px;padding:2px 6px;border-radius:14px;transition:all .2s}.theme-toggle span.active{background:var(--accent-bg)}.main-panel{flex:1;margin-left:var(--sidebar-w);height:100vh;overflow-y:auto;overflow-x:hidden;transition:margin var(--transition)}.page{padding:32px 40px 60px;max-width:900px;margin:0 auto;animation:var(--page-anim, fadeIn .3s cubic-bezier(.4,0,.2,1))}@media(max-width:768px){.sidebar{transform:translate(-100%);width:85vw;max-width:320px;box-shadow:var(--shadow)}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40;opacity:0;pointer-events:none;transition:opacity .25s}.sidebar-overlay.open{opacity:1;pointer-events:all}.main-panel{margin-left:0;height:100vh;overflow-y:auto;overflow-x:hidden}.page{padding:16px 16px 100px;max-width:100vw;overflow-x:clip}.mobile-header{display:flex;align-items:center;gap:12px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:30}.mobile-header .burger{background:none;border:none;cursor:pointer;color:var(--text);padding:8px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.mobile-header .burger svg{width:22px;height:22px}.mobile-header .m-title{font-family:var(--font-display);font-size:18px;font-weight:700;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);padding:6px 0 max(8px,env(safe-area-inset-bottom));z-index:30}.nav-btn{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 14px;min-height:48px;min-width:48px;color:var(--text4);transition:color .2s;position:relative}.nav-btn.active{color:var(--accent)}.nav-btn svg{width:20px;height:20px}.nav-btn span{font-size:10px;font-weight:500}.nav-btn .badge{position:absolute;top:-2px;right:2px;background:var(--red);color:var(--text-on-color);font-size:9px;font-weight:700;padding:1px 5px;border-radius:10px;min-width:16px;text-align:center}.desktop-only{display:none!important}.settings-section{margin-top:10px;padding:16px 14px}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:2px;padding:3px}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;padding:8px 10px;font-size:11px;gap:3px;white-space:nowrap}.tabs-grid{gap:3px;padding:3px;grid-template-columns:repeat(4,1fr) auto;top:69px;top:calc(max(12px,env(safe-area-inset-top,0px)) + 57px);z-index:20}.tab-g{padding:9px 2px;font-size:11px}.tabs-more-menu{right:-4px}.book-header{padding:16px;margin:8px -16px 12px;border-radius:0}.book-header.book-header-compact{margin:8px -16px;border-radius:0;padding:14px 16px 12px}.book-header h1{font-size:16px!important;word-break:break-word}.book-header-compact .bhs-num{font-size:13px}.book-header-stats{gap:8px}.book-header-stat .bhs-num{font-size:15px}.card{max-width:100%;overflow:hidden}.book-card{max-width:100%;padding:12px}.book-info{overflow:hidden}.lib-filters-wrap:after{background:linear-gradient(to right,transparent,var(--bg))}.guide-stats-grid{grid-template-columns:repeat(4,1fr)!important;gap:6px!important}}@media(min-width:769px){.mobile-header,.mobile-nav,.sidebar-overlay,.mobile-only{display:none!important}}@media(min-width:1200px){.page{padding:40px 60px 60px;max-width:1000px}}.sync-dot{width:7px;height:7px;border-radius:50%;display:inline-block;vertical-align:middle}.sync-dot.connected{background:var(--green)}.sync-dot.syncing{background:var(--accent);animation:syncPulse .8s cubic-bezier(.4,0,.2,1) infinite}.sync-dot.offline{background:var(--red)}.title{font-family:var(--font-display);font-size:28px;font-weight:800;letter-spacing:-.5px}.subtitle{color:var(--text3);font-size:14px;margin-top:4px}.section-title{font-family:var(--font-display);font-size:18px;font-weight:700;margin:28px 0 14px}.card{background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .2s,background var(--transition);color:var(--text)}.card:hover{border-color:var(--accent2);box-shadow:var(--shadow-md)}.card-glow{box-shadow:var(--shadow)}[data-theme=light] .card{background:#fffffff2;border-color:#0000001a;backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=light] .card:hover{border-color:var(--accent2)}.quiz-mode-card{padding:14px 16px;cursor:pointer;border:1px solid var(--border);transition:border-color .2s,box-shadow .2s,background .2s}.quiz-mode-card:hover{border-color:var(--accent2)}.quiz-mode-card.active{background:var(--accent-bg);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow-sm)}.quiz-mode-card.active:hover{border-color:var(--accent)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}@media(min-width:769px){.stat-grid{grid-template-columns:repeat(3,1fr);gap:16px}}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 14px;display:flex;flex-direction:column;align-items:center;transition:all .2s}.stat-card:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:var(--shadow)}.stat-num{font-size:30px;font-weight:700;font-family:var(--font-display)}.stat-label{font-size:11px;color:var(--text3);margin-top:4px;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;min-height:44px;border:none;border-radius:var(--radius);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font);transition:all .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--text)}.btn:active{transform:scale(.97)}.btn-primary{background:#e8a83826;border:1px solid rgba(232,168,56,.3);color:var(--accent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 10px var(--accent-glow-sm)}.btn-primary:hover{background:#e8a83838;border-color:#e8a83866}[data-theme=light] .btn-primary{background:#a86d121a;border:1px solid rgba(168,109,18,.2);color:var(--accent);box-shadow:0 0 12px var(--accent-glow-sm)}[data-theme=light] .btn-primary:hover{background:#a86d1229;border-color:#a86d124d}.btn-ghost{background:#ffffff0a;border:1px solid var(--glass-border);color:var(--text2)}.btn-ghost:hover{background:#ffffff14;border-color:#ffffff1f}[data-theme=light] .btn-ghost{border-color:#0000001a;background:#ffffff80}[data-theme=light] .btn-ghost:hover{background:#0000000a;border-color:#00000026}.btn-sm{padding:6px 14px;font-size:12px;border-radius:8px;min-height:36px}.btn-icon{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;min-height:44px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text2);font-size:12px;cursor:pointer;transition:all .15s}.btn-icon:hover{background:var(--border)}.icon-btn{background:none;border:none;cursor:pointer;padding:10px;min-width:44px;min-height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text3);transition:all .15s}.icon-btn:hover{background:var(--surface2);color:var(--text)}.back-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;color:var(--text3);font-size:13px;padding:8px 4px;min-height:44px;margin-bottom:8px;transition:color .15s}.back-btn:hover{color:var(--accent)}.input{width:100%;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:16px;outline:none;margin-bottom:8px;transition:all .2s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}textarea.input{min-height:120px;resize:vertical;line-height:1.5}.label{font-size:12px;color:var(--text3);margin-bottom:4px;display:block;font-weight:500}.search-bar{display:flex;align-items:center;gap:8px;padding:0 14px;background:#ffffff0a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:14px;margin-top:16px;transition:all .2s}.search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow-sm),0 0 12px var(--accent-glow-sm)}[data-theme=light] .search-bar{background:#fffc;border-color:#a86d1226;backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=light] .search-bar:focus-within{background:#fff;border-color:var(--accent);box-shadow:0 0 0 3px #a86d121a,0 0 20px #a86d120f}.search-bar input{flex:1;padding:10px 0;background:none;border:none;color:var(--text);font-size:16px;outline:none}.filter-row{display:flex;gap:6px;margin:12px 0 16px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.chip{padding:8px 14px;border-radius:var(--radius-pill);background:#ffffff0a;border:1px solid var(--glass-border);color:var(--text3);font-size:12px;cursor:pointer;white-space:nowrap;transition:all .15s;font-weight:500;min-height:44px;display:inline-flex;align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.chip:hover{background:var(--accent-bg);border-color:var(--accent2)}[data-theme=light] .chip{background:#ffffffb3;border-color:#a86d1226;backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=light] .chip:hover{background:#a86d1214;border-color:#a86d1240}.chip.active{background:#e8a83826;border-color:#e8a8384d;color:var(--accent);font-weight:700;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 10px var(--accent-glow-sm)}.chip.chip-sm{padding:6px 12px;min-height:34px;font-size:12px}.filter-sep{width:1px;height:20px;background:var(--border);flex-shrink:0;margin:0 2px}.chip-select{padding:6px 26px 6px 10px;border-radius:20px;background:#ffffff0a;border:1px solid var(--glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:12px;font-weight:500;cursor:pointer;min-height:34px;font-family:var(--font);outline:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;flex-shrink:0;color:var(--text3)}.book-list{display:flex;flex-direction:column;gap:10px}@media(min-width:769px){.book-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}}.book-card{display:flex;align-items:center;background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:14px;gap:14px;cursor:pointer;text-align:left;color:var(--text);width:100%;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:visible;box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none}.book-card:hover{border-color:var(--glass-border);transform:translateY(-1px);box-shadow:var(--shadow-md)}.book-card:active{transform:scale(.98);box-shadow:var(--shadow-sm);transition:transform .1s,box-shadow .1s}.book-cover{width:52px;height:72px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #00000026}.book-cover img,img.lib-cover{width:52px;height:72px;object-fit:cover;border-radius:8px;flex-shrink:0;box-shadow:0 2px 8px #00000026}.book-info{flex:1;min-width:0;overflow:hidden}.book-title{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-author{color:var(--text3);font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text4);margin-top:6px;flex-wrap:wrap}.book-header{border-radius:var(--radius-lg);padding:24px;margin:12px 0 24px;position:relative;overflow:hidden;background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.book-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(to right,rgba(30,80,160,.18) 0%,rgba(30,80,160,.18) 20%,transparent 75%);pointer-events:none}.book-header:after{content:none}.book-header>*{position:relative;z-index:1}[data-theme=light] .book-header{background:#ffffffb3;border-color:#00000014}[data-theme=light] .book-header:before{background:linear-gradient(to right,rgba(168,109,18,.12) 0%,rgba(168,109,18,.12) 20%,transparent 75%)}.status-badge{padding:3px 10px;border-radius:10px;font-size:10px;font-weight:600;margin-left:6px}.tag-chip{background:#ffffff14;padding:3px 10px;border-radius:10px;font-size:11px;color:var(--text3);border:1px solid var(--glass-border);display:inline-block;margin:2px}[data-theme=light] .tag-chip{background:#0000000d;border-color:#00000014;color:var(--text3)}[data-theme=light] .book-card{box-shadow:0 1px 4px #0000000f,0 4px 12px #0000000a}[data-theme=light] .book-card:hover{box-shadow:0 4px 20px #0000001a}[data-theme=light] .book-cover,[data-theme=light] .book-cover img,[data-theme=light] img.lib-cover{box-shadow:0 1px 4px #0000000f}[data-theme=light] .chip.active{background:#a86d121a;border-color:#a86d1233;color:var(--accent);box-shadow:0 0 12px var(--accent-glow-sm)}[data-theme=light] .lib-resume-banner{background:#c07d1a14;border-color:#c07d1a33}[data-theme=light] .lib-resume-banner:hover{background:#c07d1a24}.lib-progress{display:flex;align-items:center;gap:8px;margin-top:6px}.lib-progress-bar{flex:1;height:5px;border-radius:3px;background:var(--border2);overflow:hidden}.lib-progress-fill{height:100%;border-radius:3px;transition:width .5s ease}.lib-progress-label{font-size:10px;color:var(--text4);font-weight:600;white-space:nowrap;min-width:32px;text-align:right}.lib-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:#e8a83826;color:var(--accent);border:1px solid rgba(232,168,56,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:300;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 10px var(--accent-glow-sm);transition:all .2s cubic-bezier(.4,0,.2,1);z-index:50}.lib-fab:hover{transform:scale(1.08);background:#e8a83838;border-color:#e8a83866;box-shadow:0 0 16px var(--accent-glow-md)}.lib-fab:active{transform:scale(.95)}[data-theme=light] .lib-fab{background:#a86d121a;border-color:#a86d1233;box-shadow:0 0 12px var(--accent-glow-sm)}[data-theme=light] .lib-fab:hover{background:#a86d1229;border-color:#a86d124d;box-shadow:0 0 20px var(--accent-glow-md)}@media(max-width:768px){.lib-fab{display:none}}.lib-search-clear{background:none;border:none;cursor:pointer;color:var(--text4);padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s}.lib-search-clear:hover{background:var(--surface2);color:var(--text2)}.lib-search-clear svg{width:16px;height:16px}.lib-resume-banner{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:#e8a8381a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(232,168,56,.2);border-radius:var(--radius);cursor:pointer;color:var(--text);font-family:var(--font);text-align:left;transition:all .15s;margin-top:12px;margin-bottom:12px}.lib-resume-banner:hover{background:#e8a8382e}.lib-section-divider{margin-top:20px}.lib-section-divider:before{content:"";display:block;height:1px;background:var(--glass-border);margin-bottom:12px}.lib-finished-btn{display:flex;align-items:center;gap:8px;width:100%;padding:12px 14px;background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius);cursor:pointer;color:var(--text2);font-size:13px;font-weight:600;transition:all .15s;font-family:var(--font)}.lib-finished-btn:hover{border-color:var(--glass-border);background:#ffffff14}[data-theme=light] .lib-finished-btn{background:#ffffffb3;border-color:#a86d121a}[data-theme=light] .lib-finished-btn:hover{background:#a86d120f}.book-card-new{opacity:.8}.book-card-new:hover{opacity:1}.book-card-compact{padding:10px 12px;gap:8px;cursor:pointer}.book-card-compact .book-title{font-size:13px}.book-card-compact .lib-progress{gap:6px}.book-card-compact .lib-progress-bar{height:4px}.book-card-compact .status-badge{font-size:9px;padding:2px 7px}.book-card .icon-btn{background:transparent;color:var(--text5);transition:color .15s,background .15s}.book-card .icon-btn:hover{background:#ffffff14;color:var(--text2)}[data-theme=light] .book-card .icon-btn{background:transparent;color:var(--text4)}[data-theme=light] .book-card .icon-btn:hover{background:#0000000d;color:var(--text2)}@keyframes libCardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.book-card{animation:libCardIn .3s ease both}.book-list .book-card:nth-child(1){animation-delay:0s}.book-list .book-card:nth-child(2){animation-delay:.04s}.book-list .book-card:nth-child(3){animation-delay:.08s}.book-list .book-card:nth-child(4){animation-delay:.12s}.book-list .book-card:nth-child(5){animation-delay:.16s}.book-list .book-card:nth-child(6){animation-delay:.2s}.book-list .book-card:nth-child(n+7){animation-delay:.24s}.lib-swipe-wrap{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);scrollbar-width:none}.lib-swipe-wrap::-webkit-scrollbar{display:none}.lib-swipe-wrap .book-card{scroll-snap-align:start;min-width:100%;flex-shrink:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}.lib-swipe-actions{scroll-snap-align:end;display:flex;align-items:stretch;flex-shrink:0;gap:1px;padding-left:1px}.lib-swipe-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:74px;border:none;cursor:pointer;color:#fff;gap:4px;-webkit-tap-highlight-color:transparent;transition:filter .15s}.lib-swipe-btn svg{width:20px;height:20px}.lib-swipe-btn span{font-size:10px;font-weight:600;letter-spacing:.02em;opacity:.95}.lib-swipe-btn:active{filter:brightness(.85)}.lib-swipe-edit{background:#b8861a;border-radius:var(--radius) 0 0 var(--radius)}[data-theme=dark] .lib-swipe-edit{background:#c8922a}.lib-swipe-del{background:#c03030}[data-theme=dark] .lib-swipe-del{background:#d04444}@media(min-width:769px){.lib-swipe-wrap{overflow-x:hidden}.lib-swipe-actions{display:none}}.lib-sticky-bar{margin-top:16px}@media(max-width:768px){.lib-sticky-bar{position:sticky;top:56px;top:calc(max(12px,env(safe-area-inset-top,0px)) + 57px);z-index:20;background:var(--bg);margin:8px -16px 0;padding:8px 16px 10px;box-shadow:0 1px 0 var(--glass-border)}[data-theme=dark] .lib-sticky-bar{background:#000}}.lib-filters-wrap{position:relative}.lib-filters-wrap:after{content:"";position:absolute;right:0;top:0;bottom:4px;width:32px;background:linear-gradient(to right,transparent,var(--bg));pointer-events:none}[data-theme=dark] .lib-filters-wrap:after{background:linear-gradient(to right,transparent,#000000)}.filter-sep{background:#e8a83833}[data-theme=light] .filter-sep{background:#a86d1226}.empty{background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px dashed rgba(232,168,56,.2);border-radius:20px}[data-theme=light] .empty{background:#fff9;border-color:#a86d1233}.lib-card-menu-drop{background:#121218eb;border:1px solid rgba(232,168,56,.15);border-radius:14px;box-shadow:0 8px 32px #00000080,0 0 0 1px #e8a8380d}[data-theme=light] .lib-card-menu-drop{background:#fcf9f4f7;border-color:#a86d1226;box-shadow:0 8px 32px #00000014}.lib-search-dropdown{scrollbar-color:rgba(255,255,255,.1) transparent}[data-theme=light] .lib-search-dropdown{background:#fffffff2;border-color:#0000001a;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 4px 16px #0000000f}.lib-upload-zone{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}[data-theme=light] .lib-upload-zone{background:#fff9;border-color:#0000001f;backdrop-filter:none;-webkit-backdrop-filter:none}.lib-import-progress{box-shadow:var(--shadow-sm)}[data-theme=light] .lib-import-progress{background:#ffffffe6;border-color:#00000014;backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=light] .lib-bulk-bar{background:#ffffffeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.upcoming-item{background:#ffffff08;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(232,168,56,.1);border-radius:16px;box-shadow:0 2px 12px #0000004d,inset 0 1px #ffffff0a}.upcoming-item:hover{border-color:#e8a83833;box-shadow:0 4px 20px #00000059,0 0 0 1px #e8a8380f}[data-theme=light] .upcoming-item{background:#ffffffbf;border-color:#a86d121f;box-shadow:0 2px 12px #a86d120f,0 1px 3px #0000000a;-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=light] .upcoming-item:hover{border-color:#a86d1233;box-shadow:0 4px 20px #a86d121a,0 2px 6px #0000000a}.review-session-done{background:#ffffff08;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(232,168,56,.1);border-radius:20px;box-shadow:0 2px 12px #0000004d,inset 0 1px #ffffff0a}[data-theme=light] .review-session-done{background:#ffffffbf;border-color:#a86d121f;box-shadow:0 2px 12px #a86d120f,0 1px 3px #0000000a;-webkit-backdrop-filter:none;backdrop-filter:none}.snooze-btn{background:#ffffff0a;border:1px solid rgba(232,168,56,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px}.snooze-btn:hover{border-color:var(--accent);background:#e8a8381a}[data-theme=light] .snooze-btn{background:#ffffffb3;border-color:#a86d121f;-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=light] .snooze-btn:hover{background:#a86d1214;border-color:#a86d1240}.section-title{font-size:12px;font-weight:700;letter-spacing:.6px;color:var(--text3);text-transform:uppercase;font-family:var(--font);display:flex;align-items:center;gap:6px}.section-title:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--accent);flex-shrink:0}.btn.btn-sm[style*="background:var(--surface2)"],.btn.btn-sm[style*="background: var(--surface2)"]{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.lib-folder-add{opacity:.6;font-size:16px!important;padding:6px 10px!important;min-height:34px;min-width:34px;display:inline-flex;align-items:center;justify-content:center}.lib-folder-add:hover{opacity:1}.lib-folder-menu{position:absolute;top:100%;left:0;margin-top:4px;background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:30;min-width:150px;overflow:hidden}.lib-folder-menu button{display:block;width:100%;padding:10px 14px;border:none;background:transparent;cursor:pointer;color:var(--text);font-size:13px;font-family:var(--font);text-align:left;transition:background .1s}.lib-folder-menu button:hover{background:#ffffff0f}.lib-folder-menu button+button{border-top:1px solid var(--glass-border)}[data-theme=light] .lib-folder-menu{background:#fcfaf7f2;border-color:#a86d121a}[data-theme=light] .lib-folder-menu button:hover{background:#a86d120d}[data-theme=light] .lib-folder-menu button+button{border-top-color:#a86d1214}.lib-create-folder-hint{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;margin-top:10px;background:transparent;border:2px dashed var(--glass-border);border-radius:var(--radius);cursor:pointer;color:var(--text4);font-size:12px;font-weight:600;font-family:var(--font);transition:all .15s}.lib-create-folder-hint:hover{border-color:var(--accent);color:var(--accent)}.lib-create-folder-hint svg{flex-shrink:0}.lib-move-folder-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius);cursor:pointer;color:var(--text);font-size:13px;font-weight:500;font-family:var(--font);transition:all .15s;text-align:left}.lib-move-folder-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-bg)}.lib-move-folder-btn.active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent);font-weight:700;cursor:default}[data-theme=light] .lib-move-folder-btn{background:#ffffffb3;border-color:#a86d121a}.lib-card-menu-drop{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:150px;overflow:hidden;animation:menuPop .12s ease}.lib-card-menu-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:transparent;cursor:pointer;color:var(--text);font-size:13px;font-family:var(--font);transition:background .1s;text-align:left}.lib-card-menu-btn:active{background:#ffffff0f}.lib-card-menu-btn+.lib-card-menu-btn{border-top:1px solid var(--glass-border)}[data-theme=light] .lib-card-menu-drop{background:#fcfaf7f2;border-color:#a86d121a}[data-theme=light] .lib-card-menu-btn:active{background:#a86d120d}[data-theme=light] .lib-card-menu-btn+.lib-card-menu-btn{border-top-color:#a86d1214}@keyframes menuPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tabs{display:flex;gap:3px;margin-bottom:20px;background:var(--surface);border-radius:var(--radius);padding:3px;border:1px solid var(--border)}.tab{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 0;min-height:44px;border-radius:var(--radius);background:none;border:none;color:var(--text4);cursor:pointer;font-size:12px;font-weight:500;transition:color .1s,background .1s}.tab:hover{color:var(--text2)}.tab.active{background:var(--accent-bg);color:var(--accent);font-weight:600}.book-header-compact{padding:14px 16px 12px;margin:8px 0;overflow:visible!important;position:relative;z-index:11}.book-header-compact .bhs-num{font-size:14px}.tabs-grid{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:4px;margin-bottom:12px;background:var(--surface);border-radius:var(--radius);padding:4px;border:1px solid var(--border);position:sticky;top:0;z-index:10}.tab-g{display:flex;align-items:center;justify-content:center;gap:4px;padding:10px 0;min-height:44px;border-radius:8px;background:none;border:none;color:var(--text4);cursor:pointer;font-size:12px;font-weight:500;transition:color .1s,background .1s;white-space:nowrap}.tab-g:hover{color:var(--text2);background:var(--bg)}.tab-g.active{background:var(--accent-bg);color:var(--accent);font-weight:600}.tabs-more-menu{right:0;min-width:170px}.tabs-more-menu button.active{color:var(--accent);background:var(--accent-bg)}.tabs-more-menu .tab-badge{margin-left:4px;font-size:10px;background:var(--accent);color:var(--text-on-color);border-radius:var(--radius);padding:1px 6px;font-weight:700}.tabs-grid~div .anim-fade,.tabs~div .anim-fade{animation:tabSnap .08s ease both}.note-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;margin-bottom:16px}.audio-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.note-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:all .2s}.note-card:hover{border-color:var(--border2);box-shadow:var(--shadow)}.quiz-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-top:16px}.quiz-type{font-size:10px;color:var(--accent);text-transform:uppercase;letter-spacing:1.2px;font-weight:700}.quiz-question{font-family:var(--font-display);font-size:18px;margin-top:8px;line-height:1.5}.option-btn{display:flex;align-items:center;gap:10px;padding:13px 16px;min-height:48px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text2);font-size:13px;text-align:left;width:100%;transition:all .15s}.option-btn:hover{border-color:var(--border2);background:var(--surface2)}.option-btn.selected{border-color:var(--accent);background:var(--accent-bg)}.option-btn.correct{border-color:var(--green);background:var(--green-bg)}.option-btn.wrong{border-color:var(--red);background:var(--red-bg);animation:shakeX .3s cubic-bezier(.4,0,.2,1)}.option-letter{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:var(--surface2);font-size:11px;font-weight:700;flex-shrink:0}.flashcard-answer{margin-top:16px;padding:16px;background:var(--green-bg);border:1px solid rgba(52,211,153,.2);border-radius:var(--radius);font-size:14px;line-height:1.6}.quiz-list-item{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;min-height:48px;cursor:pointer;width:100%;text-align:left;color:var(--text);transition:all .15s}.quiz-list-item:hover{border-color:var(--border2)}.quiz-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 20px;background:var(--surface);border:2px dashed var(--border);border-radius:16px}.quiz-empty-icon{color:var(--text5);margin-bottom:8px}.quiz-empty-icon svg{width:36px;height:36px}.quiz-empty-title{font-size:14px;font-weight:700;color:var(--text);margin:0 0 6px}.quiz-empty-benefit{font-size:12px;color:var(--accent);font-weight:600;margin:0 0 16px;padding:4px 12px;background:var(--accent-bg);border-radius:var(--radius-pill)}.quiz-empty-types{display:flex;flex-direction:column;gap:8px;width:100%;margin-bottom:16px}.quiz-empty-type-card{display:flex;align-items:center;gap:10px;padding:10px 14px;text-align:left;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.quiz-empty-type-icon{font-size:18px;flex-shrink:0}.quiz-empty-type-label{font-size:12px;font-weight:700;color:var(--text2)}.quiz-empty-type-desc{font-size:11px;color:var(--text4);margin-top:1px}.quiz-empty-cta{font-size:12px;color:var(--text4);margin:0}.quiz-advanced-toggle{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:none;border:none;cursor:pointer;font-size:12px;color:var(--text4);font-weight:600;font-family:var(--font)}.quiz-advanced-toggle svg{width:14px;height:14px}.quiz-advanced-toggle:hover{color:var(--accent)}.quiz-advanced-panel{display:flex;flex-direction:column;gap:8px;margin-top:4px}.quiz-opt-card{padding:10px 14px;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border)}.quiz-trend-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--radius-pill)}.quiz-trend-arrow{font-size:14px;font-weight:800}.quiz-best-score-card{flex:1;text-align:center;padding:8px 4px;border-radius:8px;position:relative;background:var(--green-bg);border:1px solid var(--green)}.quiz-chart-tooltip{position:absolute;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:5px 10px;box-shadow:var(--shadow-md);pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:1px;z-index:10;white-space:nowrap;animation:fadeIn .15s ease both}.quiz-chart-tooltip-score{font-family:var(--font-display);font-size:14px;font-weight:800}.quiz-chart-tooltip-date{font-size:10px;color:var(--text4)}.quiz-chart-tooltip-best{font-size:9px;color:var(--green);font-weight:700;text-transform:uppercase;letter-spacing:.3px}.progress-bar{width:100%;height:5px;background:var(--border);border-radius:2.5px;margin-bottom:8px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s cubic-bezier(.4,0,.2,1)}.review-session-done{text-align:center;padding:28px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);animation:dailyDoneIn .5s cubic-bezier(.34,1.56,.64,1) both}.review-session-done-icon{font-size:44px;margin-bottom:8px}.review-session-done-title{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text);margin-bottom:16px}.review-session-done-stats{display:flex;justify-content:center;gap:20px;margin-bottom:12px}.review-session-stat{display:flex;flex-direction:column;align-items:center}.review-session-stat-num{font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--accent)}.review-session-stat-label{font-size:11px;color:var(--text4);font-weight:600;margin-top:2px}.review-session-done-ratings{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.review-rating-pill{display:inline-flex;align-items:center;gap:2px;padding:3px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:700}.rv-combo{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-sm);background:var(--accent-bg);color:var(--accent);font-weight:800;font-size:12px;animation:rv-combo-pop .35s var(--ease) both}.rv-combo--fire{background:linear-gradient(135deg,var(--accent-bg),var(--red-bg));color:var(--red)}.rv-combo--legendary{background:linear-gradient(135deg,var(--accent-bg),var(--purple-bg));color:var(--purple);box-shadow:0 0 8px var(--purple-glow, rgba(167,139,250,.3))}.rv-combo-num{font-size:13px;font-family:var(--font-display)}.rv-combo-label{font-size:9px;letter-spacing:.5px;opacity:.8}@keyframes rv-combo-pop{0%{transform:scale(.6);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.rv-combo-bar{text-align:center;margin-bottom:10px;padding:6px 12px;background:var(--accent-bg);border-radius:var(--radius);border:1px solid var(--accent2);animation:rv-combo-pop .3s var(--ease) both}.rv-combo-bar-fire{font-size:14px}.rv-combo-bar-text{font-size:13px;font-weight:800;font-family:var(--font-display);color:var(--accent);margin-left:6px}.rv-combo-bar-msg{display:block;font-size:11px;font-weight:700;color:var(--text3);margin-top:2px}.mastery-map-bar{display:flex;border-radius:6px;overflow:hidden;height:10px;background:var(--border)}.mastery-seg{transition:background .5s var(--ease);animation-name:mastery-fill;animation-duration:.5s;animation-timing-function:var(--ease);animation-fill-mode:both;animation-delay:var(--seg-d, 0ms)}.mastery-seg--done{animation-name:mastery-fill,mastery-shimmer;animation-duration:.5s,3s;animation-timing-function:var(--ease),ease-in-out;animation-fill-mode:both,none;animation-iteration-count:1,infinite;animation-delay:var(--seg-d, 0ms),calc(var(--seg-d, 0ms) + 1s)}@keyframes mastery-fill{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes mastery-shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.mem-empty-state{text-align:center;padding:32px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.mem-empty-icon{font-size:48px;margin-bottom:8px}.mem-empty-title{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text);margin-bottom:8px}.mem-empty-desc{font-size:13px;color:var(--text3);line-height:1.5}.mem-empty-journey{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px;flex-wrap:wrap}.mem-empty-step{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 10px;background:var(--bg);border-radius:var(--radius);min-width:56px}.mem-empty-arrow{color:var(--text5);font-size:12px;font-weight:700}.mem-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.mem-cat-card{padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:all .15s}.mem-cat-card:hover{border-color:var(--border2)}.mem-cat-card svg{width:60px;height:24px}.kg-card{overflow:hidden}.kg-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:12px}.kg-title{font-family:var(--font-display);font-size:15px;font-weight:700;display:block}.kg-subtitle{font-size:11px;color:var(--text4);display:block;margin-top:2px}.kg-body{margin-top:14px;position:relative;background:var(--bg);border-radius:var(--radius);padding:8px;overflow:hidden}.kg-svg{width:100%;height:auto;display:block}.kg-edge{stroke:var(--border2);stroke-width:1;opacity:.35;transition:opacity .2s}.kg-edge--cross{stroke:var(--accent);stroke-dasharray:4,3;opacity:.45}.kg-node{cursor:pointer;transition:transform .2s}.kg-node circle{transition:all .25s var(--ease)}@keyframes kg-pop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.kg-node{animation:kg-pop .4s var(--ease) both}.kg-node--active circle{filter:brightness(1.2)}.kg-glow{opacity:.15}.kg-label{fill:var(--text3);font-size:8px;font-weight:600;text-anchor:middle;pointer-events:none}.kg-pct{fill:#fff;font-size:9px;font-weight:800;text-anchor:middle;dominant-baseline:middle;pointer-events:none;opacity:.9}.kg-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding:0 4px}.kg-legend-item{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text4)}.kg-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.kg-legend-line{width:16px;height:0;border-top:1.5px solid var(--border2);flex-shrink:0}.kg-legend-line--cross{border-top:1.5px dashed var(--accent)}.kg-tooltip{position:absolute;top:8px;right:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;font-size:11px;line-height:1.6;box-shadow:0 4px 12px #0003;pointer-events:none;z-index:5;animation:fade-in .15s ease;max-width:180px}.kg-tooltip-title{font-weight:700;font-size:12px;color:var(--text);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kg-tooltip-row{color:var(--text3)}.kg-tooltip-row strong{color:var(--text)}.kg-hint{text-align:center;font-size:10px;color:var(--text5);margin-top:8px}.upcoming-item{display:flex;align-items:center;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:all .15s}.upcoming-item:hover{border-color:var(--border2)}.alert-card{display:flex;align-items:center;background:var(--accent-bg);border:1px solid var(--accent2);border-radius:var(--radius);padding:14px 18px;min-height:48px;margin:16px 0;cursor:pointer;width:100%;text-align:left;color:var(--text);transition:all .15s}.alert-card:hover{background:var(--accent2)}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-top:16px;transition:all var(--transition)}.settings-title{font-family:var(--font-display);font-size:16px;font-weight:700;margin-bottom:10px}.stat-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.key-input{display:flex;gap:4px;align-items:center}.key-input input{flex:1}.source-picker{display:flex;gap:8px;margin:12px 0}.source-btn{flex:1;padding:14px 8px;min-height:48px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:center;transition:all .2s;color:var(--text3)}.source-btn:hover{border-color:var(--border2);background:var(--surface2)}.source-btn.active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.source-btn .source-icon{font-size:22px;display:block;margin-bottom:4px}.source-btn .source-label{font-size:11px;font-weight:600}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:8px;cursor:pointer;transition:all .2s}.summary-card:hover{border-color:var(--border2);box-shadow:var(--shadow)}.summary-card.open{border-color:var(--accent);background:var(--accent-bg)}.speed-timer-bar{height:6px;border-radius:3px;background:var(--border);overflow:hidden;margin-bottom:16px}.speed-timer-fill{height:100%;border-radius:3px;transition:width .1s linear}.speed-combo{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-pill);font-size:13px;font-weight:700;animation:comboPopIn .3s cubic-bezier(.4,0,.2,1)}.speed-score{font-family:var(--font-display);font-size:52px;font-weight:800}.speed-stat{text-align:center;padding:12px}.speed-stat-val{font-size:24px;font-weight:700;font-family:var(--font-display)}.speed-stat-label{font-size:11px;color:var(--text3);margin-top:2px;font-weight:500}.gen-progress{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin:16px 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:200;padding:16px;animation:fadeIn .2s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal{background:var(--glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-pill);padding:24px;width:100%;max-width:440px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:scaleIn .25s cubic-bezier(.4,0,.2,1)}.modal .input{background:#ffffff0d;border-color:var(--glass-border);color-scheme:dark}.modal select.input option{background:#141418;color:#e8e8e8}.modal .input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e8a8381a;background:#ffffff14}.modal .btn-ghost{border-color:var(--glass-border);background:#ffffff0a}.modal .btn-ghost:hover{background:#ffffff14;border-color:#ffffff1f}.modal .btn-icon{background:#ffffff0a;border-color:var(--glass-border)}.modal .btn-icon:hover{background:#ffffff14}[data-theme=light] .modal{background:#fcfaf7f2;border-color:#a86d121a}[data-theme=light] .modal .input{background:#fffc;border-color:#a86d121a;color-scheme:light}[data-theme=light] .modal select.input option{background:#fff;color:#1a1a1a}[data-theme=light] .modal .input:focus{background:#fff;border-color:var(--accent);box-shadow:0 0 0 3px #a86d1214}[data-theme=light] .modal .btn-ghost{border-color:#a86d121f;background:#ffffff80}[data-theme=light] .modal .btn-ghost:hover{background:#a86d120f}[data-theme=light] .modal .btn-icon{background:#ffffff80;border-color:#a86d121a}.modal-title{font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:16px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.toast{position:fixed;top:calc(env(safe-area-inset-top,0px) + 16px);left:50%;transform:translate(-50%);background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:11px 20px;border-radius:var(--radius);display:flex;align-items:center;gap:8px;z-index:300;max-width:380px;font-size:13px;font-weight:500;box-shadow:var(--shadow);border:1px solid var(--glass-border);animation:slideDown .3s cubic-bezier(.4,0,.2,1)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.empty p{color:var(--text4);margin-top:8px;font-size:13px;text-align:center}.recording-pulse{animation:pulse 1.2s ease-in-out infinite}.search-results{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:12px;overflow:hidden;animation:scaleIn .2s cubic-bezier(.4,0,.2,1)}.search-result-item{padding:14px 16px;min-height:48px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--surface2)}.search-result-type{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:700;padding:2px 8px;border-radius:var(--radius-sm);display:inline-block;margin-bottom:4px}@media print{body{background:#fff!important;color:#000!important}.sidebar,.mobile-nav,.mobile-header,.sidebar-overlay{display:none!important}.main-panel{margin-left:0!important;overflow-y:auto}.page{max-width:100%!important;padding:20px!important}.btn,.tabs,.back-btn,.icon-btn{display:none!important}.summary-card{break-inside:avoid;border:1px solid #ddd!important;margin-bottom:12px!important}}.install-banner{position:fixed;bottom:68px;left:8px;right:8px;z-index:200;background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-lg);padding:14px 16px;display:flex;align-items:center;gap:12px;animation:slideUp .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-lg)}@media(min-width:769px){.install-banner{bottom:20px;left:auto;right:20px;max-width:400px}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.install-banner-icon{width:44px;height:44px;border-radius:var(--radius);background:var(--accent-bg);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.install-banner-text{flex:1}.install-banner-title{font-weight:700;font-size:14px}.install-banner-sub{font-size:12px;color:var(--text3);margin-top:2px}.install-banner-actions{display:flex;gap:8px;flex-shrink:0}@media(display-mode:standalone){.mobile-header{padding-top:max(12px,env(safe-area-inset-top))}.sidebar-header{padding-top:max(20px,env(safe-area-inset-top))}.mobile-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}.tabs-grid{top:calc(max(12px,env(safe-area-inset-top)) + 57px)}.install-banner{display:none!important}}.md-content,.summary-content{font-size:14px;color:var(--text2);line-height:1.8;letter-spacing:.01em;overflow-wrap:break-word;word-wrap:break-word}.md-content ::selection,.summary-content ::selection{background:var(--accent-glow-lg)}.md-section-title{font-size:15px;font-weight:800;color:var(--text);font-family:var(--font-display);letter-spacing:-.01em;margin:22px 0 10px;padding:8px 0 6px;border-bottom:2px solid var(--accent-bg);display:flex;align-items:center;gap:4px}.md-section-title:first-child{margin-top:0}.md-para{margin:0 0 10px}.md-bold{color:var(--text);font-weight:700}.md-italic{font-style:italic;color:var(--text3)}.md-attrib{font-size:12px;color:var(--text3);margin:-6px 0 12px;padding-left:4px;line-height:1.5;font-style:italic}.md-bullet{position:relative;padding-left:24px;margin:6px 0;padding-top:2px;padding-bottom:2px}.md-bullet:before{content:"";position:absolute;left:8px;top:10px;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--amber-glow, rgba(232,168,56,.3))}.md-num{padding-left:4px;margin:10px 0;line-height:1.75;color:var(--text2);display:flex;gap:0}.md-num-n{font-weight:800;color:var(--accent);margin-right:8px;font-size:14px;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:22px}.md-arrow{position:relative;padding:8px 12px 8px 28px;margin:6px 0;font-weight:600;color:var(--text);background:#e8a8380a;border-radius:8px;border-left:3px solid var(--accent)}.md-arrow:before{content:"→";position:absolute;left:8px;top:8px;color:var(--accent);font-weight:800}.md-ts-link{color:var(--accent);text-decoration:none;font-weight:700;background:var(--accent-bg);padding:2px 8px;border-radius:var(--radius-sm);transition:all .2s;white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.md-ts-link:hover{background:var(--accent);color:var(--text-on-color);transform:scale(1.02)}.summary-card .md-content{padding:4px 0}.md-section-title+.md-para,.md-section-title+.md-bullet{margin-top:2px}.md-para-table{font-family:DM Sans,monospace;font-size:12px;white-space:pre-wrap}.md-table-wrap{overflow-x:auto;margin:10px 0;border-radius:var(--radius);border:1px solid var(--border)}.md-table{width:100%;border-collapse:collapse;font-size:12px}.md-table th{background:var(--surface2);color:var(--text);font-weight:700;text-align:left;padding:8px 12px;border-bottom:2px solid var(--accent-bg);font-size:11px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.md-table td{padding:7px 12px;border-bottom:1px solid var(--border);color:var(--text2);line-height:1.5;vertical-align:top}.md-table tr:last-child td{border-bottom:none}.md-table tr:hover td{background:#e8a83808}.md-table td:first-child{font-weight:600;color:var(--text)}.tts-bar{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.tts-btn{width:44px;height:44px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .15s}.tts-btn.play{background:var(--surface2);color:var(--accent);border:1px solid var(--border)}.tts-btn.play:hover{transform:scale(1.05)}.tts-btn.stop{background:var(--red-bg);color:var(--red)}.tts-progress{flex:1;height:4px;border-radius:2px;background:var(--border);overflow:hidden}.tts-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s}.highlight-popup{position:absolute;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px;display:flex;gap:6px;z-index:100;animation:scaleIn .15s cubic-bezier(.4,0,.2,1)}.highlight-popup button{padding:8px 12px;min-height:44px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;border:1px solid var(--border);background:var(--surface2);color:var(--text2);cursor:pointer;white-space:nowrap;font-family:var(--font);transition:all .15s}.highlight-popup button:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.time-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.time-chip{display:flex;align-items:center;gap:6px;padding:8px 12px;min-height:44px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:13px;font-weight:600;cursor:default;transition:all .2s}.time-chip .chip-remove{width:16px;height:16px;border-radius:50%;background:var(--border2);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;color:var(--text4);transition:all .15s}.time-chip .chip-remove:hover{background:var(--red);color:var(--text-on-color)}.time-add{padding:8px 14px;min-height:44px;display:inline-flex;align-items:center;background:var(--accent-bg);border:1px dashed var(--accent);border-radius:var(--radius-pill);font-size:13px;color:var(--accent);cursor:pointer;font-weight:600;transition:all .2s}.time-add:hover{background:var(--accent);color:var(--text-on-color)}.mode-option{display:flex;align-items:center;gap:10px;padding:12px 14px;min-height:48px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s}.mode-option.active{border-color:var(--accent);background:var(--accent-bg)}.mode-option .mode-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--border2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mode-option.active .mode-radio{border-color:var(--accent)}.mode-option.active .mode-radio:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}.quiet-hours{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.quiet-hours input[type=time]{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:6px 10px;color:var(--text);font-size:16px;font-family:var(--font)}.snooze-menu{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.snooze-btn{padding:8px 12px;min-height:44px;display:inline-flex;align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:8px;font-size:12px;color:var(--text2);cursor:pointer;transition:all .15s;white-space:nowrap}.snooze-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.review-actions{display:flex;gap:6px;align-items:center}.rating-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rating-btn{padding:10px 0;min-height:48px;font-size:12px;line-height:1.3;border-radius:var(--radius)}.rating-btn.rating-forgot{border-color:var(--red);color:var(--red)}.rating-btn.rating-hard{border-color:var(--amber);color:var(--amber)}.rating-btn.rating-good{border-color:var(--accent);color:var(--accent)}.rating-btn.rating-easy{border-color:var(--green);color:var(--green)}.rating-emoji{font-size:16px}.rating-label{font-size:10px;margin-top:2px}.rating-desc{font-size:9px;opacity:.6}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:600;background:var(--red);color:var(--text-on-color);padding:calc(env(safe-area-inset-top,0px) + 10px) 16px 10px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:600;animation:slideDown .3s cubic-bezier(.4,0,.2,1)}.offline-banner button{background:#fff3;border:1px solid rgba(255,255,255,.4);color:var(--text-on-color);padding:4px 14px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;font-family:var(--font);transition:all .15s}.offline-banner button:hover{background:#ffffff59}.undo-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:500;background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);padding:12px 18px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-lg);animation:slideUp .3s cubic-bezier(.4,0,.2,1);min-width:280px}@media(min-width:769px){.undo-toast{bottom:30px}}.undo-toast .undo-text{flex:1;font-size:13px;font-weight:600}.undo-toast .undo-btn{background:var(--accent);color:var(--text-on-color);border:none;padding:6px 16px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;font-family:var(--font);transition:all .15s}.undo-toast .undo-btn:hover{transform:scale(1.05)}.undo-toast .undo-timer{width:28px;height:28px;border-radius:50%;border:2px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text3);flex-shrink:0}.bg-task-card{position:fixed;top:calc(env(safe-area-inset-top,0px) + 60px);right:12px;z-index:250;background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--accent);border-radius:var(--radius);padding:10px 14px;display:flex;align-items:center;gap:10px;max-width:300px;box-shadow:var(--shadow-lg);cursor:pointer;animation:slideDown .3s cubic-bezier(.4,0,.2,1)}.bg-task-card .bg-task-icon{width:24px;height:24px;border-radius:50%;border:2.5px solid var(--accent);border-top-color:transparent;animation:spin .8s linear infinite;flex-shrink:0}.bg-task-card.bg-task-done .bg-task-icon{border:none;background:var(--green, #22c55e);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;animation:none}.bg-task-card.bg-task-error .bg-task-icon{border:none;background:var(--red, #ef4444);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;animation:none}.bg-task-card .bg-task-info{flex:1;min-width:0}.bg-task-card .bg-task-title{font-size:12px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bg-task-card .bg-task-label{font-size:11px;color:var(--text3);margin-top:2px}.bg-task-card .bg-task-progress{font-size:11px;font-weight:700;color:var(--accent);flex-shrink:0}.bg-task-card.bg-task-done{border-color:var(--green, #22c55e)}.bg-task-card.bg-task-error{border-color:var(--red, #ef4444)}@media(min-width:769px){.bg-task-card{top:calc(env(safe-area-inset-top,0px) + 16px)}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px}.onboard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:500;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.onboard-container{width:100%;max-width:440px;padding:32px 24px;text-align:center}.onboard-steps{display:flex;justify-content:center;gap:8px;margin-bottom:32px}.onboard-dot{width:8px;height:8px;border-radius:50%;background:var(--border2);transition:all .3s}.onboard-dot.active{width:24px;border-radius:4px;background:var(--accent)}.onboard-icon{font-size:64px;margin-bottom:20px;display:block;animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}.onboard-title{font-family:var(--font-display);font-size:26px;font-weight:800;color:var(--text);margin-bottom:8px;letter-spacing:-.02em}.onboard-desc{font-size:14px;color:var(--text3);line-height:1.7;margin-bottom:32px;max-width:340px;margin-left:auto;margin-right:auto}.onboard-actions{display:flex;gap:10px;justify-content:center}.onboard-skip{font-size:13px;color:var(--text4);background:none;border:none;cursor:pointer;padding:10px 16px}.onboard-skip:hover{color:var(--text2)}.onboard-next{padding:12px 32px;background:var(--accent);color:var(--text-on-color);border:none;border-radius:var(--radius);font-size:14px;font-weight:700;cursor:pointer;font-family:var(--font);transition:all .2s}.onboard-next:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-glow-lg)}.confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:500}.goal-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.goal-modal-card{width:100%;max-width:360px;padding:24px}.goal-modal-title{font-size:16px;font-weight:700;margin-bottom:16px}.goal-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.goal-row-icon{font-size:16px}.goal-row-label{flex:1;font-size:13px;font-weight:600}.goal-stepper{display:flex;align-items:center;gap:6px}.goal-stepper-btn{width:28px;height:28px;border-radius:8px;border:1px solid var(--border);background:var(--bg);cursor:pointer;font-size:14px;font-weight:700;color:var(--text3)}.goal-stepper-val{font-family:var(--font-display);font-size:18px;font-weight:800;min-width:28px;text-align:center}.goal-modal-actions{display:flex;gap:8px;margin-top:16px}.book-complete-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .25s ease}.book-complete-card{background:var(--bg);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;max-width:380px;width:100%;box-shadow:var(--shadow-xl);animation:book-complete-in .4s var(--ease) both}@keyframes book-complete-in{0%{transform:scale(.85) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.book-complete-emoji{font-size:56px;margin-bottom:12px;animation:celebratePop .6s ease}.book-complete-title{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--text);margin-bottom:8px}.book-complete-desc{font-size:13px;color:var(--text3);line-height:1.6}.book-finish-btn{animation:celebratePop .4s ease;background:transparent!important;color:var(--accent)!important;border:2.5px solid var(--accent)!important;font-weight:800!important;letter-spacing:.3px}[data-theme=light] .book-finish-btn{background:transparent!important;color:var(--accent)!important;border:2.5px solid var(--accent)!important}.spotlight-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:400;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn .15s cubic-bezier(.4,0,.2,1)}.spotlight-box{width:100%;max-width:560px;background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;animation:scaleIn .2s cubic-bezier(.4,0,.2,1)}.spotlight-input{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border)}.spotlight-input input{flex:1;background:none;border:none;color:var(--text);font-size:16px;outline:none;font-family:var(--font)}.spotlight-input svg{width:20px;height:20px;color:var(--text4)}.spotlight-input kbd{background:var(--surface2);border:1px solid var(--border2);border-radius:5px;padding:2px 6px;font-size:11px;color:var(--text4);font-family:var(--font)}.spotlight-results{max-height:360px;overflow-y:auto}.spotlight-item{display:flex;align-items:center;gap:12px;padding:12px 20px;min-height:48px;cursor:pointer;transition:background .1s}.spotlight-item:hover,.spotlight-item.focused{background:var(--accent-bg)}.spotlight-item .sp-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.spotlight-item .sp-info{flex:1;min-width:0}.spotlight-item .sp-title{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotlight-item .sp-meta{font-size:11px;color:var(--text4);margin-top:1px}.spotlight-empty{padding:32px 20px;text-align:center;color:var(--text4);font-size:13px}.spotlight-hint{padding:10px 20px;border-top:1px solid var(--border);display:flex;gap:16px;font-size:11px;color:var(--text5)}.hero-card{background:linear-gradient(135deg,var(--surface) 0%,var(--surface2) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;margin-bottom:20px;position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,var(--accent-bg) 0%,transparent 70%);pointer-events:none}.progress-ring{transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:var(--border)}.progress-ring-fill{fill:none;stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.book-progress-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .2s;color:var(--text);font-family:var(--font)}.book-progress-card .book-title{color:var(--accent)}.book-progress-card:hover{border-color:var(--border2);transform:translateY(-1px);box-shadow:var(--shadow)}.summary-read-check{width:28px;height:28px;border-radius:var(--radius-sm);border:2px solid var(--border2);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:all .2s}.summary-read-check:hover{border-color:var(--accent)}.summary-read-check.read{background:var(--green);border-color:var(--green)}.summary-read-check.read svg{width:12px;height:12px;color:var(--text-on-color)}@keyframes fireGlow{0%,to{text-shadow:0 0 8px var(--accent-glow-lg)}50%{text-shadow:0 0 16px var(--accent-glow-lg)}}.streak-fire{animation:fireGlow 2s cubic-bezier(.4,0,.2,1) infinite}.rr-shimmer-text{background:linear-gradient(105deg,var(--accent) 0%,#c084fc 35%,var(--accent) 65%,#c084fc 100%);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rrShimmer 3s ease infinite}@keyframes rrShimmer{0%{background-position:300% 0}to{background-position:-300% 0}}.rr-celebrate-stat{animation:rrStatPop .5s cubic-bezier(.34,1.56,.64,1) both}.rr-celebrate-stat:nth-child(2){animation-delay:.1s}.rr-celebrate-stat:nth-child(3){animation-delay:.2s}.rr-celebrate-stat:nth-child(4){animation-delay:.3s}@keyframes rrStatPop{0%{transform:scale(.5) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.rr-celebrate-icon{animation:rrIconBounce .7s cubic-bezier(.34,1.56,.64,1) both}@keyframes rrIconBounce{0%{transform:scale(0) rotate(-15deg)}50%{transform:scale(1.25) rotate(5deg)}to{transform:scale(1) rotate(0)}}.rr-glow-pulse{animation:rrGlowPulse 2s ease-in-out infinite}@keyframes rrGlowPulse{0%,to{box-shadow:0 0 8px var(--accent-glow-sm)}50%{box-shadow:0 0 18px var(--accent-glow-lg),0 0 36px #c084fc1a}}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.flashcard-scene{perspective:800px;margin-top:16px}.flashcard-3d{position:relative;width:100%;min-height:180px;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;cursor:pointer}.flashcard-3d.flipped{transform:rotateY(180deg)}.flashcard-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.flashcard-front{background:linear-gradient(135deg,var(--surface) 0%,var(--surface2) 100%);border:2px solid var(--border2)}.flashcard-back{background:linear-gradient(135deg,var(--accent-bg) 0%,var(--surface) 100%);border:2px solid var(--accent);border-opacity:.3;transform:rotateY(180deg)}.summary-item{display:flex;gap:12px;align-items:center}.summary-item .summary-check{width:20px;height:20px;border-radius:50%;border:2px solid var(--border2);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.summary-item .summary-check:hover{border-color:var(--accent);background:var(--accent-bg);transform:scale(1.1)}.summary-item .summary-check.done{background:var(--accent-bg);border-color:var(--accent);transform:scale(1)}.summary-item .summary-check.done svg{color:var(--accent);width:11px;height:11px}.read-time{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text5);margin-left:8px}.book-header-stats{display:flex;gap:16px;margin-top:8px;flex-wrap:wrap}.book-header-stat{text-align:center}.book-header-stat .bhs-num{font-family:var(--font-display);font-size:18px;font-weight:800}.book-header-stat .bhs-label{font-size:11px;color:var(--text4);text-transform:uppercase;letter-spacing:.5px}.nt-container{animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.nt-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px;flex-wrap:wrap}.nt-header-left{display:flex;align-items:center;gap:10px}.nt-title{font-family:var(--font-display);font-size:24px;font-weight:800;letter-spacing:-.02em}.nt-count{background:var(--accent-bg);color:var(--accent);font-size:12px;font-weight:700;padding:2px 10px;border-radius:var(--radius-pill)}.nt-header-actions{display:flex;gap:8px}.nt-import-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px}.nt-import-title{font-family:var(--font-display);font-size:16px;font-weight:700;margin-bottom:16px;display:flex;align-items:center}.nt-import-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:768px){.nt-import-options{grid-template-columns:1fr}}.nt-import-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s;text-align:center;color:var(--text)}.nt-import-option:hover{border-color:var(--accent);background:var(--accent-bg);transform:translateY(-2px);box-shadow:var(--shadow)}.nt-import-icon{width:44px;height:44px;border-radius:var(--radius);background:var(--accent-bg);display:flex;align-items:center;justify-content:center;color:var(--accent)}.nt-import-icon svg{width:22px;height:22px}.nt-import-label{font-weight:700;font-size:14px}.nt-import-desc{font-size:12px;color:var(--text3);line-height:1.4}.nt-paste-instructions{margin-bottom:16px}.nt-paste-step{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:13px;color:var(--text2)}.nt-paste-step strong{color:var(--text)}.nt-paste-num{width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--text-on-color);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}[data-theme=dark] .nt-paste-num{color:var(--bg)}.nt-paste-zone{min-height:120px;padding:20px;border:2px dashed var(--border2);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;transition:all .2s;cursor:text;outline:none}.nt-paste-zone:empty:before{content:attr(data-placeholder);color:var(--text4);pointer-events:none}.nt-paste-zone:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.nt-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px}.nt-form-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.nt-subject-input{flex:1;padding:10px 0;background:none;border:none;border-bottom:2px solid var(--border);color:var(--text);font-family:var(--font-display);font-size:20px;font-weight:700;outline:none;transition:border-color .2s;letter-spacing:-.02em}.nt-subject-input:focus{border-bottom-color:var(--accent)}.nt-subject-input::placeholder{color:var(--text4)}.nt-form-meta{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.nt-select{padding:8px 30px 8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:16px;outline:none;transition:all .2s;cursor:pointer;min-width:120px;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238888a0' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.nt-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.nt-tags-input{flex:1;padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:16px;outline:none;transition:all .2s;min-width:140px}.nt-tags-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.nt-tags-input::placeholder{color:var(--text4)}.nt-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.nt-editor-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg);transition:border-color .2s,box-shadow .2s}.nt-editor-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.nt-toolbar{display:flex;align-items:center;gap:2px;padding:6px 8px;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;position:sticky;top:0;z-index:5}.nt-toolbar-group{display:flex;gap:2px}.nt-toolbar-sep{width:1px;height:20px;background:var(--border);margin:0 4px;flex-shrink:0}@media(max-width:768px){.nt-toolbar-sep{display:none}.nt-toolbar{gap:1px;padding:4px 6px}}.nt-tbtn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);border:none;background:none;color:var(--text3);cursor:pointer;font-size:13px;font-weight:600;transition:all .15s;font-family:var(--font)}.nt-tbtn:hover{background:var(--surface2);color:var(--text)}.nt-tbtn.active{background:var(--accent-bg);color:var(--accent)}.nt-tbtn svg{width:16px;height:16px}@media(max-width:768px){.nt-tbtn{width:34px;height:34px}}.nt-editor{min-height:200px;max-height:60vh;padding:16px;color:var(--text);font-size:14px;line-height:1.8;outline:none;overflow-y:auto;resize:vertical;-webkit-user-modify:read-write}.nt-editor:empty:before{content:attr(data-placeholder);color:var(--text4);pointer-events:none}.nt-editor h1{font-family:var(--font-display);font-size:22px;font-weight:800;margin:12px 0 8px;color:var(--text)}.nt-editor h2{font-family:var(--font-display);font-size:18px;font-weight:700;margin:10px 0 6px;color:var(--text)}.nt-editor h3{font-family:var(--font-display);font-size:15px;font-weight:700;margin:8px 0 4px;color:var(--text)}.nt-editor p{margin-bottom:8px}.nt-editor ul,.nt-editor ol{padding-left:20px;margin:6px 0}.nt-editor li{margin:4px 0}.nt-editor blockquote{border-left:3px solid var(--accent);padding:8px 16px;margin:8px 0;background:var(--accent-bg);border-radius:0 8px 8px 0;font-style:italic;color:var(--text2)}.nt-editor img{max-width:100%;height:auto;border-radius:8px;margin:8px 0;display:block;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.nt-editor strong{color:var(--text);font-weight:700}.nt-editor a{color:var(--accent);text-decoration:underline}.nt-editor-resize-hint{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px;font-size:10px;color:var(--text5);border-top:1px solid var(--border);cursor:ns-resize;-webkit-user-select:none;user-select:none}.nt-editor-resize-hint svg{width:10px;height:10px}.nt-filters{margin-bottom:16px}.nt-notes-grid{display:grid;gap:12px}@media(min-width:769px){.nt-notes-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.nt-note-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:all .2s;display:flex;flex-direction:column;gap:8px}.nt-note-card:hover{border-color:var(--border2);box-shadow:var(--shadow);transform:translateY(-1px)}.nt-note-header{display:flex;align-items:center;justify-content:space-between}.nt-note-cat-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 10px;border-radius:var(--radius-pill);display:inline-block}.nt-note-cat-badge[data-cat=Cours]{background:var(--blue-bg);color:var(--blue)}.nt-note-cat-badge[data-cat=Revision]{background:var(--green-bg);color:var(--green)}.nt-note-cat-badge[data-cat=Idees]{background:var(--purple-bg);color:var(--purple)}.nt-note-cat-badge[data-cat=Important]{background:var(--red-bg);color:var(--red)}.nt-note-cat-badge[data-cat="Apple Notes"]{background:var(--accent-bg);color:var(--accent)}.nt-note-cat-badge[data-cat=Autre]{background:var(--surface2);color:var(--text3)}.nt-note-date{font-size:11px;color:var(--text4)}.nt-note-title{font-family:var(--font-display);font-size:15px;font-weight:700;line-height:1.3;color:var(--text)}.nt-note-preview{font-size:13px;color:var(--text3);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.nt-note-img-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text4);background:var(--surface2);padding:2px 8px;border-radius:var(--radius)}.nt-note-tags{display:flex;gap:4px;flex-wrap:wrap}.nt-tag{font-size:11px;color:var(--accent);background:var(--accent-bg);padding:2px 8px;border-radius:var(--radius);font-weight:500}.nt-note-actions{display:flex;gap:4px;margin-top:auto;padding-top:8px;border-top:1px solid var(--border)}.nt-view-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);width:100%;max-width:720px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow);overflow:hidden}.nt-view-header{padding:24px 24px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start}.nt-view-title{font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:-.02em}.nt-view-meta{display:flex;gap:8px;font-size:12px;color:var(--text3);margin-top:6px}.nt-view-body{flex:1;overflow-y:auto;padding:24px}.nt-view-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.nt-rendered-content{font-size:15px;line-height:1.8;color:var(--text2)}.nt-rendered-content h1{font-family:var(--font-display);font-size:22px;font-weight:800;margin:16px 0 8px;color:var(--text)}.nt-rendered-content h2{font-family:var(--font-display);font-size:18px;font-weight:700;margin:14px 0 6px;color:var(--text)}.nt-rendered-content h3{font-family:var(--font-display);font-size:15px;font-weight:700;margin:12px 0 4px;color:var(--text)}.nt-rendered-content p{margin-bottom:10px}.nt-rendered-content ul,.nt-rendered-content ol{padding-left:20px;margin:8px 0}.nt-rendered-content li{margin:4px 0}.nt-rendered-content blockquote{border-left:3px solid var(--accent);padding:10px 16px;margin:10px 0;background:var(--accent-bg);border-radius:0 8px 8px 0;font-style:italic}.nt-rendered-content img{max-width:100%;height:auto;border-radius:var(--radius);margin:12px 0;display:block;border:1px solid var(--border);box-shadow:var(--shadow-md)}.nt-rendered-content strong{color:var(--text);font-weight:700}.nt-rendered-content a{color:var(--accent);text-decoration:underline}.flex-center{display:flex;align-items:center;justify-content:center}.flex-col{display:flex;flex-direction:column}.gap-xs{gap:var(--space-1)}.gap-sm{gap:var(--space-2)}.gap-md{gap:var(--space-3)}.gap-lg{gap:var(--space-4)}.gap-xl{gap:var(--space-6)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-pill{border-radius:var(--radius-pill)}.nt-view-images{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.nt-view-img{max-width:100%;max-height:400px;object-fit:contain;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-md)}.nt-edit-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);width:100%;max-width:720px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow);padding:24px}@media(max-width:768px){.nt-header{flex-direction:column;align-items:flex-start}.nt-header-actions{width:100%}.nt-header-actions .btn{flex:1;justify-content:center}.nt-form{padding:16px}.nt-subject-input{font-size:18px}.nt-form-meta{flex-direction:column}.nt-select{min-width:auto;width:100%}.nt-editor{min-height:180px;padding:12px;font-size:16px}.nt-view-modal,.nt-edit-modal{max-height:95vh;border-radius:16px}.nt-view-header,.nt-view-body,.nt-view-footer{padding-left:16px;padding-right:16px}.nt-edit-modal{padding:16px}.nt-tbtn{width:30px;height:30px;font-size:12px}.nt-toolbar{padding:4px}}.action-dropdown{position:absolute;right:0;top:100%;margin-top:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:6px;min-width:210px;z-index:50;animation:fadeIn .15s cubic-bezier(.4,0,.2,1);max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.action-dropdown button,.action-dropdown label{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:none;background:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;color:var(--text2);font-family:var(--font);transition:background .15s;text-align:left}.action-dropdown button:hover,.action-dropdown label:hover{background:var(--bg)}.action-dropdown .danger{color:var(--red)}.action-dropdown .pro-locked{opacity:.55}.dropdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:49;background:transparent;overscroll-behavior:contain}.dash-v2{padding-top:8px}.dash-greeting{font-family:var(--font-display);font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0;line-height:1.2}.dash-greeting-sub{font-size:13px;color:var(--text3);margin-top:4px;font-weight:500}.dash-streak-badge{display:flex;align-items:center;gap:8px;padding:8px 18px;border-radius:var(--radius-pill);background:var(--accent-bg);border:1px solid var(--accent2);animation:streakBounce .5s cubic-bezier(.34,1.56,.64,1) both}.dash-streak-badge .streak-num{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--accent);line-height:1}.dash-streak-badge .streak-label{font-size:10px;color:var(--text4);font-weight:700;text-transform:uppercase;letter-spacing:.5px;line-height:1}.streak-dots{display:flex;gap:3px;margin-top:3px}.streak-dot{width:6px;height:6px;border-radius:50%;background:var(--border2);transition:background .2s,transform .2s}.streak-dot.active{background:var(--accent)}.streak-dot.today{box-shadow:0 0 0 1.5px var(--accent2)}.streak-dot.active.today{box-shadow:0 0 0 1.5px var(--accent),0 0 4px var(--accent-glow-sm)}.streak-best{font-size:9px;color:var(--text4);font-weight:600;margin-top:2px;letter-spacing:.3px;opacity:.8}.streak-next-milestone{display:flex;align-items:center;gap:5px;margin-top:3px}.streak-milestone-bar{width:36px;height:3px;border-radius:1.5px;background:var(--border2);overflow:hidden}.streak-milestone-fill{height:100%;border-radius:1.5px;background:var(--accent);transition:width .5s cubic-bezier(.4,0,.2,1)}.streak-milestone-label{font-size:9px;color:var(--text4);font-weight:600;white-space:nowrap}@keyframes streakBounce{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.dash-hero{margin-top:20px;padding:22px 20px;border-radius:var(--radius-lg);cursor:pointer;background:var(--accent-bg);border:1px solid var(--border);width:100%;text-align:left;color:var(--text);position:relative;overflow:hidden;transition:transform .15s,border-color .2s;font-family:var(--font)}.dash-hero:hover,.dash-hero.goals-done{border-color:var(--accent)}.dash-hero:active{transform:scale(.98);transition:all .1s}.dash-hero-title{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--accent-text);position:relative;z-index:1}.dash-hero-sub{font-size:13px;color:var(--text3);margin-top:4px;position:relative;z-index:1}.dash-hero-arrow{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;font-weight:700;color:#fff;background:var(--accent);padding:10px 22px;border-radius:var(--radius-pill);border:none;letter-spacing:.3px}.dash-hero-arrow svg{width:16px;height:16px;transition:transform .2s}.dash-hero:hover .dash-hero-arrow svg{transform:translate(3px)}.dash-hero-ring{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:64px;height:64px;z-index:1;display:flex;align-items:center;justify-content:center}.dash-ring-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:var(--accent);transform:rotate(-90deg)}.dash-ring-svg .ring-progress{animation:ringFill .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes ringFill{0%{stroke-dasharray:0 97.4}}.dash-ring-num{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--accent);position:relative;z-index:1}.dash-ring-progress{display:flex;flex-direction:column;align-items:center;line-height:1;position:relative;z-index:1}.dash-ring-done{font-family:var(--font-display);font-size:18px;font-weight:800}.dash-ring-total{font-size:9px;font-weight:600;color:var(--text5);margin-top:1px}.dash-ring-check{font-size:20px;font-weight:800;color:var(--green);position:relative;z-index:1}.dash-hero-ring.ring-complete{filter:drop-shadow(0 0 6px var(--accent-glow-sm))}[data-theme=light] .dash-hero-arrow{background:var(--accent);color:#fff}.dash-section-header{display:flex;align-items:center;justify-content:space-between;margin-top:36px;margin-bottom:14px}.dash-section-title{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.2px;margin:0}.dash-goals-toggle{display:flex;align-items:center;cursor:pointer;gap:2px;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.dash-section-link{font-size:12px;color:var(--accent);background:none;border:none;cursor:pointer;font-weight:600;font-family:var(--font);padding:4px 8px;border-radius:8px;transition:background .15s}.dash-section-link:hover{background:var(--accent-bg)}.dash-book-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .2s;color:var(--text);font-family:var(--font)}.dash-book-card:active{transform:scale(.98);transition:all .1s}.dash-book-card:hover{border-color:var(--border2)}.dash-book-card .book-cover-img{width:52px;height:72px;object-fit:cover;border-radius:8px;flex-shrink:0}.dash-book-card .book-cover-placeholder{width:52px;height:72px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-book-card .book-cover-placeholder svg{width:18px;height:18px}.dash-book-card .book-info{flex:1;min-width:0}.dash-book-card .dash-book-title{font-weight:600;font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-book-card .dash-book-author{font-size:12px;color:var(--text3);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-book-card .progress-track{height:5px;border-radius:3px;background:var(--border);overflow:hidden;margin-top:6px}.dash-book-card .progress-track .fill{height:100%;border-radius:3px;transition:width .5s ease}.dash-book-card .progress-label{font-size:11px;color:var(--text4);font-weight:600;margin-top:4px;display:flex;align-items:center;justify-content:space-between}.dash-book-card.hero-card{padding:16px}.dash-book-card.hero-card .book-cover-img,.dash-book-card.hero-card .book-cover-placeholder{width:58px;height:80px}.dash-book-card.hero-card .dash-book-title{font-size:15px}.dash-book-card.hero-card .progress-track{height:6px}.dash-book-chev{width:18px;height:18px;flex-shrink:0;color:var(--text5);transition:transform .2s,color .2s}.dash-book-card:hover .dash-book-chev{color:var(--accent);transform:translate(2px)}.dash-book-card .book-cta{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--accent);margin-top:6px;padding:3px 10px;background:var(--accent-bg);border-radius:var(--radius-pill);border:1px solid var(--accent2);letter-spacing:.2px}.dash-book-card .book-cta svg{width:11px;height:11px}.dash-progress-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px 16px}.dash-goal-row{display:flex;align-items:center;gap:10px;padding:9px 0}.dash-goal-row+.dash-goal-row{border-top:1px solid var(--border)}.dash-goal-row-icon{font-size:15px;flex-shrink:0;width:20px;text-align:center}.dash-goal-row-label{font-size:12px;font-weight:600;color:var(--text3);min-width:72px}.dash-goal-row-bar{flex:1;height:6px;border-radius:3px;background:var(--border);overflow:hidden}.dash-goal-row-bar .fill{height:100%;border-radius:3px;transition:width .5s ease}.dash-goal-row-count{font-family:var(--font-display);font-size:13px;font-weight:700;min-width:48px;text-align:right}.dash-goal-adjust{display:flex;gap:2px;margin-left:4px;opacity:0;transition:opacity .15s}.dash-goal-row:hover .dash-goal-adjust{opacity:1}@media(hover:none){.dash-goal-adjust{opacity:1}}.dash-goal-adj-btn{width:22px;height:22px;border-radius:6px;border:1px solid var(--border);background:var(--bg);cursor:pointer;font-family:var(--font);font-size:13px;font-weight:700;color:var(--text4);display:flex;align-items:center;justify-content:center;padding:0;transition:all .15s;line-height:1}.dash-goal-adj-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.dash-goal-adj-btn:disabled{opacity:.3;cursor:default}.dash-goal-row.done{opacity:1}.dash-goal-row.done .dash-goal-row-label{color:var(--text2)}.dash-inline-stats{display:flex;align-items:center;gap:0;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);flex-wrap:wrap}.dash-inline-stat{flex:1;text-align:center;padding:2px 0;min-width:0}.dash-stat-hero{flex:2}.dash-stat-extra{animation:statFadeIn .25s cubic-bezier(.4,0,.2,1) both}@keyframes statFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dash-inline-stat+.dash-inline-stat{border-left:1px solid var(--border)}.dash-inline-num{font-family:var(--font-display);font-size:16px;font-weight:800;display:block}.dash-inline-label{font-size:11px;color:var(--text4);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.dash-inline-sub{display:block;font-size:10px;color:var(--text5);margin-top:1px}.dash-book-card.compact-card{padding:10px 12px}.dash-book-card.compact-card .book-cover-img,.dash-book-card.compact-card .book-cover-placeholder{width:40px;height:56px;border-radius:6px}.dash-book-card.compact-card .dash-book-title{font-size:13px}.dash-book-card.compact-card .dash-book-author{font-size:11px}.dash-book-card.compact-card .progress-track{height:4px;margin-top:4px}.dash-book-card.compact-card .progress-label{font-size:10px;margin-top:2px}.dash-nudge-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;border-left:3px solid var(--accent)}.dash-abandoned-btn{width:100%;display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:14px;cursor:pointer;font-family:var(--font);transition:all .15s;border-left:3px solid var(--amber)}.dash-abandoned-btn:hover{border-color:var(--border2)}.dash-achievements-wrap{display:flex;justify-content:center;margin-top:16px}.dash-achievements-preview{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;transition:all .15s}.dash-achievements-preview:hover{border-color:var(--border2)}.dash-achievements-preview .badge-stack{display:flex;gap:4px}.dash-achievements-preview .badge-emoji{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--accent-bg);border:1px solid var(--accent2);border-radius:8px;font-size:13px;flex-shrink:0}.dash-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:10px;font-size:12px;transition:all .15s}.dash-badge.unlocked{background:var(--accent-bg);border:1px solid var(--accent2)}.dash-badge.locked{background:var(--surface2);border:1px solid var(--border);opacity:.35}.badge-celebrate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease both;cursor:pointer}.badge-celebrate-card{text-align:center;padding:32px 28px;background:var(--surface);border:2px solid var(--accent);border-radius:var(--radius-lg);box-shadow:0 0 40px var(--accent-glow-md),var(--shadow-lg);animation:badgeCelebrateIn .5s cubic-bezier(.34,1.56,.64,1) both;max-width:280px}.badge-celebrate-emoji{font-size:48px;margin-bottom:12px;animation:badgeEmojiBounce .6s cubic-bezier(.34,1.56,.64,1) .2s both}.badge-celebrate-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--accent);font-weight:700;margin-bottom:6px}.badge-celebrate-name{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--text);margin-bottom:4px}.badge-celebrate-desc{font-size:13px;color:var(--text3);line-height:1.4}@keyframes badgeCelebrateIn{0%{transform:scale(.5) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes badgeEmojiBounce{0%{transform:scale(0) rotate(-20deg)}60%{transform:scale(1.3) rotate(5deg)}to{transform:scale(1) rotate(0)}}.dash-daily-done{display:flex;align-items:center;gap:14px;padding:14px 16px;margin:10px 0 4px;background:var(--green-bg);border:1px solid var(--green);border-radius:var(--radius-lg);animation:dailyDoneIn .5s cubic-bezier(.34,1.56,.64,1) both}.dash-daily-done-icon{width:36px;height:36px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;flex-shrink:0}.dash-daily-done-body{flex:1;min-width:0}.dash-daily-done-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:4px}.dash-daily-done-stats{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--text3);font-weight:600}.dash-daily-done-stats span{white-space:nowrap}.dash-daily-done-close{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;border:none;background:transparent;color:var(--text4);font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.dash-daily-done-close:hover{color:var(--text);background:var(--surface2)}@keyframes dailyDoneIn{0%{transform:scale(.92) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}[data-theme=light] .dash-daily-done{border-color:var(--green)}.dash-next-badge{display:flex;align-items:center;gap:10px;padding:10px 14px;margin-top:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:12px}.dash-next-badge-emoji{font-size:20px;flex-shrink:0}.dash-next-badge-info{flex:1;min-width:0}.dash-next-badge-name{font-size:11px;font-weight:600;color:var(--text3);display:block;margin-bottom:4px}.dash-next-badge-bar{height:4px;border-radius:2px;background:var(--border);overflow:hidden}.dash-next-badge-fill{height:100%;border-radius:2px;background:var(--accent);transition:width .6s cubic-bezier(.4,0,.2,1)}.dash-next-badge-count{font-size:11px;font-weight:700;color:var(--accent);white-space:nowrap;flex-shrink:0}.dash-empty-books{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;background:var(--surface);border:2px dashed var(--border);border-radius:16px;text-align:center}.dash-empty-books svg{width:36px;height:36px;color:var(--text5);margin-bottom:8px}.dash-empty-books p{color:var(--text4);font-size:13px;margin:0 0 12px}.dash-show-more{display:flex;align-items:center;justify-content:center;gap:5px;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;color:var(--text3);font-size:12px;font-weight:600;font-family:var(--font);transition:all .15s;width:100%}.dash-show-more:hover{background:var(--surface2);border-color:var(--border2)}.confetti-container{position:fixed;top:0;left:0;right:0;height:100vh;pointer-events:none;z-index:1000;overflow:hidden}.confetti-particle{position:absolute;top:-10px;border-radius:2px;animation:confettiFall 2.5s ease-out forwards}@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0) scale(1);opacity:1}70%{opacity:1}to{transform:translateY(100vh) rotate(720deg) scale(.3);opacity:0}}.dash-goal-row.done .dash-goal-row-count{animation:goalPop .4s cubic-bezier(.34,1.56,.64,1) both}.dash-goal-row.done .dash-goal-row-icon{animation:goalPop .35s cubic-bezier(.34,1.56,.64,1) .1s both}@keyframes goalPop{0%{transform:scale(.8)}60%{transform:scale(1.15)}to{transform:scale(1)}}.dash-goal-row.just-done{animation:goalRowCelebrate .6s cubic-bezier(.34,1.56,.64,1) both}.dash-goal-row.just-done .dash-goal-row-bar .fill{animation:goalBarFlash .6s ease both}.dash-goal-row.just-done .dash-goal-row-count{animation:goalCountPop .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes goalRowCelebrate{0%{transform:scale(1);background:transparent}30%{transform:scale(1.02);background:var(--accent-bg)}to{transform:scale(1);background:transparent}}@keyframes goalBarFlash{0%{box-shadow:none}40%{box-shadow:0 0 8px currentColor}to{box-shadow:none}}@keyframes goalCountPop{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}.dash-progress-card.all-done{border-color:var(--accent)}.dash-goals-complete-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;margin-bottom:10px;border-radius:10px;background:var(--accent-bg);color:var(--accent);animation:goalBannerIn .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes goalBannerIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.dash-greeting{font-size:26px;letter-spacing:-.6px;line-height:1.15}.dash-greeting img{width:48px;height:48px;border-radius:0;box-shadow:none;border:none;outline:none}.dash-greeting-sub{font-size:13px;color:var(--text4);margin-top:6px;line-height:1.4;font-weight:400;letter-spacing:.1px}.dash-streak-badge{background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}.streak-dot.active{background:var(--accent);box-shadow:0 0 4px var(--accent-glow-sm)}.streak-dot.today{box-shadow:0 0 0 1.5px var(--accent-glow-sm)}.streak-dot.active.today{box-shadow:0 0 0 1.5px var(--accent),0 0 6px var(--accent-glow-md)}.dash-hero{margin-top:24px;padding:24px 22px;border-radius:20px;background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-md),0 0 0 1px var(--accent-glow-sm);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s}.dash-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:linear-gradient(135deg,var(--accent-bg) 0%,transparent 60%);pointer-events:none;z-index:0}.dash-hero:hover{border-color:var(--glass-border);box-shadow:var(--shadow-lg),0 0 20px var(--accent-glow-sm)}.dash-hero-title{font-size:18px;letter-spacing:-.3px}.dash-hero-sub{font-size:13px;color:var(--text4);font-weight:400}.dash-hero-arrow{margin-top:16px;padding:10px 24px;border-radius:12px;font-size:13px;font-weight:600;letter-spacing:.2px;box-shadow:0 2px 8px var(--accent-glow-sm);transition:box-shadow .2s,transform .15s}.dash-hero:hover .dash-hero-arrow{box-shadow:0 4px 16px var(--accent-glow-md)}.dash-hero-ring{width:72px;height:72px;right:20px}.dash-ring-svg{filter:drop-shadow(0 0 4px var(--accent-glow-sm))}.dash-ring-num{font-size:18px}.dash-ring-done{font-size:17px}.dash-ring-total{font-size:9px}.dash-section-header{margin-top:36px;margin-bottom:14px}.dash-section-title{font-size:12px;font-weight:700;letter-spacing:.6px;color:var(--text3);text-transform:uppercase;font-family:var(--font);display:flex;align-items:center;gap:6px}.dash-section-title:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--accent);flex-shrink:0}.dash-book-card{background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:18px;padding:14px 16px;gap:14px;box-shadow:var(--shadow-sm);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s,border-color .2s}.dash-book-card:hover{transform:translateY(-1px);border-color:var(--glass-border);box-shadow:var(--shadow-md)}.dash-book-card:active{transform:scale(.98) translateY(0)}.dash-book-card .book-cover-img{border-radius:10px;box-shadow:0 2px 8px #0003}.dash-book-card .book-cover-placeholder{border-radius:10px;box-shadow:0 2px 8px #00000026}.dash-book-card .dash-book-title{font-size:14px;font-weight:600;letter-spacing:-.1px}.dash-book-card .dash-book-author{font-size:11px;color:var(--text4)}.dash-book-card .progress-track{height:3px;border-radius:2px;background:var(--glass-border);margin-top:8px}.dash-book-card .progress-track .fill{border-radius:2px}.dash-book-card .progress-label{font-size:10px;margin-top:4px;color:var(--text4)}.dash-book-card .progress-label span:last-child{font-size:12px;font-weight:800}.dash-book-card .book-cta{border-radius:10px;font-size:11px;padding:4px 12px;border:1px solid var(--accent-glow-sm);background:var(--accent-bg)}.dash-book-card.hero-card{padding:16px 18px}.dash-book-card.hero-card .book-cover-img,.dash-book-card.hero-card .book-cover-placeholder{width:66px;height:92px;border-radius:10px}.dash-book-card.compact-card{padding:12px 14px}.dash-book-card.compact-card .book-cover-img,.dash-book-card.compact-card .book-cover-placeholder{width:46px;height:64px;border-radius:8px}.dash-progress-card{background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:18px;padding:16px 18px;box-shadow:var(--shadow-sm)}.dash-progress-card.all-done{border-color:var(--accent-glow-sm);box-shadow:var(--shadow-sm),0 0 16px var(--accent-glow-sm)}.dash-goal-row{padding:10px 0;gap:12px}.dash-goal-row+.dash-goal-row{border-top:1px solid var(--glass-border)}.dash-goal-row-bar{height:7px;border-radius:4px;background:var(--glass-border)}.dash-goal-row-bar .fill{border-radius:4px}.dash-goal-row-label{font-size:12px;color:var(--text4)}.dash-goal-row-count{font-size:12px}.dash-goals-complete-banner{border-radius:12px;padding:10px 16px;background:var(--accent-bg)}.dash-inline-stats{border-top:1px solid var(--glass-border)}.dash-inline-stat+.dash-inline-stat{border-left:1px solid var(--glass-border)}.dash-inline-num{font-size:15px}.dash-nudge-card{background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;padding:14px 16px;box-shadow:var(--shadow-sm)}.dash-daily-done{background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--green);border-radius:18px;box-shadow:var(--shadow-sm),0 0 16px #34d3991a}[data-theme=light] .dash-daily-done{border-color:var(--green);box-shadow:var(--shadow-sm),0 0 16px #16a34a14}[data-theme=light] .dash-book-card,[data-theme=light] .dash-progress-card,[data-theme=light] .dash-nudge-card,[data-theme=light] .dash-next-badge,[data-theme=light] .dash-achievements-preview{border-color:#0000001a;background:#fffffff2}[data-theme=light] .dash-hero{border-color:#a86d1226;background:#fffffff2}[data-theme=light] .dash-streak-badge{border-color:#00000014;background:#fffffff2}[data-theme=light] .dash-goal-row-bar{background:#0000000f}[data-theme=light] .dash-goal-row+.dash-goal-row{border-top-color:#0000000f}[data-theme=light] .dash-section-title{color:var(--text4)}.dash-achievements-preview{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.dash-achievements-preview .badge-emoji{background:var(--accent-bg);border:1px solid var(--glass-border);border-radius:10px}.dash-badge.unlocked{background:var(--accent-bg);border:1px solid var(--glass-border);border-radius:12px}.dash-badge.locked{background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;opacity:.3}.dash-next-badge{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:14px;box-shadow:var(--shadow-sm)}.dash-next-badge-bar{background:var(--glass-border)}.dash-abandoned-btn{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:14px}.dash-empty-books{background:var(--glass);border:2px dashed var(--glass-border);border-radius:18px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dash-show-more{background:var(--glass);border:1px solid var(--glass-border);border-radius:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dash-show-more:hover{background:var(--surface);box-shadow:var(--shadow-sm)}.goal-modal-card{background:var(--glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow-xl)}.dash-goal-adj-btn{background:var(--glass);border-color:var(--glass-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dash-goal-adj-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:#e8a8381f}[data-theme=light] .dash-goal-adj-btn{background:#ffffffb3;border-color:#a86d121a}[data-theme=light] .dash-goal-adj-btn:hover:not(:disabled){background:#a86d1214;border-color:var(--accent)}.whats-new-card{background:var(--surface);border:1px solid var(--border)}.whats-new-card{background:#ffffff0d;border-color:var(--glass-border)}[data-theme=light] .whats-new-card{background:#fff9;border-color:#a86d121a}@media(max-width:768px){.sidebar{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right-color:var(--glass-border)}.sidebar-header{border-bottom-color:var(--glass-border)}.sidebar-search input{background:#ffffff0d;border-color:var(--glass-border)}.sidebar-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e8a8381a}.sidebar-nav-btn:hover{background:#ffffff0f}.sidebar-nav-btn.active{background:#e8a8381a;color:var(--accent)}.sidebar-book-item:hover{background:#ffffff0d}.sidebar-book-item.active{background:#e8a83814}.sidebar-footer{border-top-color:var(--glass-border)}.theme-toggle{background:#ffffff0d;border-color:var(--glass-border)}.theme-toggle:hover{border-color:#ffffff1f}[data-theme=light] .sidebar{background:#fcfaf7d1;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:none;box-shadow:1px 0 16px #a86d120f,4px 0 32px #0000000a}[data-theme=light] .sidebar-header{border-bottom:1px solid rgba(168,109,18,.08)}[data-theme=light] .sidebar-search input{background:#a86d120a;border-color:#a86d121a}[data-theme=light] .sidebar-search input:focus{background:#fff;border-color:var(--accent);box-shadow:0 0 0 3px #a86d1214}[data-theme=light] .sidebar-nav-btn:hover{background:#a86d120d}[data-theme=light] .sidebar-nav-btn.active{background:#a86d121a;color:var(--accent);box-shadow:0 1px 4px #a86d1214}[data-theme=light] .sidebar-book-item:hover{background:#a86d120a}[data-theme=light] .sidebar-book-item.active{background:#a86d1214}[data-theme=light] .sidebar-footer{border-top:1px solid rgba(168,109,18,.08)}[data-theme=light] .theme-toggle{background:#a86d120a;border-color:#a86d121a}}.mobile-nav{background:var(--glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top-color:var(--glass-border)}.mobile-header{background:var(--glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom-color:var(--glass-border)}[data-theme=light] .theme-toggle:hover{border-color:#a86d1233}[data-theme=light] .mobile-nav{background:#fcfaf7d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top-color:#a86d120f;box-shadow:0 -1px 12px #0000000a}[data-theme=light] .mobile-header{background:#fcfaf7d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom-color:#a86d120f;box-shadow:0 1px 8px #00000008}.dash-hero{margin-top:28px}.dash-achievements-wrap{margin-top:24px}.dash-next-badge{margin-top:12px}.dash-achievements-preview{padding:10px 16px;border-radius:16px;width:100%;justify-content:center}@media(max-width:374px){.dash-greeting{font-size:21px}.dash-hero{padding:20px 16px;border-radius:16px}.dash-book-card{border-radius:14px}.dash-progress-card{border-radius:14px;padding:12px 14px}}.daily-main-card{border:1px solid rgba(232,168,56,.35)!important;box-shadow:var(--shadow-sm),0 0 16px #e8a83814}.daily-stat-box{background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:none}.daily-panel{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.daily-overlay-header{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border)}.daily-overlay-footer{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);padding-bottom:max(16px,env(safe-area-inset-bottom))}.daily-content-card{background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.daily-quiz-option{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid var(--glass-border);border-radius:var(--radius);transition:all .2s}.daily-quiz-option:not(:disabled):hover{border-color:#ffffff1f;background:#ffffff0f}.daily-quiz-expl{background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--radius)}.rr-celebrate-stat{background:#ffffff0a;border:1px solid var(--glass-border);border-radius:14px;padding:12px 18px}.lib-finished-btn{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius)}.daily-streak-pill{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.daily-bonus-check,.daily-flash-detail{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.daily-flashback-card{box-shadow:var(--shadow-sm)}.daily-rating-pill{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}[data-theme=light] .daily-main-card{border-color:#a86d124d!important;box-shadow:var(--shadow-sm),0 0 12px #a86d120f}[data-theme=light] .daily-stat-box{background:#00000008;border-color:#00000014}[data-theme=light] .daily-panel{background:#ffffffe6;border-color:#00000014;backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=light] .daily-overlay-header{background:#fcfaf7eb;border-bottom-color:#0000000f;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}[data-theme=light] .daily-overlay-footer{background:#fcfaf7eb;border-top-color:#0000000f;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}[data-theme=light] .daily-content-card{background:#00000005;border-color:#00000014}[data-theme=light] .daily-quiz-option{background:#fffffff2;border-color:#0000001a;backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=light] .daily-quiz-option:not(:disabled):hover{border-color:#00000026;background:#fff}[data-theme=light] .daily-quiz-expl,[data-theme=light] .rr-celebrate-stat{background:#00000008;border-color:#00000014}[data-theme=light] .lib-finished-btn{background:#ffffffe6;border-color:#00000014;backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=light] .daily-streak-pill{background:#f59e0b14;border-color:#f59e0b26;backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=light] .daily-bonus-check,[data-theme=light] .daily-rating-pill{backdrop-filter:none;-webkit-backdrop-filter:none}@media(max-width:374px){.page{padding:12px 10px 100px}.modal{max-width:calc(100vw - 24px);padding:18px 14px}.toast{max-width:calc(100vw - 24px);padding:10px 14px;font-size:12px}.undo-toast{min-width:auto;max-width:calc(100vw - 24px);padding:10px 12px}.bg-task-card{max-width:calc(100vw - 24px);right:6px}.action-dropdown{min-width:0;max-width:calc(100vw - 24px)}.lib-folder-menu,.lib-card-menu-drop,.tabs-more-menu{min-width:0;max-width:calc(100vw - 32px)}.dash-greeting,.title{font-size:22px}.stat-num{font-size:24px}.speed-score{font-size:40px}.book-header{padding:12px}.book-header h1{font-size:15px!important}.search-bar{gap:6px}.search-bar input{font-size:16px}.gen-progress{padding:16px 12px}.card{padding:14px 12px}.settings-section,.quiz-card{padding:16px 12px}.quiz-empty,.review-session-done{padding:20px 12px}.mem-empty-state{padding:24px 12px}.kg-grid,.nt-notes-grid{grid-template-columns:1fr!important}.nav-btn{padding:6px 8px}}.ob2-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:500;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:24px 16px}.ob2-container{width:100%;max-width:480px;text-align:center}.ob2-container.ob2-enter{animation:ob2FadeIn .3s ease forwards}.ob2-container.ob2-exit{animation:ob2FadeOut .25s ease forwards}@keyframes ob2FadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ob2FadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.ob2-dots{display:flex;justify-content:center;gap:8px;margin-bottom:28px}.ob2-dot{width:8px;height:8px;border-radius:50%;background:var(--border2);transition:all .3s}.ob2-dot.active{width:24px;border-radius:4px;background:var(--accent)}.ob2-dot.done{background:var(--accent);opacity:.5}.ob2-logo{font-size:56px;margin-bottom:12px;display:block;animation:scaleIn .5s ease}.ob2-title{font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--text);margin-bottom:6px;letter-spacing:-.02em}.ob2-subtitle{font-size:14px;color:var(--text3);line-height:1.6;margin-bottom:28px;max-width:360px;margin-left:auto;margin-right:auto}.ob2-features{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;text-align:left}.ob2-feature{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);transition:all .3s ease;cursor:default}.ob2-feature.active{border-color:var(--accent);background:var(--accent-bg);transform:translate(4px);box-shadow:0 2px 12px var(--accent-glow-sm)}.ob2-feature-icon{font-size:28px;flex-shrink:0}.ob2-feature-text{display:flex;flex-direction:column;gap:2px}.ob2-feature-text strong{font-size:14px;font-weight:700;color:var(--text)}.ob2-feature-text span{font-size:12px;color:var(--text4);line-height:1.5}.ob2-feature.active .ob2-feature-text strong{color:var(--accent)}.ob2-flow{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;margin-bottom:28px;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text3)}.ob2-flow-arrow{color:var(--accent);font-size:14px}.ob2-source-grid{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.ob2-source-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);cursor:pointer;transition:all .2s ease;text-align:left;width:100%;font-family:var(--font);color:var(--text)}.ob2-source-card:hover,.ob2-source-card:active{border-color:var(--accent);background:var(--accent-bg);transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-glow-sm)}.ob2-source-icon{font-size:32px;flex-shrink:0}.ob2-source-info{display:flex;flex-direction:column;gap:2px;flex:1}.ob2-source-info strong{font-size:15px;font-weight:700}.ob2-source-info span{font-size:12px;color:var(--text4);line-height:1.4}.ob2-source-arrow{font-size:18px;color:var(--accent);flex-shrink:0;opacity:.5;transition:all .2s}.ob2-source-card:hover .ob2-source-arrow{opacity:1;transform:translate(4px)}.ob2-demo-section{margin-bottom:20px;padding-top:16px;border-top:1px solid var(--border)}.ob2-demo-label{font-size:12px;color:var(--text4);margin-bottom:10px;font-weight:600}.ob2-demo-buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.ob2-demo-btn{padding:8px 14px;border-radius:var(--radius);border:1px solid var(--green);background:var(--green-bg);color:var(--green);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;font-family:var(--font)}.ob2-demo-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #22c55e33}.ob2-actions{display:flex;gap:10px;justify-content:center;align-items:center}.ob2-next{padding:14px 36px;background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius);font-size:15px;font-weight:700;cursor:pointer;font-family:var(--font);transition:all .2s}.ob2-next:hover{transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-glow-lg)}.ob2-back{font-size:13px;color:var(--text4);background:none;border:none;cursor:pointer;padding:10px 16px;font-family:var(--font)}.ob2-back:hover{color:var(--text2)}.ob2-skip{font-size:13px;color:var(--text4);background:none;border:none;cursor:pointer;padding:10px 16px;font-family:var(--font);text-decoration:underline;text-underline-offset:3px}.ob2-skip:hover{color:var(--text2)}.ctx-tooltip{position:absolute;z-index:600;background:var(--accent);color:var(--bg);padding:10px 14px;border-radius:var(--radius);font-size:12px;font-weight:600;line-height:1.5;max-width:260px;box-shadow:0 4px 20px #0003;animation:ctxPop .3s ease;pointer-events:auto}.ctx-tooltip:after{content:"";position:absolute;width:10px;height:10px;background:var(--accent);transform:rotate(45deg)}.ctx-tooltip.arrow-top:after{top:-5px;left:50%;margin-left:-5px}.ctx-tooltip.arrow-bottom:after{bottom:-5px;left:50%;margin-left:-5px}.ctx-tooltip.arrow-left:after{left:-5px;top:50%;margin-top:-5px}.ctx-tooltip-dismiss{display:inline-block;margin-top:6px;font-size:11px;opacity:.8;background:none;border:none;color:var(--bg);cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px;font-family:var(--font)}@keyframes ctxPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:374px){.ob2-overlay{padding:16px 10px}.ob2-container{max-width:100%}.ob2-title{font-size:22px}.ob2-subtitle{max-width:100%;font-size:13px}.ob2-logo{font-size:44px}.ob2-next{padding:12px 24px;font-size:14px}.ob2-feature,.ob2-source-card{padding:12px 10px;gap:10px}.ctx-tooltip{max-width:calc(100vw - 32px)}}