:root{--bg: #faf6ef;--surface: #ffffff;--surface-soft: #f5eee3;--text: #3a2e28;--text-secondary: #8a7a6d;--primary: #e07b39;--primary-strong: #c96a2b;--primary-soft: #f9e8d8;--border: #eadfd2;--shadow: 0 2px 12px rgba(58, 46, 40, .08);--shadow-float: 0 6px 24px rgba(58, 46, 40, .16);--danger: #c0503f;--font-ui: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", sans-serif;--font-reader: "Noto Serif SC", "Source Han Serif SC", "Songti SC", SimSun, serif;--topbar-h: 48px;--nav-h: 56px}:root[data-theme=dark]{--bg: #1b1613;--surface: #272019;--surface-soft: #322a22;--text: #ece3d8;--text-secondary: #a29383;--primary: #e88a4e;--primary-strong: #f09a62;--primary-soft: #3d2d1f;--border: #3b3229;--shadow: 0 2px 12px rgba(0, 0, 0, .3);--shadow-float: 0 6px 24px rgba(0, 0, 0, .45);--danger: #d9705e}@media (prefers-color-scheme: dark){:root:not([data-theme=light]):not([data-theme=dark]){--bg: #1b1613;--surface: #272019;--surface-soft: #322a22;--text: #ece3d8;--text-secondary: #a29383;--primary: #e88a4e;--primary-strong: #f09a62;--primary-soft: #3d2d1f;--border: #3b3229;--shadow: 0 2px 12px rgba(0, 0, 0, .3);--shadow-float: 0 6px 24px rgba(0, 0, 0, .45);--danger: #d9705e}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}#root{min-height:100vh;min-height:100dvh}.app-shell{max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--bg);position:relative;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbar-date{font-size:13px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.topbar-brand{font-size:15px;font-weight:700;color:var(--primary);letter-spacing:.5px}.topbar-right{display:inline-flex;align-items:center;gap:12px}.topbar-coins{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:var(--primary-strong);font-variant-numeric:tabular-nums}.page{flex:1;padding:16px 16px calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 20px)}.page-title{font-size:20px;font-weight:700;margin:4px 0 14px}.section-title{font-size:15px;font-weight:700;margin:20px 0 10px;color:var(--text)}.muted{color:var(--text-secondary);font-size:13px;line-height:1.7}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:var(--shadow)}.card+.card{margin-top:12px}.today-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.today-card-main{display:flex;align-items:baseline;gap:10px;min-width:0}.today-card-minutes{display:flex;align-items:baseline;gap:4px}.today-card-number{font-size:26px;font-weight:700;color:var(--primary);font-variant-numeric:tabular-nums;line-height:1}.today-card-unit{font-size:13px;color:var(--text-secondary)}.today-card-meta{display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--text-secondary)}.today-card-streak{color:var(--primary-strong);font-weight:600}.today-card-checkin{flex-shrink:0;border-radius:999px;padding:9px 14px;font-size:13px;white-space:nowrap}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0}.settings-row+.settings-row{border-top:1px solid var(--border)}.settings-label{font-size:14px;font-weight:600}.segmented{display:inline-flex;gap:2px;padding:3px;background:var(--surface-soft);border-radius:10px}.segmented-item{border:none;background:transparent;border-radius:8px;padding:6px 10px;font-size:12px;color:var(--text-secondary);transition:background .15s ease,color .15s ease}.segmented-item.active{background:var(--surface);color:var(--primary-strong);font-weight:700;box-shadow:var(--shadow)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-cell{background:var(--surface-soft);border-radius:12px;padding:10px 8px;text-align:center}.stat-value{font-size:17px;font-weight:700;color:var(--primary);font-variant-numeric:tabular-nums}.stat-label{font-size:11px;color:var(--text-secondary);margin-top:3px}.calendar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.calendar-nav{display:inline-flex;align-items:center;gap:6px}.calendar-title{min-width:88px;text-align:center;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-weekday{padding-bottom:2px;text-align:center;font-size:11px;color:var(--text-secondary)}.calendar-cell{aspect-ratio:1;display:grid;place-items:center;border-radius:8px;background:var(--surface-soft);font-size:11px;color:var(--text-secondary)}.calendar-cell.blank{background:transparent}.calendar-cell.checked{background:var(--primary);color:#fff;font-weight:700}.calendar-cell.today{box-shadow:inset 0 0 0 1.5px var(--primary-strong)}.calendar-legend{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:11px;color:var(--text-secondary)}.calendar-swatch{width:10px;height:10px;border-radius:3px;display:inline-block}.calendar-swatch.checked{background:var(--primary)}.calendar-swatch.today-swatch{box-shadow:inset 0 0 0 1.5px var(--primary-strong)}.btn{border:none;border-radius:12px;padding:9px 16px;font-size:14px;font-weight:600;background:var(--surface-soft);color:var(--text);transition:transform .05s ease,opacity .15s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.btn-block{width:100%;padding:13px;font-size:15px}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.import-zone{border:2px dashed var(--border);border-radius:16px;padding:26px 16px;text-align:center;color:var(--text-secondary);font-size:14px;line-height:1.8;transition:border-color .15s ease,background .15s ease;cursor:pointer}.import-zone:hover,.import-zone.dragging{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-strong)}.book-row{display:flex;flex-direction:column;gap:10px}.book-row-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.book-title{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-meta{font-size:12px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.chip{flex-shrink:0;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--surface-soft);color:var(--text-secondary);border:1px solid var(--border)}.chip-format{font-size:11px;font-weight:500;padding:2px 8px;color:var(--text-muted, var(--text-secondary));background:transparent}.chip-reading{background:var(--primary-soft);color:var(--primary-strong);border-color:transparent}.chip-finished{background:#e3f0e4;color:#4a7a52;border-color:transparent}@media (prefers-color-scheme: dark){.chip-finished{background:#24332a;color:#8fc49b}}.progress-track{height:6px;border-radius:999px;background:var(--surface-soft);overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:var(--primary);transition:width .2s ease}.continue-card{display:flex;flex-direction:column;gap:12px}.continue-card .progress-track{height:10px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.feature-cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px 10px;border-radius:14px;background:var(--surface);border:1px solid var(--border);font-size:12px;color:var(--text);text-align:center}.feature-cell:not(:disabled):active{transform:scale(.96)}.feature-cell.planned{color:var(--text-secondary);cursor:default}.feature-cell .feature-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--primary-soft);color:var(--primary-strong)}.feature-cell.planned .feature-icon{background:var(--surface-soft);color:var(--text-secondary)}.feature-badge{position:absolute;top:5px;right:5px;font-size:10px;font-weight:700;padding:1px 6px;border-radius:999px;background:var(--surface-soft);color:var(--text-secondary)}.empty-state{text-align:center;padding:36px 16px;color:var(--text-secondary);font-size:14px;line-height:1.9;border:2px dashed var(--border);border-radius:16px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);display:flex;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:30}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:none;font-size:11px;color:var(--text-secondary)}.nav-item.active{color:var(--primary);font-weight:700}.reader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bg);display:flex;flex-direction:column}.reader-stage{flex:1;overflow-y:auto;padding:20px 20px 96px;-webkit-overflow-scrolling:touch;touch-action:pan-y}.epub-stage{flex:1;min-height:0;position:relative;overflow:hidden}.epub-stage iframe{border:0;display:block}.pdf-stage{flex:1;min-height:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none}.pdf-canvas{display:block}.pdf-canvas.rendering{opacity:.35}.pdf-rendering{position:absolute;font-size:13px;color:var(--text-secondary);background:var(--surface, #fff);padding:4px 12px;border-radius:999px;border:1px solid var(--border)}.reader-inner{max-width:40em;margin:0 auto}.reader-chapter-title{font-family:var(--font-reader);font-size:1.15em;font-weight:700;margin:0 0 1.2em;text-align:center;color:var(--text)}.reader-text{font-family:var(--font-reader);line-height:1.9;color:var(--text)}.reader-line{margin:0 0 .6em;white-space:pre-wrap;word-break:break-word}.reader-bar{position:absolute;left:0;right:0;display:flex;align-items:center;gap:6px;padding:8px 12px;background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:var(--border);transition:opacity .2s ease;z-index:10}.reader-bar[hidden]{display:none}.reader-bar-top{top:0;border-bottom:1px solid var(--border)}.reader-bar-bottom{bottom:0;border-top:1px solid var(--border);padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.reader-bar-title{flex:1;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-bar-progress{font-size:12px;color:var(--text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0}.icon-btn{border:none;background:none;color:var(--text);padding:8px;border-radius:10px;display:grid;place-items:center;font-size:13px;font-weight:600}.icon-btn:disabled{opacity:.35}.icon-btn:not(:disabled):active{background:var(--surface-soft)}.reader-fontsize{display:flex;align-items:center;gap:2px;margin-left:auto}.reader-drawer-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:20}.reader-drawer{position:absolute;top:0;bottom:0;right:0;width:min(78%,320px);background:var(--surface);z-index:21;overflow-y:auto;padding:16px 0 calc(16px + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow-float)}.reader-drawer-title{font-size:15px;font-weight:700;padding:0 16px 12px;border-bottom:1px solid var(--border)}.chapter-item{display:block;width:100%;text-align:left;border:none;background:none;padding:11px 16px;font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-item.current{color:var(--primary);font-weight:700;background:var(--primary-soft)}.placeholder-hero{text-align:center;padding:40px 12px 28px}.placeholder-hero .placeholder-icon{width:72px;height:72px;margin:0 auto 14px;border-radius:22px;background:var(--primary-soft);color:var(--primary-strong);display:grid;place-items:center}.placeholder-hero h2{margin:0 0 6px;font-size:18px}.placeholder-list{margin:12px 0 0;padding:0;list-style:none;text-align:left}.placeholder-list li{padding:10px 0;border-bottom:1px dashed var(--border);font-size:14px;line-height:1.7}.placeholder-list li:last-child{border-bottom:none}.credit-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dashed var(--border);font-size:13px;line-height:1.6}.credit-row:last-child{border-bottom:none}.credit-name{font-weight:600;flex-shrink:0}.credit-detail{color:var(--text-secondary);text-align:right}.toast{position:fixed;top:calc(var(--topbar-h) + 12px);left:50%;transform:translate(-50%);z-index:100;background:var(--text);color:var(--bg);font-size:13px;font-weight:600;padding:9px 18px;border-radius:999px;box-shadow:var(--shadow-float);animation:toast-in .18s ease;max-width:82vw;text-align:center}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.reader-loading{flex:1;display:grid;place-items:center;color:var(--text-secondary);font-size:14px}