: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}}:root[data-skin=glass]:not([data-theme=dark]){--surface: rgba(255, 255, 255, .62);--surface-soft: rgba(255, 255, 255, .42);--border: rgba(255, 255, 255, .6);--shadow: 0 8px 30px rgba(58, 46, 40, .14);--shadow-float: 0 12px 40px rgba(58, 46, 40, .22)}:root[data-skin=glass][data-theme=dark]{--surface: rgba(45, 38, 33, .55);--surface-soft: rgba(50, 42, 34, .42);--border: rgba(255, 255, 255, .1);--shadow: 0 8px 30px rgba(0, 0, 0, .34);--shadow-float: 0 12px 40px rgba(0, 0, 0, .48)}@media (prefers-color-scheme: dark){:root[data-skin=glass]:not([data-theme=light]):not([data-theme=dark]){--surface: rgba(45, 38, 33, .55);--surface-soft: rgba(50, 42, 34, .42);--border: rgba(255, 255, 255, .1);--shadow: 0 8px 30px rgba(0, 0, 0, .34);--shadow-float: 0 12px 40px rgba(0, 0, 0, .48)}}:root[data-skin=glass]:not([data-theme=dark]) .app-shell{background:linear-gradient(135deg,#fdf2e3,#f4e8fa,#e7f0fb)}:root[data-skin=glass][data-theme=dark] .app-shell{background:linear-gradient(135deg,#1c1714,#241d2b,#182230)}@media (prefers-color-scheme: dark){:root[data-skin=glass]:not([data-theme=light]):not([data-theme=dark]) .app-shell{background:linear-gradient(135deg,#1c1714,#241d2b,#182230)}}:root[data-skin=glass] .card,:root[data-skin=glass] .topbar,:root[data-skin=glass] .bottom-nav{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}:root[data-skin=glass] .card{border-radius:20px;border-color:var(--border)}:root[data-skin=pixel]:not([data-theme=dark]){--bg: #f3e9d2;--surface: #fffaf0;--surface-soft: #efe2c4;--text: #2e2620;--text-secondary: #7a6a58;--primary: #d2691e;--primary-strong: #b5570f;--primary-soft: #f6e2c4;--border: #2e2620;--shadow: 3px 3px 0 rgba(46, 38, 32, .9);--shadow-float: 5px 5px 0 rgba(46, 38, 32, .9);--font-ui: "Courier New", "DejaVu Sans Mono", "PingFang SC", monospace}:root[data-skin=pixel][data-theme=dark]{--bg: #161310;--surface: #221d18;--surface-soft: #2c251e;--text: #f3e9d2;--text-secondary: #b3a18a;--primary: #e8945a;--primary-strong: #f0a874;--primary-soft: #34271c;--border: #f3e9d2;--shadow: 3px 3px 0 rgba(0, 0, 0, .9);--shadow-float: 5px 5px 0 rgba(0, 0, 0, .9);--font-ui: "Courier New", "DejaVu Sans Mono", "PingFang SC", monospace}@media (prefers-color-scheme: dark){:root[data-skin=pixel]:not([data-theme=light]):not([data-theme=dark]){--bg: #161310;--surface: #221d18;--surface-soft: #2c251e;--text: #f3e9d2;--text-secondary: #b3a18a;--primary: #e8945a;--primary-strong: #f0a874;--primary-soft: #34271c;--border: #f3e9d2;--shadow: 3px 3px 0 rgba(0, 0, 0, .9);--shadow-float: 5px 5px 0 rgba(0, 0, 0, .9);--font-ui: "Courier New", "DejaVu Sans Mono", "PingFang SC", monospace}}:root[data-skin=pixel] .card,:root[data-skin=pixel] .btn,:root[data-skin=pixel] .segmented,:root[data-skin=pixel] .chip,:root[data-skin=pixel] .import-zone,:root[data-skin=pixel] .repo-link,:root[data-skin=pixel] .stat-bar-track,:root[data-skin=pixel] .progress-track,:root[data-skin=pixel] .ai-input{border-radius:0;border:2px solid var(--border)}:root[data-skin=pixel] .btn-primary{box-shadow:none}:root[data-skin=pixel] .topbar,:root[data-skin=pixel] .bottom-nav{border-radius:0}:root[data-skin=pixel] .page-title,:root[data-skin=pixel] .section-title{font-family:var(--font-ui);letter-spacing:1px}*{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-group-title{margin:14px 0 2px;font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.05em}.credit-group-title:first-child{margin-top:0}.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}.repo-link{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text);transition:border-color .15s ease,transform .15s ease}.repo-link:hover{border-color:var(--primary)}.repo-link:active{transform:scale(.99)}.repo-link-github{width:24px;height:24px;fill:var(--text);flex-shrink:0}.repo-link-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.repo-link-title{font-size:14px;font-weight:600}.repo-link-url{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.repo-link-arrow{width:16px;height:16px;stroke:var(--text-secondary);fill:none;stroke-width:1.5;flex-shrink:0}@media (prefers-reduced-motion: reduce){.repo-link{transition:none}.repo-link:active{transform:none}}.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}:root{--stat-hunger: #e07b39;--stat-mood: #d9738f;--stat-energy: #6b9bd1;--stat-growth: #9c7bc0}:root[data-theme=dark]{--stat-hunger: #e88a4e;--stat-mood: #e08ba0;--stat-energy: #8fb4dd;--stat-growth: #b294d4}@media (prefers-color-scheme: dark){:root:not([data-theme=light]):not([data-theme=dark]){--stat-hunger: #e88a4e;--stat-mood: #e08ba0;--stat-energy: #8fb4dd;--stat-growth: #b294d4}}.cat-stage{position:relative;display:flex;justify-content:center;padding:10px 0 4px}.cat-canvas{display:block;image-rendering:pixelated}.cat-stage--lg .cat-canvas{width:160px;height:160px}.cat-stage--sm .cat-canvas{width:84px;height:84px}.cat-zzz{position:absolute;top:6px;right:22%;display:flex;align-items:baseline;gap:2px;font-weight:700;color:var(--text-secondary);pointer-events:none}.cat-zzz span{font-size:15px;animation:zzz-float 1.8s ease-in-out infinite}.cat-zzz span:nth-child(2){font-size:12px;animation-delay:.35s}.cat-zzz span:nth-child(3){font-size:10px;animation-delay:.7s}@keyframes zzz-float{0%{opacity:0;transform:translateY(5px)}35%{opacity:1}to{opacity:0;transform:translateY(-9px)}}.pet-hero-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.pet-identity{display:flex;align-items:baseline;gap:8px;min-width:0}.pet-name{font-size:17px;font-weight:700}.pet-stage{font-size:12px;color:var(--primary-strong);background:var(--primary-soft);border-radius:999px;padding:2px 10px;font-weight:600}.pet-hero-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.pet-affinity{font-size:13px;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums}.pet-mood-chip{font-size:12px;color:var(--text-secondary);background:var(--surface-soft);border-radius:999px;padding:2px 10px}.bond-banner{margin:2px auto 0;font-size:13px;font-weight:600;color:var(--primary-strong);background:var(--primary-soft);border-radius:999px;padding:6px 14px;text-align:center;animation:bond-in .3s ease}@keyframes bond-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.pet-growth{margin-top:8px}.pet-growth-head{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;font-weight:600;margin-bottom:6px}.stat-bars{display:flex;flex-direction:column;gap:10px}.stat-bar-row{display:grid;grid-template-columns:52px 1fr 30px;align-items:center;gap:10px}.stat-bar-label{font-size:13px;color:var(--text-secondary)}.stat-bar-value{font-size:13px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.stat-bar-track{height:8px;border-radius:999px;background:var(--surface-soft);overflow:hidden}.stat-bar-fill{height:100%;border-radius:999px;background:var(--stat-energy);transition:width .4s ease}.stat-bar-fill--hunger{background:var(--stat-hunger)}.stat-bar-fill--mood{background:var(--stat-mood)}.stat-bar-fill--growth{background:var(--stat-growth)}.stat-bar-fill.is-low{background:var(--danger)}.pet-actions .btn-row .btn{flex:1}.pet-shop-hint{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.pet-shop-hint .btn{flex-shrink:0;border-radius:999px;padding:8px 14px;font-size:13px}.pet-strip{display:flex;align-items:center;gap:12px}.pet-strip .cat-stage{padding:0;flex-shrink:0}.pet-strip-info{flex:1;min-width:0}.pet-strip-name{font-size:14px;font-weight:700;margin-bottom:2px}.pet-strip-go{flex-shrink:0;border-radius:999px;padding:8px 14px;font-size:13px}.shop-balance{display:flex;align-items:center;justify-content:space-between;gap:12px}.shop-coins{font-size:30px;font-weight:700;color:var(--primary);line-height:1.1;font-variant-numeric:tabular-nums}.shop-balance-note{margin:0;text-align:right;max-width:40%}.shop-pet{display:flex;align-items:center;gap:14px}.shop-pet .cat-stage{padding:0;flex-shrink:0}.shop-pet-info{min-width:0}.snack-list{display:flex;flex-direction:column}.snack-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}.snack-row+.snack-row{border-top:1px solid var(--border)}.snack-row.is-disabled{opacity:.55}.snack-info{min-width:0}.snack-name{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700}.snack-price{font-size:12px;font-weight:600;color:var(--primary-strong);background:var(--primary-soft);border-radius:999px;padding:1px 8px;font-variant-numeric:tabular-nums}.snack-effects{font-size:12px;color:var(--text-secondary);margin-top:3px}.snack-buy{flex-shrink:0;border-radius:999px;padding:8px 16px;font-size:13px;min-width:76px}.shop-planned .placeholder-list{margin:0;padding-left:18px;font-size:13px;color:var(--text-secondary);line-height:1.9}.ai-settings-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.ai-chip{flex-shrink:0;font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--surface-soft);border-radius:999px;padding:3px 10px}.ai-chip.on{color:var(--primary-strong);background:var(--primary-soft)}.ai-field{display:block;margin-top:12px}.ai-field>.settings-label{display:block;margin-bottom:6px}.ai-input{width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:10px;padding:9px 12px;font-size:14px;font-family:var(--font-ui);color:var(--text);background:var(--surface)}.ai-input:focus{outline:none;border-color:var(--primary)}.ai-key-row{display:flex;align-items:center;gap:6px}.ai-key-row .ai-input{flex:1;min-width:0}.ai-textarea{resize:vertical;line-height:1.6}.ai-note{font-size:12px;color:var(--text-secondary);line-height:1.7;margin:12px 0}.ai-drawer{width:min(86%,420px);display:flex;flex-direction:column}.ai-drawer .reader-drawer-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.ai-tabs{display:flex;gap:6px;padding:12px 16px 0}.ai-tab{border:none;background:var(--surface-soft);color:var(--text-secondary);border-radius:10px;padding:7px 18px;font-size:13px;font-weight:600;transition:background .15s ease,color .15s ease}.ai-tab.active{background:var(--primary-soft);color:var(--primary-strong)}.ai-panel{padding:14px 16px calc(16px + env(safe-area-inset-bottom,0px))}.ai-panel>.btn-block{margin-top:10px}.ai-dialog-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;display:grid;place-items:center;z-index:22;padding:20px}.ai-dialog{background:var(--surface);border-radius:16px;padding:18px;width:100%;max-width:340px;box-shadow:var(--shadow-float)}.ai-dialog-title{margin:0 0 12px;font-size:16px}.ai-cost-list{margin:0 0 12px}.ai-cost-list>div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:13px}.ai-cost-list dt{color:var(--text-secondary)}.ai-cost-list dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}.ai-cost-fee{color:var(--primary-strong)}.ai-dialog-warning{font-size:12px;color:var(--danger);line-height:1.6;margin:0 0 10px}.ai-running .ai-progress{height:6px;background:var(--surface-soft);border-radius:999px;overflow:hidden;margin:10px 0}.ai-progress-bar{height:100%;background:var(--primary);border-radius:999px;transition:width .2s ease}.ai-result-wrap{margin-top:12px}.ai-result{white-space:pre-wrap;word-break:break-word;font-family:var(--font-ui);font-size:13px;line-height:1.8;color:var(--text);background:var(--surface-soft);border-radius:12px;padding:12px;margin:0;max-height:46vh;overflow-y:auto}.ai-result-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 10px}.ai-badge{flex-shrink:0;font-size:11px;font-weight:600;color:var(--primary-strong);background:var(--primary-soft);border-radius:999px;padding:2px 8px}.ai-error-message{font-size:14px;font-weight:600;color:var(--danger);margin:0 0 6px}@media (max-width: 380px){.reader-bar-bottom .icon-btn{padding:6px;font-size:12px}}.ai-test-row{display:flex;align-items:center;gap:10px;margin-top:12px}.ai-test-ok{font-size:13px;font-weight:600;color:var(--success, #1a9d5a)}.ai-test-fail{font-size:13px;font-weight:600;color:var(--danger);cursor:help}.ai-test-hint{margin:6px 0 0;font-size:12px;line-height:1.7;color:var(--text-secondary)}