:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1d211e;font-synthesis:none;text-rendering:optimizelegibility;--bg:#f7f5ef;--surface:#fff;--soft:#fbfaf7;--ink:#1d211e;--muted:#697069;--line:#ded8cd;--accent:#21695d;--accent-soft:#e8f0ed;--warn:#9a5b18;--danger:#9b3838;background:#f7f5ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);min-width:0;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;min-width:0}button:disabled{cursor:not-allowed;opacity:.52}h1,h2,p{margin:0}.app-shell{width:min(100%,720px);min-width:0;margin:0 auto;padding:18px 14px 94px}.topbar{min-width:0;padding:4px 0 10px}h1{color:var(--ink);margin-top:2px;font-size:1.5rem;line-height:1.2}h2{color:var(--ink);font-size:1rem;line-height:1.25}.submit-button,.item-actions button{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:8px;font-weight:750}.message{border-left:3px solid var(--accent);color:var(--ink);background:var(--surface);margin-top:12px;padding:8px 10px;font-size:.9rem}.stack{gap:18px;min-width:0;margin-top:12px;display:grid}.summary-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:14px;min-width:0;padding:18px;display:grid}.summary-card.good,.summary-card.ok{border-top:4px solid var(--accent)}.summary-card.caution,.summary-card.warn{border-top:4px solid var(--warn)}.summary-card.danger{border-top:4px solid var(--danger)}.summary-head{justify-content:space-between;align-items:flex-start;gap:14px;min-width:0;display:flex}.summary-head strong{min-width:0;color:var(--ink);overflow-wrap:anywhere;margin-top:3px;font-size:2rem;line-height:1.05;display:block}.summary-head b{min-width:0;color:var(--muted);flex:0 auto;font-size:.95rem;font-weight:750}.metrics,.review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;display:grid}.metrics .metric{border-top:1px solid var(--line);padding-top:12px}.review-grid .metric{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:14px}.metric{min-width:0}.metric span{color:var(--muted);font-size:.78rem;display:block}.metric strong{min-width:0;color:var(--ink);overflow-wrap:anywhere;margin:2px 0;font-size:1.08rem;display:block}.submit-button{width:100%;min-height:52px;padding:0 16px;font-size:1rem}.section{gap:10px;min-width:0;display:grid}.entry-list,.repeat-list{gap:8px;min-width:0;display:grid}.entry-row,.repeat-row{border:1px solid var(--line);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.entry-row{grid-template-columns:minmax(0,1fr) auto auto;display:grid}.entry-row div{min-width:0}.entry-row p{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.entry-row p span{color:var(--accent)}.entry-row small{color:var(--muted)}.entry-row strong,.repeat-row strong{min-width:0;color:var(--ink);overflow-wrap:anywhere;text-align:right;flex:0 auto}.row-edit{border:1px solid var(--line);background:var(--soft);width:34px;min-height:34px;color:var(--ink);border-radius:8px;font-weight:750}.repeat-row span{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pending-item{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:10px;min-width:0;padding:12px;display:grid}.pending-item .entry-row{background:0 0;border:0;padding:0}.cooldown-line{color:var(--muted);font-size:.86rem}.item-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;display:grid}.item-actions button{min-height:42px;padding:0 10px}.item-actions button:first-child{border-color:var(--line);background:var(--soft);color:var(--ink)}.entry-form{gap:16px;min-width:0;margin-top:16px;display:grid}.field{gap:7px;min-width:0;display:grid}.field>span{color:var(--muted);font-size:.82rem;font-weight:700}input,textarea,select{width:100%;min-width:0;min-inline-size:0;border:1px solid var(--line);background:var(--surface);max-width:100%;color:var(--ink);border-radius:8px;outline:none}input[type=date]{appearance:none;min-width:0}input[type=date]::-webkit-date-and-time-value{text-align:left;min-width:0}input[type=date]::-webkit-calendar-picker-indicator{margin:0}input,select{min-height:48px;padding:0 12px}textarea{resize:vertical;padding:11px 12px}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #21695d1f}.segments{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;display:grid}.segments button{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);border-radius:8px;font-weight:700}.segments button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;display:grid}.toggle-grid label{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-weight:700;display:flex}.toggle-grid input{width:18px;min-height:18px}.bottom-nav{border-top:1px solid var(--line);width:min(100%,720px);padding:8px 14px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f7f5eff0;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{min-height:44px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;font-weight:750}.bottom-nav button.active{border-color:var(--line);background:var(--surface);color:var(--ink)}@media (width>=680px){.app-shell{padding:26px 22px 112px}.summary-head strong{font-size:2.4rem}.entry-form{grid-template-columns:1fr 1fr}.entry-form .field:nth-of-type(4),.entry-form .field:nth-of-type(5),.submit-button,.toggle-grid{grid-column:1/-1}}@media (width<=380px){.app-shell{padding-left:10px;padding-right:10px}.summary-head{display:grid}.metrics,.review-grid,.toggle-grid{grid-template-columns:minmax(0,1fr)}.summary-head strong{font-size:1.75rem}}
