:root{color:#f2e9eb;font-synthesis:none;background:#100d10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -10%,#3c151d 0,#151014 37%,#0b0a0c 100%);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.mobile-app{min-height:100vh;padding:env(safe-area-inset-top) 0 calc(82px + env(safe-area-inset-bottom))}.mobile-header{background:#0e0c0ed9;border-bottom:1px solid #ffffff12;align-items:center;gap:10px;padding:16px 20px 12px;display:flex}.mobile-header strong{font-size:15px;display:block}.mobile-mark{background:linear-gradient(135deg,#551623,#1c0c10);border:1px solid #9e3044;border-radius:10px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.sync-text{color:#93888c;text-overflow:ellipsis;white-space:nowrap;max-width:270px;font-size:10px;display:block;overflow:hidden}.sync-text--synced{color:#6dc697}.sync-text--offline,.sync-text--error{color:#df7081}main{padding:22px 16px}.page{max-width:680px;margin:0 auto}.page h1{letter-spacing:-.04em;margin:0;font-size:30px}.subtitle{color:#9f9498;margin:7px 0 20px;font-size:13px;line-height:1.5}.metric-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px;display:grid}.metric,.mobile-card{background:linear-gradient(145deg,#ffffff0e,#ffffff05);border:1px solid #ffffff17;border-radius:16px;box-shadow:0 12px 28px #0000002e}.metric{min-height:84px;padding:14px}.metric small{color:#9d9295;text-transform:uppercase;letter-spacing:.08em;font-size:10px;display:block}.metric strong{margin-top:7px;font-size:17px;display:block}.metric.is-good strong{color:#69c794}.mobile-card{margin:14px 0;padding:16px}.mobile-card h2{margin:0 0 12px;font-size:15px}.mobile-card p{color:#c7bdc1;justify-content:space-between;gap:12px;font-size:13px;line-height:1.5;display:flex}.mobile-card p strong{color:#f3eaec}.center{text-align:center}.center p{justify-content:center}.success .large-count{color:#6cc898}.large-count{font-size:42px;line-height:1;display:block}.button-row,.form-row{gap:9px;display:flex}.button-row{justify-content:center}.button-row button,.full-button,.add-form button,.food-form button,.login-form button{color:#fff;background:linear-gradient(135deg,#d03952,#a8213b);border:0;border-radius:12px;min-height:44px;padding:0 16px;font-weight:750}.button-row button:first-child{background:#2b2326}.button-row button:disabled,.full-button:disabled{opacity:.42}.full-button{width:100%;margin-top:12px}.text-button{color:#ad969d;background:0 0;border:0;width:100%;margin-top:10px}.sleep-action{color:#fff7f8;cursor:pointer;background:radial-gradient(circle at 35% 28%,#e5546e,#ae243e 66%,#7e1b30);border:1px solid #f6798eb8;border-radius:50%;place-items:center;width:112px;height:112px;margin:18px auto 2px;transition:transform .16s,box-shadow .16s,opacity .16s;display:grid;box-shadow:0 12px 30px #a61f3747,inset 0 1px #ffffff38}.sleep-action:hover{transform:translateY(-2px)scale(1.025);box-shadow:0 16px 34px #be2b425c,inset 0 1px #ffffff40}.sleep-action:active{transform:scale(.96)}.sleep-action:disabled{cursor:default;opacity:.42}.sleep-action span{font-size:31px;line-height:1}.sleep-action b{margin-top:-18px;font-size:12px}.add-form,.food-form,.login-form{gap:10px;margin:16px 0;display:grid}.add-form{grid-template-columns:1fr auto}.form-row>*{flex:1;min-width:0}input,select,textarea{color:#f1e8ea;background:#211b1e;border:1px solid #ffffff1f;border-radius:11px;outline:none;width:100%;min-height:44px;padding:0 12px}input:focus,select:focus,textarea:focus{border-color:#c53b54;box-shadow:0 0 0 3px #c53b5429}.food-form input{min-width:0}.food-picker{gap:6px;display:grid}.food-picker button{color:#ddd3d6;text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;gap:3px;min-height:48px;padding:9px 11px;display:grid}.food-picker button.is-selected{background:#971f3433;border-color:#d93950b3}.food-picker strong,.food-picker small{display:block}.food-picker strong{font-size:13px}.food-picker small{color:#ad7d87;font-size:10px}.selected-food{color:#bcb1b5;margin:0;font-size:12px}.selected-food strong{color:#f0e6e8}.field-label{color:#aaa0a4;margin-top:12px;font-size:11px;display:block}.field-label:first-child{margin-top:0}.field-label input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;margin-top:6px;display:block}.journal-input{resize:vertical;min-height:220px;padding:12px;line-height:1.5}.list{gap:8px;margin-top:14px;display:grid}.list-row,.check-row{color:#ded4d7;background:#ffffff06;border:1px solid #ffffff13;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:12px;font-size:13px;display:flex}.list-row button{color:#e88998;background:#c7334926;border:0;border-radius:8px;width:28px;height:28px;font-size:20px}.check-row{justify-content:flex-start}.check-row input{accent-color:#c73650;width:18px;min-height:18px}.done{opacity:.5;text-decoration:line-through}.empty{color:#948a8e;font-size:13px}.chips{flex-wrap:wrap;gap:7px;justify-content:flex-start!important;display:flex!important}.chips span{color:#f28a9b;background:#c82f4826;border-radius:7px;padding:5px 8px;font-size:11px}.more-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px;display:grid}.more-grid button{color:#e7dce0;text-align:left;background:#ffffff0a;border:1px solid #ffffff17;border-radius:14px;min-height:58px;padding:14px}.install-note{color:#aaa0a4;border-left:2px solid #c33950;margin-top:28px;padding:16px;font-size:13px;line-height:1.55}.install-note h2{color:#ece1e4;margin:0 0 7px;font-size:15px}.install-note p{margin:0}.error{color:#ec7b8c;font-size:12px}.bottom-nav{z-index:5;padding:8px 6px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#120e11f0;border-top:1px solid #ffffff14;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#9f9498;background:0 0;border:0;border-radius:11px;place-items:center;gap:2px;min-height:48px;font-size:10px;display:grid}.bottom-nav button span{font-size:17px}.bottom-nav button.is-active{color:#fff1f3;background:#c4304a38}@media (width>=700px){.mobile-app{border-inline:1px solid #ffffff14;max-width:720px;margin:0 auto}.bottom-nav{border-inline:1px solid #ffffff14;width:720px;left:50%;right:auto;transform:translate(-50%)}}