*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--teal:#1d9e75;--teal-light:#e1f5ee;--teal-dark:#0f6e56;--amber:#f5a623;--amber-light:#faeeda;--purple-light:#eeedfe;--purple:#534ab7;--coral-light:#faece7;--coral:#993c1d;--blue-light:#e6f1fb;--blue:#185fa5;--green-light:#eaf3de;--green:#3b6d11;--gray-light:#f1efe8;--gray:#5f5e5a;--bg-primary:#fff;--bg-secondary:#f7f7f5;--text-primary:#1a1a18;--text-secondary:#888780;--border-tertiary:#e8e6df}@media (prefers-color-scheme:dark){:root{--bg-primary:#1a1a18;--bg-secondary:#252521;--text-primary:#f0ede6;--text-secondary:#888780;--border-tertiary:#333330}}body{background:var(--bg-primary);height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic UI,sans-serif}.app{background:var(--bg-primary);flex-direction:column;max-width:640px;height:100dvh;margin:0 auto;display:flex;overflow:hidden}.hdr{background:var(--bg-primary);border-bottom:.5px solid var(--border-tertiary);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.hdr-logo{color:var(--teal);letter-spacing:-.3px;font-size:15px;font-weight:600}.hdr-left,.hdr-right{align-items:center;gap:8px;display:flex}.child-chip{background:var(--teal-light);cursor:pointer;border-radius:20px;align-items:center;gap:5px;padding:4px 9px 4px 4px;display:flex}.child-av{background:var(--teal);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:600;display:flex}.child-name{color:var(--teal-dark);font-size:12px;font-weight:500}.child-chev{color:var(--teal-dark);font-size:10px}.streak-badge{background:var(--amber-light);color:#633806;border-radius:10px;padding:4px 9px;font-size:11px;font-weight:500}.body{flex-direction:column;flex:1;gap:12px;padding:14px;display:flex;overflow-y:auto}.body::-webkit-scrollbar{display:none}.sec-hdr{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sec-title{color:var(--text-primary);font-size:13px;font-weight:600}.sec-more{color:var(--teal);font-size:12px}.tabbar{background:var(--bg-primary);border-top:.5px solid var(--border-tertiary);flex-shrink:0;justify-content:space-around;align-items:center;height:64px;padding:0 4px 4px;display:flex}.tb-item{cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 0;display:flex}.tb-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.tb-label{color:var(--text-secondary);font-size:10px}.tb-item.active .tb-label{color:var(--teal)}.tb-rec{cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.tb-rec-btn{background:var(--teal);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-top:-10px;display:flex;box-shadow:0 4px 12px #1d9e7566}.tb-rec-plus{width:18px;height:18px;position:relative}.tb-rec-plus:before,.tb-rec-plus:after{content:"";background:#fff;border-radius:2px;position:absolute}.tb-rec-plus:before{width:2px;height:14px;top:2px;left:8px}.tb-rec-plus:after{width:14px;height:2px;top:8px;left:2px}.tb-rec-label{color:var(--teal);font-size:10px;font-weight:500}@keyframes kg-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes kg-wiggle{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-2px)rotate(-5deg)}75%{transform:translate(2px)rotate(5deg)}}@keyframes kg-shimmer{0%,to{filter:brightness()}50%{filter:brightness(1.18)drop-shadow(0 0 4px #1d9e7580)}}@keyframes kg-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.vpill{border-radius:20px;align-items:center;gap:5px;padding:4px 11px;font-size:11px;font-weight:500;display:flex}.vp-count{background:#0000001a;border-radius:8px;padding:1px 5px;font-size:10px}.tl-card{background:var(--bg-primary);border:.5px solid var(--border-tertiary);border-radius:14px;overflow:hidden}.tl-inner{display:flex}.tl-photo{flex-shrink:0;justify-content:center;align-items:center;width:80px;font-size:30px;display:flex}.tl-body{flex:1;padding:11px 12px 11px 0}.tl-date{color:var(--text-secondary);margin-bottom:3px;font-size:11px}.tl-title{color:var(--text-primary);margin-bottom:4px;font-size:13px;font-weight:500;line-height:1.3}.tl-quote{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-style:italic;line-height:1.4}.tl-tags{flex-wrap:wrap;gap:4px;display:flex}.tl-tag{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500}