:root{color:#3e2b22;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#d9ecb6;font-family:ui-rounded,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#d9ecb6;min-height:100%}body{background:linear-gradient(#bfe3f3 0%,#e9f2d2 46%,#f8efd5 100%);min-width:320px;min-height:100svh;margin:0}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}#root{min-height:100svh}.app-v2{--bg:#d9ecb6;--sky:#a9d7f2;--grass:#8fbd5a;--grass-dark:#5f8f43;--wood:#9a633d;--wood-dark:#5f3d2b;--cream:#fff4d0;--paper:#fff8dc;--paper-deep:#f3d99a;--ink:#3e2b22;--muted:#7c6348;--line:#6b442e;--accent:#d97952;--accent-soft:#f7c978;--blue:#6daed0;--shadow:#49321c1f;width:min(100%,430px);min-height:100svh;color:var(--ink);background:linear-gradient(180deg, #a9d7f2db 0 112px, transparent 238px), linear-gradient(180deg, transparent 0 72%, #5f8f431a 72%), var(--bg);background-position:0 0;background-size:auto;margin:0 auto;position:relative;overflow-x:hidden}.app-v2:before{content:none}.top-bar{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#a9d7f2d1;border-bottom:2px solid #5f3d2b1f;justify-content:space-between;align-items:flex-end;gap:12px;padding:18px 18px 12px;display:flex;position:sticky;top:0}.top-bar p,.overline,.journal-header p{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:900}.top-bar h1,.journal-header h2,.settings-screen h2{letter-spacing:0;text-shadow:0 2px #ffffff80;margin:0;font-size:23px;line-height:1.05}.subject-switch{background:var(--paper);border-radius:18px;gap:4px;padding:4px;display:flex}.subject-switch button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:12px;align-items:center;gap:7px;padding:0 10px 0 7px;font-weight:900;display:inline-flex}.screen{gap:18px;padding:10px 18px 124px;display:grid}.hero-metric{border:2px solid var(--line);min-height:244px;box-shadow:0 4px 0 var(--wood-dark), 0 14px 24px var(--shadow);background:linear-gradient(#fff4d0f2,#f8e0a0eb),repeating-linear-gradient(90deg,#0000 0 10px,#9a633d0f 10px 12px);border-radius:26px;flex-direction:column;justify-content:space-between;padding:18px;display:flex}.hero-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.hero-heading p{color:var(--wood-dark);margin:0 0 7px;font-size:18px;font-weight:900}.metric-row{align-items:baseline;gap:9px;animation:.42s steps(4,end) both soft-rise;display:flex}.metric-row strong{letter-spacing:0;color:var(--wood-dark);text-shadow:0 4px #ffda7cbf;font-size:clamp(82px,26vw,116px);font-weight:950;line-height:.82}.metric-row span{font-size:23px}.hero-metric small{margin-top:14px;font-size:16px}.focus-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.focus-block{background:var(--paper);border-radius:22px;flex-direction:column;justify-content:space-between;min-height:108px;padding:16px;display:flex}.energy-card{background:#fff8dcc7;border:2px solid #6b442e8c;border-radius:22px;gap:12px;padding:16px;display:grid}.energy-card .section-line{margin-bottom:0}.energy-card h2{align-items:center;gap:8px;display:inline-flex}.energy-bolt{border:2px solid var(--line);color:#7a4b1e;width:28px;height:28px;box-shadow:0 2px 0 var(--wood-dark);background:#ffd76b;border-radius:10px;place-items:center;font-size:15px;display:inline-grid}.energy-tabs{background:#fffbe9b8;border:2px solid #6b442e38;border-radius:15px;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;display:grid}.energy-tabs button,.energy-inputs button,.energy-result button{color:var(--ink);background:0 0;border:0;border-radius:12px;font-weight:900}.energy-tabs button{height:36px}.energy-inputs{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.energy-inputs.portion{grid-template-columns:1fr 1fr}.energy-inputs.portion input:last-child{grid-column:1/-1}.energy-inputs input{width:100%;height:44px;color:var(--ink);background:#fffbe9;border:2px solid #6b442e85;border-radius:12px;outline:0;padding:0 12px}.energy-result{grid-template-columns:1fr auto;align-items:center;gap:6px 10px;display:grid}.energy-result span{color:var(--muted);grid-column:1/-1;font-size:12px;font-weight:900}.energy-result strong{font-size:18px}.energy-result button{background:#e7f2c4;min-height:38px;padding:0 12px}.focus-block span,.section-line span,.timeline-row small{color:var(--muted);font-size:13px;font-weight:900}.focus-block strong{letter-spacing:0;font-size:32px;line-height:1}.quiet-card{background:var(--paper);border-radius:24px;padding:18px}.section-line{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.section-line h2{margin:0;font-size:18px;line-height:1}.section-line button,.journal-header button,.more-records-toggle{border:2px solid var(--line);min-height:38px;color:var(--ink);background:var(--accent-soft);box-shadow:0 4px 0 var(--wood-dark);border-radius:14px;padding:0 14px;font-weight:950}.section-line button:active,.journal-header button:active,.floating-add:active,.quick-form button:active,.data-actions button:active,.record-grid button:active{box-shadow:0 1px 0 var(--wood-dark);transform:translateY(3px)}.trend,.empty-trend{height:126px}.empty-trend{color:var(--muted);place-items:center;font-weight:900;display:grid}.compact-list,.timeline{gap:12px;display:grid}.timeline-row{background:#fff8dcb8;border:2px solid #6b442e38;border-radius:18px;grid-template-columns:40px 1fr;align-items:center;gap:12px;min-height:62px;padding:12px;display:grid}.timeline-row>span{place-items:center;width:40px;height:40px;display:grid}.timeline-row strong,.timeline-row small{display:block}.timeline-row strong{margin-bottom:3px;font-size:16px}.journal-header{justify-content:space-between;align-items:end;gap:16px;min-height:86px;display:flex}.journal-content{gap:18px;animation:.18s ease-out both journal-switch;display:grid}.commission-card{border-color:#6b442e29;box-shadow:0 8px 18px #49321c14}.commission-list{gap:2px;display:grid}.commission-card .timeline-row{background:0 0;border:0;border-bottom:1px solid #6b442e21;border-radius:0;min-height:58px;padding:12px 0}.commission-card .timeline-row:last-child{border-bottom:0}.reminder-strip{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.reminder-strip div{background:#e7f2c4;border:2px solid #6b442e33;border-radius:18px;min-height:88px;padding:13px}.reminder-strip strong,.reminder-strip span{display:block}.reminder-strip strong{margin-bottom:10px;font-size:25px;line-height:1}.reminder-strip span{color:var(--muted);font-size:12px;font-weight:900}.timeline-day{gap:8px;display:grid}.timeline-day time{z-index:2;color:var(--wood-dark);background:var(--bg);padding:10px 0 4px;font-size:13px;font-weight:950;position:sticky;top:72px}.settings-screen{gap:30px;padding-top:30px}.settings-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px;display:grid}.settings-grid label{color:var(--muted);gap:8px;font-size:13px;font-weight:900;display:grid}.settings-grid input,.quick-form input{width:100%;height:52px;color:var(--ink);background:var(--paper);border-radius:14px;outline:0;padding:0 14px}.settings-grid input:focus,.quick-form input:focus{border-color:var(--accent);background:#fffbe9}.data-actions{gap:12px;display:grid}.data-actions button{min-height:56px;color:var(--ink);background:var(--paper);border-radius:18px;justify-content:center;align-items:center;gap:10px;font-weight:950;display:flex}.data-actions button:disabled,.cloud-restore-button:disabled{opacity:.48}.cloud-sync-panel{gap:12px;display:grid}.cloud-hint,.cloud-message{color:var(--muted);margin:0;font-size:13px;font-weight:800}.cloud-message{color:var(--grass-dark)}.sync-code-box{border:3px solid var(--line);box-shadow:0 3px 0 var(--wood-dark), 0 10px 18px var(--shadow);background:#fff4d0;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;display:flex}.sync-code-box div{gap:3px;display:grid}.sync-code-box span,.cloud-restore{color:var(--muted);font-size:13px;font-weight:900}.sync-code-box strong{letter-spacing:1px;font-size:22px}.sync-code-box button{border:2px solid var(--line);min-height:38px;color:var(--ink);background:var(--accent-soft);box-shadow:0 3px 0 var(--wood-dark);border-radius:13px;padding:0 12px;font-weight:950}.cloud-restore{gap:8px;display:grid}.cloud-restore input{border:3px solid var(--line);width:100%;height:52px;color:var(--ink);background:var(--paper);text-transform:uppercase;border-radius:14px;outline:0;padding:0 14px;font-weight:900}.cloud-restore-button{border:3px solid var(--line);min-height:52px;color:var(--ink);background:var(--accent-soft);box-shadow:0 3px 0 var(--wood-dark), 0 10px 18px var(--shadow);border-radius:18px;font-weight:950}.file-input{display:none}.settings-error{color:#b94a35;margin:-4px 0 0;font-size:13px;font-weight:850}.floating-add{z-index:20;border:2px solid var(--line);width:62px;height:62px;color:var(--wood-dark);box-shadow:0 6px 0 var(--wood-dark), 0 18px 34px var(--shadow);background:#ffd76b;border-radius:18px;place-items:center;font-size:42px;font-weight:950;line-height:1;display:grid;position:fixed;bottom:94px;right:max(18px,50vw - 197px)}.nav-rail{z-index:19;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff8dceb;border-radius:18px;grid-template-columns:1fr 1fr 52px;gap:5px;width:min(100% - 36px,394px);height:64px;padding:6px;display:grid;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.nav-rail button{color:var(--muted);background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;font-weight:950;display:inline-flex}.nav-rail button.active{color:var(--ink);background:#e7f2c4;box-shadow:inset 0 -3px #5f3d2b24}.sheet-backdrop{z-index:30;background:#3e2b2247;justify-content:center;align-items:flex-end;animation:.16s steps(3,end) both fade-in;display:flex;position:fixed;inset:0}.bottom-sheet{width:min(100%,430px);max-height:min(88svh,720px);padding:10px 18px calc(24px + env(safe-area-inset-bottom));border:2px solid var(--line);overscroll-behavior:contain;scroll-padding-bottom:calc(120px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;background:var(--paper);border-bottom:0;border-radius:26px 26px 0 0;animation:.22s steps(5,end) both sheet-up;overflow-y:auto}.bottom-sheet .subject-switch{width:fit-content;margin:0 auto 18px}.sheet-handle{background:var(--wood);border-radius:0;width:42px;height:6px;margin:0 auto 20px}.bottom-sheet h2{letter-spacing:0;margin:0 0 16px;font-size:27px}.record-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.record-grid button{aspect-ratio:1;border:3px solid var(--line);color:var(--ink);box-shadow:0 4px 0 var(--wood-dark);background:#e7f2c4;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-weight:950;display:flex}.more-records-toggle{width:100%;height:48px;color:var(--ink);background:var(--paper-deep);margin:12px 0 0}.more-records{margin-top:10px}.quick-form{gap:12px;padding-bottom:8px;display:grid}.quick-form input,.quick-form button{scroll-margin-bottom:calc(140px + env(safe-area-inset-bottom))}.quick-form button{border:3px solid var(--line);height:58px;color:var(--wood-dark);box-shadow:0 5px 0 var(--wood-dark);background:#ffd76b;border-radius:16px;font-size:16px;font-weight:950}.empty-state{min-height:158px;color:var(--muted);background:var(--paper);text-align:center;border-radius:22px;place-items:center;gap:12px;padding:20px;font-weight:900;display:grid}.empty-state p{max-width:230px;margin:0}.save-toast{z-index:40;border:3px solid var(--line);min-height:50px;color:var(--wood-dark);box-shadow:0 5px 0 var(--wood-dark), 0 14px 26px var(--shadow);white-space:nowrap;background:#ffd76b;border-radius:16px;align-items:center;gap:10px;padding:0 16px;font-weight:950;animation:.26s steps(4,end) both toast-in;display:inline-flex;position:fixed;bottom:168px;left:50%;transform:translate(-50%)}.pixel-sprite{object-fit:cover;width:64px;height:64px;image-rendering:pixelated;background:linear-gradient(#fff8dc,#f3d99a);border:2px solid #6b442e40;border-radius:18px;flex:none;display:inline-block;box-shadow:0 3px #5f3d2b38}.pixel-sprite.tiny{border-radius:10px;width:31px;height:31px}.pixel-sprite.small{border-radius:13px;width:45px;height:45px}.pixel-sprite.hero{border-radius:22px;width:86px;height:86px}.pixel-sprite.empty{border-radius:22px;width:82px;height:82px}.pixel-sprite>span{display:block;position:absolute}.pixel-shadow{left:calc(var(--unit) * 3);right:calc(var(--unit) * 2);bottom:calc(var(--unit) * 1);height:calc(var(--unit) * 2);background:#5f3d2b33}.pixel-sprite.me .pixel-body{left:calc(var(--unit) * 5);top:calc(var(--unit) * 8);width:calc(var(--unit) * 7);height:calc(var(--unit) * 6);box-shadow:calc(var(--unit) * -1) calc(var(--unit) * 1) 0 #f6d88f, calc(var(--unit) * 1) calc(var(--unit) * 5) 0 #8fbd5a, calc(var(--unit) * 5) calc(var(--unit) * 5) 0 #8fbd5a;background:#f6d88f}.pixel-sprite.me .pixel-head{left:calc(var(--unit) * 5);top:calc(var(--unit) * 3);width:calc(var(--unit) * 7);height:calc(var(--unit) * 6);box-shadow:calc(var(--unit) * -1) calc(var(--unit) * 1) 0 #ffd7a6, calc(var(--unit) * 7) calc(var(--unit) * 1) 0 #ffd7a6;background:#ffd7a6}.pixel-sprite.me .pixel-hair{left:calc(var(--unit) * 4);top:calc(var(--unit) * 2);width:calc(var(--unit) * 9);height:calc(var(--unit) * 3);box-shadow:calc(var(--unit) * 1) calc(var(--unit) * 3) 0 #29231e, calc(var(--unit) * 6) calc(var(--unit) * 3) 0 #29231e;background:#29231e}.pixel-sprite.me .pixel-face{left:calc(var(--unit) * 6);top:calc(var(--unit) * 6);width:var(--unit);height:var(--unit);box-shadow:calc(var(--unit) * 4) 0 0 #29231e, calc(var(--unit) * 1) calc(var(--unit) * 2) 0 #d97952, calc(var(--unit) * 2) calc(var(--unit) * 2) 0 #d97952, calc(var(--unit) * 3) calc(var(--unit) * 2) 0 #d97952;background:#29231e}.pixel-sprite.pet .pixel-body{left:calc(var(--unit) * 4);top:calc(var(--unit) * 7);width:calc(var(--unit) * 8);height:calc(var(--unit) * 6);box-shadow:calc(var(--unit) * -2) calc(var(--unit) * 2) 0 #fff8ea, calc(var(--unit) * 7) calc(var(--unit) * 2) 0 #fff8ea, calc(var(--unit) * 2) calc(var(--unit) * 6) 0 #fff8ea, calc(var(--unit) * 5) calc(var(--unit) * 6) 0 #fff8ea;background:#fff8ea}.pixel-sprite.pet .pixel-head{left:calc(var(--unit) * 5);top:calc(var(--unit) * 3);width:calc(var(--unit) * 7);height:calc(var(--unit) * 6);background:#fff8ea}.pixel-sprite.pet .pixel-ear{top:calc(var(--unit) * 2);width:calc(var(--unit) * 3);height:calc(var(--unit) * 3);background:#fff8ea}.pixel-sprite.pet .pixel-ear.left{left:calc(var(--unit) * 4)}.pixel-sprite.pet .pixel-ear.right{left:calc(var(--unit) * 10)}.pixel-sprite.pet .pixel-face{left:calc(var(--unit) * 7);top:calc(var(--unit) * 5);width:var(--unit);height:var(--unit);box-shadow:calc(var(--unit) * 3) 0 0 #2c2823, calc(var(--unit) * 1) calc(var(--unit) * 2) 0 #2c2823, calc(var(--unit) * 2) calc(var(--unit) * 3) 0 #e77894;background:#2c2823}.pixel-sprite.pet .pixel-tail{left:calc(var(--unit) * 2);top:calc(var(--unit) * 7);width:calc(var(--unit) * 2);height:calc(var(--unit) * 4);background:#fff8ea}.pixel-icon,.pixel-reward{width:18px;height:18px;image-rendering:pixelated;background:var(--wood);display:inline-block}.pixel-icon.farm{background:#8fbd5a;box-shadow:6px -6px #ffd76b,0 6px #5f8f43,6px 6px #5f8f43}.pixel-icon.journal{background:#f6d88f;box-shadow:6px 0 #9a633d,0 6px #fff4d0,6px 6px #fff4d0}.pixel-icon.settings{background:#9a633d;box-shadow:6px 0 #f6d88f,0 6px #f6d88f,6px 6px #9a633d}.pixel-icon.crate{background:#9a633d;box-shadow:6px 0 #9a633d,0 6px #f6d88f,6px 6px #9a633d}.pixel-icon.reset{background:#6daed0;box-shadow:6px 0 #6daed0,0 6px #ffd76b,6px 6px #6daed0}.pixel-reward{background:#fff8dc;width:16px;height:16px;animation:.68s steps(2,end) infinite twinkle;box-shadow:4px -4px #fff8dc,8px 0 #fff8dc,4px 4px #fff8dc,-4px 0 #fff8dc}@keyframes soft-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(28px)}to{transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes journal-switch{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes twinkle{50%{transform:scale(1.15)rotate(8deg)}}@media (width>=431px){.app-v2{border:4px solid var(--wood-dark);border-radius:28px;margin-top:18px;margin-bottom:18px;box-shadow:0 20px 70px #49321c2e}}.journal-screen{gap:18px}.journal-cover{min-height:168px;box-shadow:var(--lift-shadow);background:radial-gradient(circle at 82% 14%,#ffd76b3d,#0000 34%),linear-gradient(145deg,#fffae4fa,#eaf1c8c7);border:1px solid #5d422a14;border-radius:32px;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:20px;display:grid}.journal-cover .pixel-sprite.hero{border-radius:28px;width:104px;height:104px}.journal-cover-copy{gap:7px;display:grid}.journal-cover-copy p,.journal-section-heading p,.sheet-title p{color:#37271e7a;margin:0;font-size:12px;font-weight:850}.journal-cover-copy h2{color:var(--ink);margin:0;font-size:30px;font-weight:950;line-height:1}.journal-cover-copy span{color:var(--muted);font-size:13px;font-weight:760;line-height:1.45}.journal-task-list,.journal-entry-list{gap:10px;display:grid}.journal-task-card{background:#ffffff52;border:1px solid #5d422a14;border-radius:22px;grid-template-columns:70px 1fr;align-items:center;gap:12px;min-height:72px;padding:14px;display:grid}.journal-task-card.due{background:#ffd76b42}.journal-task-status{min-height:42px;color:var(--wood-dark);background:#8eb7682e;border-radius:16px;place-items:center;font-size:13px;font-weight:900;display:grid}.journal-task-card.due .journal-task-status{background:#ffd76b85}.journal-task-card strong,.journal-task-card small,.journal-entry-card strong,.journal-entry-card small{display:block}.journal-task-card strong,.journal-entry-card strong{color:var(--ink);font-size:16px;font-weight:900}.journal-task-card small,.journal-entry-card small{color:var(--muted);margin-top:4px;font-size:13px;font-weight:760;line-height:1.35}.journal-section-heading{justify-content:space-between;align-items:end;gap:14px;padding:0 2px;display:flex}.journal-section-heading h2{color:var(--ink);margin:3px 0 0;font-size:21px;line-height:1}.journal-section-heading>span{color:var(--muted);font-size:13px;font-weight:850}.journal-timeline,.journal-day{gap:12px;display:grid}.journal-day time{color:#4930209e;padding:2px 2px 0;font-size:13px;font-weight:900}.journal-entry-card{background:#fffae4b8;border:1px solid #5d422a14;border-radius:24px;grid-template-columns:34px 1fr;align-items:center;gap:12px;min-height:72px;padding:14px;display:grid;box-shadow:0 8px 20px #4b331d0d}.journal-entry-check{width:30px;height:30px;color:var(--grass-dark);background:#8eb76833;border-radius:12px;place-items:center;font-weight:950;display:grid}.sheet-title{gap:5px;margin-bottom:16px;display:grid}.sheet-title h2{margin:0}.record-grid button{position:relative;overflow:hidden}.record-grid button:after{content:"";background:#ffd76b7a;border-radius:999px;height:3px;position:absolute;inset:auto 14px 10px}.form-helper{color:var(--muted);margin-top:6px;font-size:13px;font-weight:760;line-height:1.45;display:block}.quick-form{animation:.18s ease-out both journal-switch}.home-screen{gap:18px}.home-hero,.today-status-card,.home-commission-card,.home-trend-card,.home-journal-strip{background:var(--paper);box-shadow:var(--surface-shadow);border:1px solid #5d422a14}.home-hero{min-height:216px;box-shadow:var(--lift-shadow);background:radial-gradient(circle at 82% 20%,#ffd76b47,#0000 36%),linear-gradient(145deg,#fffae4fa,#eaf1c8cc);border-radius:34px;grid-template-columns:1fr auto;align-items:end;gap:16px;padding:22px;display:grid;overflow:hidden}.home-hero .pixel-sprite.hero{border-radius:30px;place-self:center end;width:132px;height:132px;transform:translateY(6px)}.home-hero-copy{gap:8px;display:grid}.home-kicker{color:#37271e7a;font-size:12px;font-weight:850}.home-hero h2{color:var(--ink);letter-spacing:0;margin:0;font-size:40px;font-weight:950;line-height:.96}.home-hero p,.today-status-card p,.home-empty-note{color:var(--muted);margin:0;font-size:14px;font-weight:760;line-height:1.55}.today-status-card{border-radius:28px;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:18px;display:grid}.metric-row.compact{justify-content:flex-end;min-width:112px}.metric-row.compact strong{font-size:44px;line-height:.9}.metric-row.compact span{font-size:15px}.today-brief-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.today-brief-grid .focus-block{min-height:96px;box-shadow:none;border:1px solid #5d422a14}.today-brief-grid .focus-block.warm{background:#ffd76b3d}.home-commission-card,.home-trend-card,.home-journal-strip{border-radius:28px;padding:18px}.home-task-list,.home-recent-list{gap:8px;display:grid}.home-task{grid-template-columns:58px 1fr;align-items:center;gap:12px;min-height:58px;padding:0;display:grid}.home-task>span{min-height:44px;color:var(--wood-dark);background:#ffd76b57;border-radius:16px;place-items:center;font-size:14px;font-weight:900;display:grid}.home-task strong,.home-task small{display:block}.home-task strong{color:var(--ink);font-size:16px}.home-task small{color:var(--muted);margin-top:3px;font-size:13px;font-weight:760}.home-trend-card .trend,.home-trend-card .empty-trend{height:104px}.home-recent-list .timeline-row{box-shadow:none;background:0 0;border:0;border-bottom:1px solid #5d422a14;border-radius:0;padding:10px 0}.home-recent-list .timeline-row:last-child{border-bottom:0}.home-journal-strip .empty-state{min-height:132px}.app-v2{--bg:#f4edcf;--sky:#b8dff1;--grass:#8eb768;--grass-dark:#527c42;--wood:#9a6a42;--wood-dark:#493020;--cream:#fff7dc;--paper:#fffae4eb;--paper-deep:#f2dfa8;--ink:#37271e;--muted:#7b684f;--line:#5d422a29;--accent:#d87952;--accent-soft:#f7cf82;--blue:#6eaed0;--shadow:#412b181a;--surface-shadow:0 10px 28px #4b331d14;--lift-shadow:0 16px 38px #4b331d1f;width:min(100%,430px);color:var(--ink);background:linear-gradient(#b8dff1ad 0 150px,#0000 330px),linear-gradient(#f4edcf 0%,#f8f0d8 58%,#edf2d0 100%)}.app-v2.pet{--accent:#4f9ac1;--accent-soft:#c5e2ef}.top-bar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4edcfd1;border-bottom:1px solid #5d422a14;align-items:center;padding:18px 18px 14px;box-shadow:0 8px 28px #4b331d0d}.top-bar p,.overline,.journal-header p{color:#37271e85;text-transform:none;font-size:11px;font-weight:800}.top-bar h1,.journal-header h2,.settings-screen h2{color:var(--ink);text-shadow:none;font-size:24px;font-weight:900}.screen{gap:20px;padding:14px 18px 124px}.subject-switch,.quiet-card,.focus-block,.nav-rail,.bottom-sheet,.empty-state,.data-actions button,.settings-grid input,.quick-form input{border:1px solid var(--line);box-shadow:var(--surface-shadow)}.subject-switch{background:#fffae4b8;border-radius:999px;gap:2px;padding:3px;box-shadow:0 6px 20px #4b331d14}.subject-switch button{color:#37271e94;border-radius:999px;min-height:40px;padding:0 12px 0 6px;transition:background .16s,color .16s,transform .16s}.subject-switch button.active{color:var(--ink);background:#f7cf82e6;box-shadow:0 4px 12px #4b331d14}.hero-metric{background:linear-gradient(145deg, #fffae4f5, #f5e3b2b3), var(--paper);min-height:238px;box-shadow:var(--lift-shadow);border:1px solid #5d422a1a;border-radius:30px;padding:20px}.hero-heading p{color:var(--ink);font-size:19px;font-weight:900}.hero-heading span{color:var(--muted);font-size:13px;font-weight:700}.metric-row strong{color:var(--wood-dark);text-shadow:none;font-weight:900}.metric-row span,.hero-metric small{color:var(--muted);font-weight:800}.focus-grid{gap:10px}.focus-block,.quiet-card,.energy-card,.empty-state,.cloud-sync-panel,.data-actions{background:var(--paper);box-shadow:var(--surface-shadow);border:1px solid #5d422a1a;border-radius:26px}.focus-block{min-height:104px;padding:16px}.energy-card,.quiet-card{padding:18px}.section-line{margin-bottom:14px}.section-line h2{font-size:18px;font-weight:900}.section-line button,.journal-header button,.more-records-toggle,.energy-result button,.quick-form button,.cloud-restore-button,.sync-code-box button{min-height:40px;color:var(--ink);background:var(--accent-soft);border:0;border-radius:16px;font-weight:900;transition:transform .14s,box-shadow .14s,filter .14s;box-shadow:0 7px 18px #4b331d14}.section-line button:active,.journal-header button:active,.floating-add:active,.quick-form button:active,.data-actions button:active,.record-grid button:active,.energy-result button:active,.cloud-restore-button:active,.sync-code-box button:active{transform:translateY(1px)scale(.99);box-shadow:0 4px 12px #4b331d14}.energy-bolt{background:#ffd76b;border:0;border-radius:12px;box-shadow:0 5px 12px #4b331d1a}.energy-tabs{background:#ffffff47;border:1px solid #5d422a1a;border-radius:18px}.energy-tabs button{border-radius:14px;height:38px}.energy-tabs button.active{background:#ffd76bdb;box-shadow:0 5px 14px #4b331d14}.energy-inputs input,.settings-grid input,.quick-form input,.cloud-restore input{background:#ffffff75;border:1px solid #5d422a1f;border-radius:16px;box-shadow:inset 0 1px #ffffff6b}.energy-inputs input:focus,.settings-grid input:focus,.quick-form input:focus,.cloud-restore input:focus{background:#ffffff9e;border-color:#d879526b;box-shadow:0 0 0 4px #d8795214}.timeline-row{background:0 0;border:0;border-bottom:1px solid #5d422a1a;border-radius:0;min-height:64px;padding:12px 0}.compact-list .timeline-row,.timeline-day .timeline-row{background:#fffae494;border:1px solid #5d422a14;border-radius:20px;padding:12px;box-shadow:0 8px 20px #4b331d0d}.commission-card{box-shadow:var(--surface-shadow);border:1px solid #5d422a14}.commission-card .timeline-row{box-shadow:none;border-bottom:1px solid #5d422a1a;padding:14px 0}.timeline-day{gap:10px}.timeline-day time{color:#493020b8;background:0 0;font-weight:850;top:72px}.settings-screen{gap:22px}.settings-screen>section:not(.data-actions):not(.cloud-sync-panel){background:var(--paper);box-shadow:var(--surface-shadow);border:1px solid #5d422a14;border-radius:26px;padding:18px}.settings-grid{gap:10px}.data-actions,.cloud-sync-panel{gap:12px;padding:18px}.data-actions button{min-height:54px;box-shadow:none;background:#ffffff5c;border:1px solid #5d422a14;border-radius:18px}.sync-code-box{box-shadow:none;background:#ffffff5c;border:1px solid #5d422a1a;border-radius:20px}.floating-add{width:60px;height:60px;color:var(--wood-dark);background:linear-gradient(#ffdc79,#f3bd54);border:0;border-radius:22px;font-size:38px;bottom:94px;right:max(18px,50vw - 197px);box-shadow:0 14px 30px #4b331d2e}.nav-rail{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffae4d1;border:1px solid #5d422a1a;border-radius:24px;height:64px;padding:6px;bottom:18px;box-shadow:0 16px 42px #4b331d24}.nav-rail button{color:#37271e94;border-radius:18px;transition:background .16s,color .16s,transform .16s}.nav-rail button.active{color:var(--ink);box-shadow:none;background:#8eb76833}.sheet-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#37271e33}.bottom-sheet{padding:10px 18px calc(24px + env(safe-area-inset-bottom));background:#fffae4f5;border:1px solid #5d422a1a;border-bottom:0;border-radius:32px 32px 0 0;animation:.22s ease-out both sheet-up;box-shadow:0 -20px 46px #4b331d29}.sheet-handle{background:#49302038;border-radius:999px;width:44px;height:5px}.bottom-sheet h2{font-size:25px;font-weight:900}.record-grid{gap:10px}.record-grid button{background:#ffffff61;border:1px solid #5d422a1a;border-radius:22px;box-shadow:0 8px 20px #4b331d12}.primary-records button{background:#f7cf826b}.more-records-toggle{background:#ffffff5c;width:100%;margin-top:12px}.quick-form{gap:12px}.quick-form button{background:linear-gradient(#ffdc79,#f4c45e);height:56px}.empty-state{box-shadow:none;background:#fffae494;border:1px solid #5d422a14}.save-toast{color:var(--wood-dark);background:#ffd76bf5;border:0;border-radius:999px;animation:.22s ease-out both toast-in;box-shadow:0 14px 34px #4b331d2e}.pixel-sprite{background:linear-gradient(#fffae4f2,#f2dfa8b8);border:1px solid #5d422a1a;box-shadow:0 8px 18px #4b331d17}.pixel-icon{opacity:.88;border-radius:4px;box-shadow:none!important}.pixel-reward{opacity:.9}@media (prefers-reduced-motion:no-preference){.quiet-card,.focus-block,.energy-card,.hero-metric,.compact-list{animation:.26s ease-out both soft-rise}}@media (width>=431px){.app-v2{border:1px solid #5d422a1a;border-radius:32px;margin-top:18px;margin-bottom:18px;box-shadow:0 24px 80px #4b331d29}}.magic-whisper{width:fit-content;max-width:100%;color:var(--wood-dark);background:#ffd76b42;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:850;line-height:1.35}.magic-row{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.magic-row::-webkit-scrollbar{display:none}.magic-chip{min-height:42px;color:var(--ink);background:#fffae4bd;border:1px solid #5d422a14;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 12px;animation:.24s ease-out both magic-pop;display:inline-flex;box-shadow:0 8px 18px #4b331d0d}.magic-chip span{font-size:16px}.magic-chip strong{white-space:nowrap;font-size:13px;font-weight:900}.magic-chip.seasonal{background:#c5e2ef6b}.journal-cover-copy em{width:fit-content;color:var(--grass-dark);background:#8eb7682e;border-radius:999px;padding:7px 10px;font-size:12px;font-style:normal;font-weight:850}@keyframes magic-pop{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes companion-breathe{0%,to{transform:translateY(6px)}50%{transform:translateY(2px)}}@media (prefers-reduced-motion:no-preference){.home-hero .pixel-sprite.hero,.journal-cover .pixel-sprite.hero{animation:3.8s ease-in-out infinite companion-breathe}}.home-trend-card .section-line span{color:var(--wood-dark);background:#ffd76b38;border-radius:999px;padding:6px 10px;font-size:12px}.data-actions button{color:var(--ink);justify-content:flex-start}.data-actions button:last-of-type{color:#8f3f2c;background:#ffebdc85}.save-toast{white-space:normal;text-align:center;max-width:calc(100% - 36px)}.journal-section-heading p{color:var(--grass-dark)}