*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#faf6ef;color:#2b2318;-webkit-font-smoothing:antialiased}#root{min-height:100vh}.app{max-width:640px;margin:0 auto;padding:16px 16px calc(32px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.app-header{padding:8px 0 4px}.app-header h1{margin:0;font-size:22px;color:#9c6a0e}.app-date{color:#8a7a63;font-size:14px;margin-top:2px}.card{background:#fff;border:1px solid #ecdfc7;border-radius:14px;padding:16px;box-shadow:0 1px 3px #503c140f}.family-card{background:#fffaf0;border-color:#e8d5a3}.card-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#ad7818;margin-bottom:4px}.card-title{margin:0 0 8px;font-size:18px;display:flex;align-items:center;gap:8px;color:#2b2318}.card-icon{font-size:20px}.week-overview-card{padding-bottom:4px}.week-block-title{margin:2px 0 0;font-size:16px;color:#2b2318}.week-block-divider{margin-top:14px;padding-top:14px;border-top:1px dashed #ecdfc7}.week-block-divider .week-block-title{color:#5a4c33;font-size:15px}.week-block-divider .card-eyebrow{color:#8a7a63}.quote-block{margin:0 0 12px;padding:10px 14px;border-left:3px solid #d99a1f;background:#fdf6e5;font-style:italic;font-size:15px;line-height:1.5;color:#4a3c1f;border-radius:0 8px 8px 0}.card-body{font-size:15px;line-height:1.55;color:#3a3226}.card-body p{margin:0 0 10px}.card-body p:last-child{margin-bottom:0}.card-fallback{color:#8a7a63;font-style:italic;margin:0}.family-subheading{margin:16px 0 6px;font-size:15px;color:#9c6a0e}.source-link-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.source-link-chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 14px;border-radius:22px;background:#fbf0d9;color:#8a5a00;text-decoration:none;font-size:13px;border:1px solid #ecd8a3}.source-link-chip:active{background:#f5e3b8}.family-card .source-link-chip{margin-top:10px}.feedback-row{display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid #f0e6d2}.feedback-label{font-size:12px;color:#8a7a63;margin-right:2px}.feedback-button{min-width:44px;min-height:44px;border-radius:10px;border:1px solid #ecdfc7;background:#fffdf8;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.feedback-button.active-up{background:#e5f5e0;border-color:#b9e0ab}.feedback-button.active-down{background:#fbe6e0;border-color:#eab6a6}.streak-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid #ecdfc7}.streak-count{display:flex;flex-direction:column}.streak-number{font-size:26px;font-weight:700;color:#9c6a0e;line-height:1}.streak-label,.streak-best{font-size:12px;color:#8a7a63;margin-top:2px}button.primary{background:#d99a1f;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;padding:12px 18px;min-height:44px;cursor:pointer}button.primary:disabled{background:#ecdfc7;color:#a89877;cursor:default}.loading-state,.error-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:24px;text-align:center;color:#8a7a63}.error-banner{color:#b5522f}.spinner{width:32px;height:32px;border-radius:50%;border:3px solid #ecdfc7;border-top-color:#d99a1f;animation:spin .8s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}a{color:#9c6a0e}