:root{font-family:Inter,Microsoft YaHei,sans-serif;color:#1f2926;background:#f3f5f2;font-synthesis:none;--yellow: #f2c94c;--green: #527568;--line: #dce3de;--muted: #6d7873}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f3f5f2}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{width:min(100%,560px);min-height:100vh;margin:0 auto;padding-bottom:calc(82px + env(safe-area-inset-bottom))}.topbar{height:70px;padding:12px 20px;display:flex;align-items:center;gap:11px;background:#fffffff0;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:var(--yellow);font-weight:800}.topbar strong,.topbar span{display:block}.topbar strong{font-size:16px}.topbar span{margin-top:2px;color:var(--muted);font-size:11px}.topbar>div:nth-child(2){flex:1}.draft-status{padding:5px 8px;border-radius:999px;background:#edf2ef;color:var(--green)!important;font-size:11px!important;font-weight:700}.draft-status.exported{background:#fff6d9;color:#80630a!important}.draft-status.imported{background:#e6f2e9;color:#346344!important}.draft-status.archived{background:#eceeed;color:#707873!important}.connection-banner{min-height:38px;padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:7px;color:#704f0a;background:#fff4cc;border-bottom:1px solid #ead791;font-size:12px;font-weight:700}.connection-banner svg{width:16px;height:16px}.install-card{margin:16px 16px 0;padding:13px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;color:#24463a;background:#edf5f0;border:1px solid #cbded3;border-radius:8px}.install-card>svg{width:24px}.install-card strong,.install-card span{display:block}.install-card span{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.4}.install-card button{min-height:36px;padding:0 13px;color:#fff;background:var(--green);border:0;border-radius:7px;font-weight:700}.page{padding:22px 16px 28px}.date-heading span,.eyebrow{color:var(--green);font-size:13px;font-weight:700}.date-heading h1,.page-heading h1{margin:5px 0 6px;font-size:29px;letter-spacing:0}.date-heading p,.page-heading p,.export-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.status-list{display:grid;gap:10px;margin:22px 0}.status-card{width:100%;min-height:76px;padding:14px;display:grid;grid-template-columns:44px 1fr 28px;align-items:center;gap:12px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:8px;color:inherit}.status-icon{width:44px;height:44px;display:grid;place-items:center;color:var(--green);background:#edf2ef;border-radius:8px}.status-icon svg{width:21px}.status-card strong,.status-card small{display:block}.status-card small{margin-top:4px;color:var(--muted)}.done-dot{width:24px;height:24px;display:grid;place-items:center;border:1px solid #ccd5cf;border-radius:50%}.done-dot.complete{color:#fff;background:var(--green);border-color:var(--green)}.done-dot svg{width:15px}.export-card,.form-card{padding:20px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #2837300f}.export-card h2{margin:5px 0 7px;font-size:21px}.primary-button,.secondary-button{width:100%;min-height:50px;margin-top:14px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;font-weight:700}.primary-button{color:#17211e;background:var(--yellow);border:1px solid #dbb632}.secondary-button{color:var(--green);background:#fff;border:1px solid #aebdb5}.primary-button svg,.secondary-button svg{width:19px}.primary-button:disabled,.secondary-button:disabled{opacity:.45}.button-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.date-switcher{display:grid;grid-template-columns:42px 1fr 42px;gap:8px;margin-bottom:18px}.date-switcher button,.date-switcher input{height:44px;border:1px solid var(--line);background:#fff;border-radius:7px;color:inherit}.date-switcher button{display:grid;place-items:center}.date-switcher svg{width:18px}.date-switcher input{padding:0 12px;text-align:center}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:12px;padding:4px;background:#e7ece8;border-radius:8px}.segmented button{min-height:40px;border:0;border-radius:6px;background:transparent;color:var(--muted)}.segmented button.active{background:#fff;color:var(--green);font-weight:700;box-shadow:0 2px 7px #28373014}.page-heading{margin-bottom:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px}.field{display:grid;gap:7px}.field.full{grid-column:1 / -1}.field>span{color:#48534e;font-size:13px;font-weight:700}.field input,.field select,.field textarea,.entry-card textarea,.entry-card select{width:100%;border:1px solid #cfd8d2;background:#fbfcfb;border-radius:7px;color:#1f2926;outline:none}.field input,.field select{height:48px;padding:0 12px}.field textarea,.entry-card textarea{min-height:108px;padding:12px;resize:vertical}.field input:focus,.field select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #5275681f}.unit-input{position:relative}.unit-input input{padding-right:48px}.unit-input small{position:absolute;right:11px;top:16px;color:var(--muted);font-size:12px}.saved-hint{grid-column:1 / -1;margin:18px 0 0;display:flex;justify-content:center;align-items:center;gap:6px;color:var(--green);font-size:12px}.saved-hint svg{width:14px}.record-list{display:grid;gap:12px}.entry-card{padding:14px;border:1px solid var(--line);border-radius:8px}.entry-heading{display:grid;grid-template-columns:1fr 42px;gap:10px;margin-bottom:10px}.entry-card select{height:42px;padding:0 10px}.icon-button{width:42px;height:42px;display:grid;place-items:center;color:#a14e48;background:#fff6f4;border:1px solid #efd6d2;border-radius:7px}.icon-button svg{width:18px}.sticky-action{position:sticky;bottom:92px;box-shadow:0 7px 18px #4e421429}.empty-text{min-height:180px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted)}.empty-text svg{color:#a6b4ad}.range-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.export-list{display:grid;gap:8px;margin:16px 0}.export-row{min-height:58px;padding:10px 12px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:7px}.export-row input{width:20px;height:20px;accent-color:var(--green)}.export-row span{display:grid;gap:3px}.export-row small,.history-row small,.section-copy{color:var(--muted);font-size:12px}.secondary-section{margin-top:14px}.secondary-section h2,.form-card h2{margin:0 0 8px;font-size:18px}.section-copy{margin:0 0 14px;line-height:1.55}.form-card>textarea{width:100%;min-height:140px;padding:12px;border:1px solid #cfd8d2;border-radius:7px;resize:vertical}.history-row{padding:10px 0;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0ee}.storage-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.storage-stats>div{min-width:0;padding:12px 8px;text-align:center;background:#f5f7f5;border:1px solid #e3e8e4;border-radius:7px}.storage-stats strong,.storage-stats span{display:block}.storage-stats strong{font-size:19px;overflow-wrap:anywhere}.storage-stats span{margin-top:4px;color:var(--muted);font-size:11px}.storage-tip{margin:12px 0 0;padding:10px 12px;color:#6c5410;background:#fff8df;border-left:3px solid var(--yellow);font-size:12px;line-height:1.55}.hidden-file{display:none}.danger-button{color:#984841;border-color:#dcb9b5}.guide-backdrop{position:fixed;inset:0;z-index:50;padding:20px;display:grid;place-items:center;background:#18221e94;backdrop-filter:blur(5px)}.guide-card{width:min(100%,420px);padding:26px 22px 22px;background:#fff;border-radius:8px;box-shadow:0 24px 60px #141e1a3d}.guide-icon{width:48px;height:48px;margin-bottom:17px;display:grid;place-items:center;color:#25322e;background:var(--yellow);border-radius:8px}.guide-icon svg{width:25px}.guide-card h1{margin:5px 0 18px;font-size:25px;letter-spacing:0}.guide-steps{display:grid;gap:12px}.guide-steps p{margin:0;display:grid;grid-template-columns:27px 1fr;align-items:start;gap:10px;color:#4f5a55;font-size:13px;line-height:1.55}.guide-steps strong{width:25px;height:25px;display:grid;place-items:center;color:#fff;background:var(--green);border-radius:50%;font-size:12px}.guide-card>small{margin-top:13px;display:block;color:var(--muted);text-align:center;line-height:1.5}.bottom-nav{width:min(100%,560px);height:calc(68px + env(safe-area-inset-bottom));padding:6px 10px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;z-index:10;background:#fffffff7;border-top:1px solid var(--line)}.bottom-nav button{display:grid;place-items:center;align-content:center;gap:3px;color:#78827d;background:transparent;border:0;border-radius:7px;font-size:11px}.bottom-nav button.active{color:var(--green);background:#edf2ef}.bottom-nav svg{width:20px;height:20px}.toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));z-index:20;width:calc(100% - 40px);max-width:500px;padding:13px 16px;transform:translate(-50%);color:#fff;background:#26342f;border-radius:7px;text-align:center;font-size:13px;box-shadow:0 10px 28px #141e1a3d}@media(max-width:360px){.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}