:root{--text:#6b6375;--text-h:#1a1523;--bg:#faf9fb;--border:#e5e4e7;--accent:#8b5cf6;--accent-bg:#8b5cf61a;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--bg:#111114;--border:#2e303a;--accent:#a78bfa;--accent-bg:#a78bfa26}}*{box-sizing:border-box}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;margin:0}#app{max-width:480px;margin:0 auto}h1,h2,h3{color:var(--text-h);margin:0}button{font-family:inherit}.login{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100svh;padding:24px 16px;display:flex}.login form{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:280px;display:flex}.login-input{border:2px solid var(--border);background:var(--bg);width:100%;color:var(--text-h);text-align:center;border-radius:10px;outline:none;padding:14px 16px;font-family:inherit;font-size:18px}.login-input:focus{border-color:var(--accent)}.login-error{color:#ef4444;margin:0;font-size:14px}.login-btn{background:var(--accent);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;width:100%;padding:14px;font-size:18px;font-weight:600}.login-btn:active{opacity:.85}.home{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100svh;padding:24px 16px;display:flex}.app-title{color:var(--text-h);letter-spacing:-.5px;margin:0;font-size:28px;font-weight:600}.last-feed{color:var(--text);margin:0;font-size:14px}.next-hint{color:var(--text-h);margin:8px 0;font-size:18px;font-weight:500}.breast-buttons{gap:24px;margin:16px 0;display:flex}.breast-btn{border:3px solid var(--border);background:var(--bg);width:120px;height:120px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;font-size:36px;font-weight:700;transition:all .2s}.breast-btn.suggested{border-color:var(--accent);background:var(--accent-bg);color:var(--accent);box-shadow:0 0 20px var(--accent-bg);transform:scale(1.15)}.breast-btn:active{transform:scale(.95)}.breast-btn.suggested:active{transform:scale(1.05)}.history-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:8px;margin-top:12px;padding:10px 24px;font-size:15px}.feeding-details{box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;min-height:100svh;padding:24px 16px 48px;display:flex}.cancel-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:8px;align-self:flex-start;padding:8px 16px;font-size:14px}.details-content{flex-direction:column;align-items:center;gap:28px;width:100%;max-width:360px;display:flex}.details-breast{font-size:28px;font-weight:700}.details-breast.left{color:#60a5fa}.details-breast.right{color:#fb923c}.duration-section,.note-section{width:100%}.section-label{color:var(--text);text-align:center;margin:0 0 8px;font-size:13px}.duration-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{border:2px solid var(--border);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:20px;padding:10px 16px;font-size:15px;font-weight:500;transition:all .15s}.chip.selected{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.chip:active{transform:scale(.95)}.custom-duration{justify-content:center;align-items:center;gap:8px;margin-top:10px;display:flex}.custom-input{border:2px solid var(--border);background:var(--bg);width:80px;color:var(--text-h);text-align:center;border-radius:10px;outline:none;padding:10px 12px;font-family:inherit;font-size:18px}.custom-input:focus{border-color:var(--accent)}.custom-unit{color:var(--text);font-size:16px}.note-input{border:2px solid var(--border);background:var(--bg);width:100%;color:var(--text-h);border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:16px}.note-input:focus{border-color:var(--accent)}.save-btn{background:var(--accent);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;width:140px;height:140px;box-shadow:0 4px 20px var(--accent-bg);border:none;border-radius:50%;font-size:24px;font-weight:700;transition:transform .15s}.save-btn:active{transform:scale(.92)}.history{box-sizing:border-box;min-height:100svh;padding:16px}.history-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.history-header h2{margin:0;font-size:22px}.back-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:8px;padding:8px 12px;font-size:16px}.empty{text-align:center;color:var(--text);margin-top:60px}.day-group{margin-bottom:20px}.day-title{color:var(--text);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);margin:0 0 8px;padding-bottom:6px;font-size:14px;font-weight:600}.session-row{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 8px;transition:background .15s;display:flex}.session-row:active,.session-row.editing{background:var(--accent-bg)}.session-breast{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex}.session-breast.left{color:#60a5fa;background:#60a5fa26}.session-breast.right{color:#fb923c;background:#fb923c26}.session-time{color:var(--text-h);font-size:16px}.session-duration{color:var(--text);margin-left:auto;font-size:14px}.session-note{width:100%;color:var(--text);padding-left:48px;font-size:13px;font-style:italic}.session-actions{gap:8px;width:100%;padding-top:8px;display:flex}.action-btn{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:6px;flex:1;padding:8px;font-size:13px}.action-btn.delete{color:#ef4444;border-color:#ef44444d}