:root{--bg:#f7f7f5;--surface:#fff;--text:#1a1a1a;--text-muted:#6b6b6b;--accent:#1b6e6a;--accent-text:#fff;--border:#e2e2df;--banner-bg:#fff4d6;--banner-text:#6b5300}@media (prefers-color-scheme:dark){:root{--bg:#121212;--surface:#1c1c1c;--text:#f0f0f0;--text-muted:#a0a0a0;--accent:#3fb6ae;--accent-text:#06201e;--border:#333331;--banner-bg:#3a3110;--banner-text:#ffe08a}}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{flex-direction:column;height:100dvh;display:flex}#splash{z-index:10;background:var(--accent);flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .4s;display:flex;position:fixed;inset:0}#splash img{border-radius:22px}#splash p{text-align:center;max-width:280px;color:var(--accent-text);margin:0;padding:0 40px;font-size:1rem;font-weight:600;line-height:1.4}#splash.hidden{opacity:0;pointer-events:none}.app-header{padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.app-header h1{margin:0;font-size:1.25rem}#views{padding:16px 16px calc(env(safe-area-inset-bottom) + 96px);flex:1;overflow-y:auto}.view[hidden]{display:none}.entry-form{flex-direction:column;gap:16px;max-width:480px;display:flex}.entry-form label{color:var(--text-muted);flex-direction:column;gap:6px;font-size:.9rem;display:flex}.checkbox-label{align-items:center;color:var(--text)!important;flex-direction:row!important;gap:8px!important}input,select,textarea{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;width:100%;padding:10px 12px}input[type=checkbox],input[type=radio]{width:auto}.reading-input-row{gap:8px;display:flex}.reading-input-row input{flex:2;font-size:1.5rem}.reading-input-row select{flex:1}button{font:inherit;background:var(--accent);color:var(--accent-text);cursor:pointer;border:none;border-radius:10px;padding:12px 16px;font-weight:600}button:active{opacity:.85}.button-row{gap:10px;display:flex}.button-row>*{flex:1}#food-parse-btn{background:var(--surface);color:var(--accent);border:1px solid var(--accent)}.photo-preview{border:1px solid var(--border);border-radius:10px;max-width:100%}.ai-result{background:var(--surface);border:1px solid var(--border);white-space:pre-wrap;border-radius:10px;padding:12px;font-size:.9rem}.field-hint{color:var(--text-muted);margin:-4px 0 0;font-size:.8rem}.banner{background:var(--banner-bg);color:var(--banner-text);border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:.9rem}.timeline-list{flex-direction:column;gap:10px;display:flex}.timeline-entry{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.timeline-entry .entry-meta{color:var(--text-muted);justify-content:space-between;margin-bottom:4px;font-size:.75rem;display:flex}.timeline-entry .entry-body{font-size:.95rem}.timeline-empty{color:var(--text-muted);text-align:center;padding:40px 0}.source-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 12px;display:flex}h2{margin:24px 0 10px;font-size:1rem}.view h2:first-child{margin-top:0}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);flex-shrink:0;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-btn{color:var(--text-muted);background:0 0;border-radius:0;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 2px 6px;font-size:.65rem;font-weight:500;display:flex}.nav-btn .nav-icon{font-size:1.3rem}.nav-btn.active{color:var(--accent)}#print-summary{display:none}@media print{body>:not(#print-summary){display:none!important}#print-summary{color:#000;display:block!important}#print-summary table{border-collapse:collapse;width:100%}#print-summary th,#print-summary td{text-align:left;border:1px solid #999;padding:6px 10px;font-size:12px}}