: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(#9fd3f1 0 34%,#d9ecb6 34%),repeating-linear-gradient(90deg,#5f8f431f 0 10px,#0000 10px 20px);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:"";pointer-events:none;background:radial-gradient(circle at 18% 90px,#ffe27975 0 24px,#0000 25px),linear-gradient(#0000 0 72%,#6fa34c1f 72%);position:fixed;inset:0}.app-v2.pet{--accent:#4f9ac1;--accent-soft:#b9def2}.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,.quiet-card,.focus-block,.nav-rail,.bottom-sheet,.empty-state,.data-actions button,.settings-grid input,.quick-form input{border:3px solid var(--line);box-shadow:0 3px 0 var(--wood-dark), 0 10px 18px var(--shadow)}.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}.subject-switch button.active{color:var(--ink);background:var(--accent-soft);box-shadow:inset 0 -3px #5f3d2b29}.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}.hero-heading span{color:var(--muted);font-size:13px;font-weight:800}.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,.hero-metric small{color:var(--muted);font-weight:900}.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-modes{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.energy-modes button,.energy-inputs button,.energy-result button{color:var(--ink);background:#f6e7b5;border:2px solid #6b442e85;border-radius:12px;font-weight:900}.energy-modes button{height:36px}.energy-modes button.active{background:#ffd76b}.energy-inputs{grid-template-columns:1fr;gap:8px;display:grid}.energy-inputs.three{grid-template-columns:1fr 1fr 64px}.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:110px;display:flex}.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}.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}.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}.primary-records button{background:var(--accent-soft)}.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{--unit:4px;width:calc(var(--unit) * 16);height:calc(var(--unit) * 16);image-rendering:pixelated;flex:none;display:inline-block;position:relative}.pixel-sprite.tiny{--unit:1.95px}.pixel-sprite.small{--unit:2.55px}.pixel-sprite.hero{--unit:4.45px}.pixel-sprite.empty{--unit:3.85px}.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 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}}