:root{--paper: #faf7f0;--paper-2: #f3eee1;--card: #fffdf7;--ink: #23201a;--ink-soft: #5c564a;--ink-faint: #8a8172;--line: #e4dcc9;--pine: #1b4332;--pine-soft: #2d6a4f;--gold: #c9a227;--gold-soft: #f5e9c4;--danger: #b23a2e;--radius: 16px;--tabbar-h: 64px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}h1,h2,h3,.serif{font-family:Georgia,Times New Roman,serif}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:var(--ink)}a{color:var(--pine-soft)}.app-shell{max-width:560px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.app-main{flex:1;padding:20px 18px calc(var(--tabbar-h) + 28px)}.wordmark{font-family:Georgia,serif;font-weight:700;letter-spacing:.2px}.tagline{color:var(--ink-soft);font-size:.92rem;margin-top:2px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:0 1px 2px #23201a0a}.card+.card{margin-top:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:9px 16px;font-weight:600;font-size:.92rem;min-height:40px;text-decoration:none}.btn:active{transform:scale(.98)}.btn-primary{background:var(--pine);border-color:var(--pine);color:#fff}.btn-gold{background:var(--gold);border-color:var(--gold);color:#231f10}.btn-ghost{background:transparent;border-color:transparent;color:var(--pine-soft)}.btn-danger{color:var(--danger);border-color:#eccac5;background:#fdf3f1}.btn:disabled{opacity:.5;cursor:default}.btn-block{width:100%}.input,.select,.textarea{width:100%;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 12px;font-size:1rem}.textarea{min-height:76px;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--gold-soft);border-color:var(--gold)}label.field{display:block;font-size:.82rem;font-weight:600;color:var(--ink-soft);margin:12px 0 6px}label.field:first-child{margin-top:0}.chip{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--paper-2);border:1px solid var(--line);font-size:.75rem;font-weight:600;color:var(--ink-soft)}.chip-active{background:var(--pine);color:#fff;border-color:var(--pine)}.chip-gold{background:var(--gold-soft);border-color:var(--gold);color:#6d5710}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 4px}.filter-row .chip{min-height:36px;padding:7px 14px;font-size:.85rem}.progress-track{height:8px;background:var(--paper-2);border-radius:999px;overflow:hidden;border:1px solid var(--line)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--pine-soft),var(--pine));border-radius:999px}.tabbar{position:fixed;bottom:0;left:0;right:0;background:#fffdf7f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:40}.tabbar-inner{max-width:560px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);height:var(--tabbar-h)}.tab{background:none;border:none;color:var(--ink-faint);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.68rem;font-weight:600}.tab .tab-icon{font-size:1.25rem;line-height:1}.tab-active{color:var(--pine)}.tab-log .tab-icon{background:var(--pine);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 12px #1b433259;margin-top:-14px;border:3px solid var(--paper)}.book-row{display:flex;gap:12px;align-items:flex-start}.cover{width:54px;height:80px;border-radius:6px;object-fit:cover;flex-shrink:0;background:var(--paper-2);border:1px solid var(--line)}.cover-fallback{width:54px;height:80px;border-radius:6px;flex-shrink:0;background:linear-gradient(150deg,var(--pine),var(--pine-soft));color:#fdf6dd;display:flex;align-items:center;justify-content:center;text-align:center;font-family:Georgia,serif;font-size:.55rem;padding:4px;line-height:1.25}.cover-lg{width:84px;height:124px}.cover-lg.cover-fallback{font-size:.7rem}.grid-covers{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:14px}.grid-covers .cover,.grid-covers .cover-fallback{width:100%;height:auto;aspect-ratio:2 / 3}.grid-cover-title{font-size:.72rem;font-weight:600;margin-top:5px;line-height:1.25}.grid-cover-author{font-size:.68rem;color:var(--ink-faint)}.avatar-img{border-radius:50%;object-fit:cover;border:2px solid var(--gold);display:block;margin:0 auto;background:var(--paper-2)}.avatar-tile{border-radius:50%;margin:0 auto;border:2px solid var(--gold);background:linear-gradient(150deg,var(--pine),var(--pine-soft));color:#fdf6dd;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-weight:700}.stat-big{font-family:Georgia,serif;font-size:2rem;font-weight:700;color:var(--pine)}.stat-label{font-size:.78rem;color:var(--ink-soft);font-weight:600;text-transform:uppercase;letter-spacing:.6px}.quote-text{font-family:Georgia,serif;font-style:italic;font-size:1.05rem;line-height:1.5}.thought-text{line-height:1.55}.meta{font-size:.8rem;color:var(--ink-faint)}.muted{color:var(--ink-soft)}.small{font-size:.85rem}.share-card{background:linear-gradient(160deg,#1b4332,#143527);color:#f7f3e9;border-radius:20px;padding:26px 22px;box-shadow:0 10px 28px #1b433259}.share-card .quote-text{color:#fdf6dd;font-size:1.2rem}.share-card .thought-text{color:#e9e2cf}.share-brand{display:flex;align-items:center;gap:8px;margin-top:18px;font-weight:700;letter-spacing:.4px;color:var(--gold)}.share-brand small{color:#cfe0d4;font-weight:500;letter-spacing:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#23201a73;display:flex;align-items:flex-end;justify-content:center;z-index:60}.modal-sheet{background:var(--paper);width:100%;max-width:560px;max-height:92dvh;overflow-y:auto;border-radius:22px 22px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom))}@media (min-width: 640px){.modal-backdrop{align-items:center}.modal-sheet{border-radius:22px}}.intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:var(--paper);overflow-y:auto;display:flex;flex-direction:column}.intro-inner{flex:1;width:100%;max-width:560px;margin:0 auto;padding:14px 18px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.intro-badge{width:88px;height:88px;border-radius:50%;background:linear-gradient(150deg,var(--pine),var(--pine-soft));border:2px solid var(--gold);color:#fdf6dd;display:grid;place-items:center;margin:0 auto;flex-shrink:0}.intro-dots{display:flex;gap:7px;justify-content:center;align-items:center}.intro-dot{width:8px;height:8px;border-radius:999px;background:var(--line);transition:width .2s ease,background .2s ease}.intro-dot-active{background:var(--pine);width:22px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--tabbar-h) + 18px + env(safe-area-inset-bottom));background:var(--ink);color:#fff;padding:10px 18px;border-radius:999px;font-size:.9rem;font-weight:600;z-index:80;box-shadow:0 6px 20px #00000040}.empty{text-align:center;padding:34px 18px;color:var(--ink-soft)}.empty .big{font-size:2rem;margin-bottom:8px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.mt{margin-top:14px}.mb{margin-bottom:14px}.divider{border:none;border-top:1px solid var(--line);margin:14px 0}video.scanner{width:100%;border-radius:12px;background:#000}