:root{color:#1e293b;background-color:#f1f5f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f1f5f9;min-height:100vh}#root{justify-content:center;min-height:100vh;display:flex}.app-shell{background-color:#fff;flex-direction:column;width:100%;max-width:480px;min-height:100vh;padding-bottom:72px;display:flex;position:relative;box-shadow:0 0 20px #0000000d}.app-header{z-index:20;color:#fff;background-color:#0f172a;border-bottom:1px solid #1e293b;padding:.85rem 1rem;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;display:flex}.header-content h1{letter-spacing:-.02em;font-size:1.1rem;font-weight:600}.app-badge-offline{color:#fff;text-transform:uppercase;background-color:#10b981;border-radius:9999px;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.app-main{flex:1;padding:1rem}.bottom-nav{z-index:30;background-color:#fff;border-top:1px solid #e2e8f0;justify-content:space-around;align-items:center;width:100%;max-width:480px;height:64px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 10px #00000008}.nav-tab{color:#64748b;flex-direction:column;flex:1;justify-content:center;align-items:center;height:100%;font-size:.72rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-tab .nav-icon{width:1.25rem;height:1.25rem;margin-bottom:2px}.nav-tab.active{color:#0284c7;font-weight:700}.nav-tab-highlight.active{color:#d97706}.screen-container{flex-direction:column;gap:1rem;display:flex}.screen-container h2{color:#0f172a;font-size:1.35rem;font-weight:700}.screen-subtitle{color:#64748b;margin-top:-.5rem;font-size:.9rem}.today-header{margin-bottom:.25rem}.today-date{text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-size:.8rem;font-weight:600}.protocol-status-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.35rem;padding:.85rem;display:flex}.protocol-status-header{justify-content:space-between;align-items:center;display:flex}.protocol-badge{text-transform:uppercase;color:#0284c7;font-size:.7rem;font-weight:700}.protocol-version{color:#0369a1;background-color:#e0f2fe;border-radius:4px;padding:.1rem .4rem;font-size:.75rem;font-weight:600}.protocol-title{color:#1e293b;font-size:.95rem;font-weight:600}.link-text{color:#0284c7;align-items:center;min-height:2.75rem;font-size:.8rem;font-weight:500;text-decoration:none;display:inline-flex}.link-text:hover{text-decoration:underline}.primary-actions{grid-template-columns:1fr 1fr;gap:.75rem;margin:.5rem 0;display:grid}.btn-primary,.btn-secondary{cursor:pointer;text-align:center;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-flex}.btn-primary{color:#fff;background-color:#0f172a}.btn-hunger{color:#fff;background-color:#f59e0b}.btn-secondary{color:#1e293b;background-color:#e2e8f0}.btn-block{width:100%}.btn-lg{padding:1rem 1.25rem;font-size:1.05rem}.btn-primary:active,.btn-secondary:active{opacity:.85}.btn-sm{padding:.35rem .65rem;font-size:.8rem}.btn-back{color:#0284c7;cursor:pointer;text-align:left;background:0 0;border:none;margin-bottom:.5rem;padding:.25rem 0;font-size:.85rem;font-weight:600}.btn-link{color:inherit;cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.timeline-section h3{color:#334155;margin-bottom:.75rem;font-size:1.05rem;font-weight:600}.event-list{flex-direction:column;gap:.65rem;display:flex}.event-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.event-icon{font-size:1.25rem;line-height:1}.event-content{flex:1}.event-top-line{justify-content:space-between;align-items:center;margin-bottom:.2rem;display:flex}.event-title{color:#0f172a;font-size:.9rem;font-weight:600}.event-time{color:#64748b;font-size:.75rem}.event-notes,.event-items{color:#475569;margin-top:.15rem;font-size:.8rem}.event-photo-gallery{flex-wrap:wrap;gap:.5rem;margin:.4rem 0;display:flex}.photo-thumbnail{object-fit:cover;border:1px solid #cbd5e1;border-radius:6px;width:72px;height:72px}.photo-picker-container{margin:.25rem 0}.photo-input-hidden{display:none}.photo-preview-box{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;margin:.5rem 0;display:flex;overflow:hidden}.photo-preview-img{object-fit:cover;max-width:100%;max-height:240px}.photo-preview-img-small{object-fit:cover;max-width:100%;max-height:120px}.photo-thumb-loading,.photo-thumb-missing{color:#64748b;padding:.25rem;font-size:.75rem}.launcher-grid{grid-template-columns:1fr;gap:.75rem;display:grid}.launcher-card{cursor:pointer;text-align:left;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:1rem;padding:1rem;transition:background-color .15s;display:flex}.launcher-card:hover{background-color:#f8fafc}.launcher-card-highlight{background-color:#f0f9ff;border-color:#38bdf8}.launcher-icon{font-size:1.75rem}.launcher-text strong{color:#0f172a;font-size:.95rem;display:block}.launcher-text span{color:#64748b;font-size:.8rem}.empty-state{text-align:center;color:#64748b;background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:2rem 1rem;font-size:.9rem}.empty-hint{color:#94a3b8;margin-top:.25rem;font-size:.8rem;display:block}.alert-success{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;justify-content:space-between;align-items:center;padding:.75rem;font-size:.85rem;display:flex}.alert-error{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:.75rem;font-size:.85rem}.form-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:1rem;padding:1rem;display:flex}.form-card h3{color:#0f172a;font-size:1.1rem}.form-card label{color:#334155;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600;display:flex}.form-card input[type=text],.form-card input[type=number],.form-card input[type=time],.form-card textarea,.select-input,.text-input,.json-textarea{border:1px solid #cbd5e1;border-radius:6px;padding:.65rem;font-family:inherit;font-size:.9rem}.form-card input:focus,.form-card textarea:focus,.select-input:focus,.text-input:focus{border-color:#0284c7;outline:none;box-shadow:0 0 0 2px #0284c726}.radio-group{gap:1rem;margin-top:.25rem;display:flex}.radio-group label{flex-direction:row;align-items:center;gap:.35rem;font-weight:400}.hunger-flow-card,.hunger-feedback-card,.hunger-continuation-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.range-input{accent-color:#f59e0b;width:100%;margin:.5rem 0}.range-scale{color:#64748b;justify-content:space-between;font-size:.75rem;display:flex}.engine-recommendation-card{background-color:#fffbeb;border:1px solid #fef3c7;border-radius:8px;padding:1rem}.badge-rule{color:#fff;text-transform:uppercase;background-color:#f59e0b;border-radius:4px;margin-bottom:.5rem;padding:.15rem .45rem;font-size:.7rem;font-weight:700;display:inline-block}.engine-message{color:#92400e;margin-bottom:.75rem;font-size:1rem;font-weight:600;line-height:1.4}.action-button-list{flex-direction:column;gap:.5rem;margin-top:.35rem;display:flex}.btn-action-select{color:#92400e;text-align:left;cursor:pointer;background-color:#fff;border:2px solid #fde68a;border-radius:6px;padding:.75rem;font-size:.9rem;font-weight:600;transition:all .15s}.btn-action-select.active{color:#fff;background-color:#f59e0b;border-color:#d97706}.feedback-buttons{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.filter-bar{grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;margin-bottom:1rem;display:grid}@media (width>=640px){.filter-bar{grid-template-columns:repeat(6,1fr)}}.filter-chip{color:#475569;cursor:pointer;text-align:center;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;min-height:44px;padding:.45rem .5rem;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.filter-chip:hover{background-color:#f8fafc;border-color:#94a3b8}.filter-chip.active{color:#fff;background-color:#0f172a;border-color:#0f172a;box-shadow:0 1px 3px #0000001a}.filter-chip svg{flex-shrink:0;width:1rem;height:1rem}.meal-type-container{margin-bottom:1rem}.meal-type-label{color:#334155;margin-bottom:.4rem;font-size:.9rem;font-weight:600;display:block}.meal-type-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}@media (width>=640px){.meal-type-grid{grid-template-columns:repeat(6,1fr)}}.meal-type-chip{color:#334155;cursor:pointer;text-align:center;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:.5rem .4rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.meal-type-chip:hover{background-color:#f8fafc;border-color:#94a3b8}.meal-type-chip.active{color:#fff;background-color:#0f172a;border-color:#0f172a;box-shadow:0 1px 3px #0000001a}.photo-picker-section{margin:.75rem 0}.photo-section-label{color:#334155;margin-bottom:.35rem;font-size:.88rem;font-weight:600;display:block}.photo-actions-grid{grid-template-columns:1fr 1fr;gap:.6rem;margin:.4rem 0;display:grid}.photo-action-btn{cursor:pointer;color:#1e293b;text-align:center;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.6rem .75rem;font-size:.88rem;font-weight:600;transition:background-color .15s;display:inline-flex}.photo-action-btn:hover{background-color:#e2e8f0}.btn-remove-photo{color:#dc2626;cursor:pointer;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;justify-content:center;align-items:center;gap:.35rem;width:100%;min-height:44px;margin-top:.5rem;padding:.4rem .75rem;font-size:.82rem;font-weight:600;display:inline-flex}.btn-remove-photo:hover{background-color:#fee2e2}.history-groups{flex-direction:column;gap:1.25rem;display:flex}.day-header{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.9rem}.day-event-list{flex-direction:column;gap:.5rem;display:flex}.history-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.85rem}.history-card-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.history-badge{border-radius:4px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.75rem;font-weight:700;display:inline-flex}.history-time{color:#64748b;font-size:.75rem}.history-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:.65rem;padding-top:.5rem;display:flex}.protocol-ref{color:#94a3b8;font-size:.7rem}.btn-delete{cursor:pointer;opacity:.6;background:0 0;border:none;font-size:.9rem}.btn-delete:hover{opacity:1}.protocol-details-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.protocol-card-header{justify-content:space-between;align-items:center;display:flex}.badge-active{color:#fff;text-transform:uppercase;background-color:#10b981;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.version-pill{color:#0369a1;background-color:#e0f2fe;border-radius:4px;padding:.2rem .5rem;font-size:.8rem;font-weight:700}.protocol-name{color:#0f172a;font-size:1.2rem;font-weight:700}.protocol-desc{color:#64748b;font-size:.85rem}.protocol-meta-grid{background-color:#f8fafc;border-radius:6px;grid-template-columns:1fr 1fr;gap:.75rem;padding:.75rem;font-size:.8rem;display:grid}.protocol-meta-grid small{color:#64748b;display:block}.code-hash{color:#475569;font-family:monospace;font-size:.75rem}.chip-list{flex-wrap:wrap;gap:.35rem;margin-top:.25rem;display:flex}.chip{color:#334155;background-color:#f1f5f9;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.action-list,.rule-list{flex-direction:column;gap:.5rem;margin-top:.35rem;list-style:none;display:flex}.action-list li,.rule-list li{color:#334155;background-color:#f8fafc;border-radius:4px;padding:.5rem;font-size:.85rem}.badge-rule-sm{color:#475569;text-transform:uppercase;background-color:#e2e8f0;border-radius:3px;margin-bottom:.2rem;padding:.1rem .35rem;font-size:.65rem;font-weight:700;display:inline-block}.import-section,.history-versions-section{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.json-textarea{width:100%;font-family:monospace;font-size:.8rem}.version-list{flex-direction:column;gap:.5rem;display:flex}.version-item{background-color:#f8fafc;border-radius:6px;justify-content:space-between;align-items:center;padding:.65rem;font-size:.85rem;display:flex}.version-tag{color:#475569;background-color:#e2e8f0;border-radius:3px;margin-left:.35rem;padding:.1rem .35rem;font-size:.75rem}.tag-current{color:#065f46;background-color:#ecfdf5;border-radius:3px;margin-left:.35rem;padding:.15rem .4rem;font-size:.7rem;font-weight:700}.info-box-notice{color:#1e40af;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:1rem;font-size:.85rem;line-height:1.4}.info-box-notice h3{margin-bottom:.35rem;font-size:.95rem}.audit-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem}.audit-card h3{margin-bottom:1rem;font-size:1.05rem}.audit-stats-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.stat-card{text-align:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.75rem}.stat-value{color:#0f172a;font-size:1.4rem;font-weight:700;display:block}.stat-label{color:#64748b;font-size:.75rem;font-weight:600}.bundle-generation-section{margin:.5rem 0}.manifest-summary-card{background-color:#fff;border:2px solid #10b981;border-radius:8px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.manifest-header{justify-content:space-between;align-items:center;display:flex}.manifest-summary-card h4{color:#0f172a;font-size:1rem}.manifest-details-list{color:#334155;flex-direction:column;gap:.4rem;font-size:.85rem;list-style:none;display:flex}.manifest-details-list li{border-bottom:1px solid #f1f5f9;padding:.25rem 0}:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-offset:2px!important;outline:2.5px solid #2563eb!important}.app-badge-synced{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.app-badge-syncing{color:#1e40af;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.app-badge-conflict{color:#92400e;background-color:#fffbeb;border:1px solid #fde68a;border-radius:9999px;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.72rem;font-weight:700;text-decoration:none;display:inline-flex}.app-badge-auth{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca;border-radius:9999px;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.72rem;font-weight:700;text-decoration:none;display:inline-flex}.app-badge-waiting{color:#64748b;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.app-badge-error{color:#b91c1c;cursor:pointer;background-color:#fef2f2;border:1px solid #fca5a5;border-radius:9999px;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.app-badge-pending{color:#166534;cursor:pointer;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:9999px;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.header-actions{align-items:center;gap:.6rem;display:flex}.header-actions button,.account-link,.conflict-resolve-link{min-height:2.75rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:999px;padding:.35rem .7rem;font-size:.78rem;font-weight:700;text-decoration:none}.route-loading{color:#475569;place-items:center;min-height:100vh;display:grid}.conflict-resolve-link{color:#fff;background:#92400e;border:0;border-radius:6px;min-height:2rem}.screen-intro{color:#475569;margin-bottom:1rem;line-height:1.5}.account-card,.danger-zone{background:#fff;border:1px solid #cbd5e1;border-radius:10px;margin-top:1rem;padding:1rem}.account-card h3,.danger-zone h3{margin-bottom:.65rem}.account-form{gap:.8rem;display:grid}.account-form label{color:#334155;gap:.35rem;font-size:.9rem;font-weight:700;display:grid}.account-form input{width:100%;min-height:2.75rem;font:inherit;border:1px solid #94a3b8;border-radius:7px;padding:.6rem .7rem}.account-actions,.auth-mode-actions{flex-wrap:wrap;gap:.6rem;margin-top:.8rem;display:flex}.auth-mode-actions button{color:#1d4ed8;cursor:pointer;background:0 0;border:0;text-decoration:underline}.conflict-card{border-top:1px solid #e2e8f0;margin-top:.8rem;padding-top:.8rem}.conflict-card p{color:#475569;margin-top:.35rem}.conflict-versions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.65rem;display:grid}.conflict-versions details{border:1px solid #cbd5e1;border-radius:7px;padding:.55rem}.conflict-versions pre{white-space:pre-wrap;word-break:break-word;max-height:15rem;margin-top:.5rem;font-size:.72rem;overflow:auto}.danger-zone{background:#fff7f7;border-color:#fca5a5}.danger-zone button{color:#fff;cursor:pointer;background:#b91c1c;border:1px solid #b91c1c;border-radius:7px;min-height:2.75rem;margin-top:.8rem;padding:.6rem .8rem;font-weight:700}@media (width<=520px){.header-content h1{font-size:.95rem}.header-actions{gap:.35rem}.header-actions button,.account-link{padding-inline:.5rem;font-size:.7rem}.conflict-versions{grid-template-columns:1fr}.account-actions>*{flex:100%}}