@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--tama-cream:#fff4d8;--tama-pink:#ff7fbd;--tama-pink-soft:#ffd2e8;--tama-aqua:#5ee0d6;--tama-mint:#b8f6df;--tama-yellow:#ffe35a;--tama-purple:#6242c7;--tama-blue:#38a9ff;--tama-coral:#ff745c;--tama-ink:#2b195c;--tama-muted:#7d5b97;--bg:var(--tama-cream);--text:var(--tama-ink);--border:var(--tama-ink);--panel:var(--tama-pink-soft);--screen:var(--tama-mint);--primary:var(--tama-purple);--primary-text:#fff;--shadow:#2e89a5;--muted:var(--tama-muted);--border-width:4px}*{box-sizing:border-box}body{background-color:var(--bg);min-width:320px;min-height:100vh;color:var(--text);font-synthesis:none;text-rendering:pixelated;-webkit-font-smoothing:none;background-image:linear-gradient(90deg,#ff7fbd1a 1px,#0000 1px),linear-gradient(#5ee0d61a 1px,#0000 1px);background-size:18px 18px;margin:0;font-family:"Press Start 2P",monospace}button,textarea,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent;cursor:pointer;border-radius:0}.app{width:min(100%,480px);min-height:100vh;padding:calc(24px + env(safe-area-inset-top)) 16px calc(40px + env(safe-area-inset-bottom));flex-direction:column;gap:32px;margin:0 auto;display:flex}h1,h2,p{margin:0}.setup-text{color:var(--muted);font-size:.65rem;line-height:1.6}.error-text{color:var(--tama-coral)}.top{text-align:center;flex-direction:column;gap:12px;display:flex}.eyebrow{text-transform:uppercase;color:var(--muted);font-size:.7rem}.top h1{color:var(--text);text-shadow:3px 3px 0px var(--tama-yellow), 6px 6px 0px var(--tama-aqua);font-size:1.8rem;line-height:1.2}.title-row{justify-content:center;align-items:center;display:flex;position:relative}.settings-toggle{color:var(--muted);background:0 0;border:none;padding:8px;transition:none;position:absolute;top:50%;right:0;transform:translateY(-50%)}.settings-toggle.open{color:var(--primary)}.settings-toggle:active{transform:translateY(-50%)translate(2px,2px)}.settings-panel{background:var(--panel);border:var(--border-width) solid var(--border);box-shadow:4px 4px 0px var(--shadow);flex-direction:column;gap:12px;margin-bottom:24px;padding:16px;display:flex}.baby-name-heading{width:100%;text-shadow:3px 3px 0px var(--tama-yellow), 6px 6px 0px var(--tama-aqua);color:var(--text);justify-content:center;align-items:baseline;gap:.5ch;font-size:1.8rem;line-height:1.2;display:flex}.baby-name-input{width:min(100%,8ch);color:var(--text);text-align:left;text-shadow:inherit;font-size:inherit;line-height:inherit;background:0 0;border:0;outline:none}.account-row{color:var(--muted);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:10px;font-size:.55rem;line-height:1.4;display:flex}.account-row button,.mini-button{border:var(--border-width) solid var(--border);background:var(--tama-yellow);color:var(--text);box-shadow:2px 2px 0 var(--shadow);text-transform:uppercase;padding:8px;font-size:.55rem}.family-panel{grid-template-columns:1fr auto;gap:10px;display:grid}.tamagotchi-screen{border:var(--border-width) solid var(--border);box-shadow:6px 6px 0px var(--shadow);background:#dcf6eb;flex-direction:column;min-height:240px;margin-bottom:-16px;display:flex;position:relative;overflow:hidden}.tamagotchi-anchor{scroll-margin-top:calc(16px + env(safe-area-inset-top))}.tamagotchi-screen:before{content:"";pointer-events:none;z-index:10;position:absolute;inset:0;box-shadow:inset 4px 4px #2b195c2e}.tamagotchi-screen:after{content:"";pointer-events:none;z-index:5;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#2b195c0f 2px 4px);position:absolute;inset:0}.tamagotchi-stats{width:100%;color:var(--text);z-index:1;justify-content:space-around;padding:12px 16px;font-size:.6rem;display:flex;position:relative}.stat-item{min-width:54px;color:inherit;box-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:4px;display:flex}.stat-item.active{color:var(--primary);text-shadow:2px 2px 0 var(--tama-yellow)}.stat-item:active{transform:translate(2px,2px)}.tamagotchi-avatar{z-index:1;background:var(--screen);border-top:2px solid #2b195c26;border-bottom:2px solid #2b195c26;flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.tamagotchi-avatar pre{color:var(--text);white-space:pre;text-align:left;margin:0;font-family:"Press Start 2P",monospace;font-size:1.1rem;line-height:1.8}.mode-toggle{background:var(--panel);border:var(--border-width) solid var(--border);box-shadow:4px 4px 0px var(--shadow);display:flex}.mode-btn{color:var(--text);text-transform:uppercase;background:0 0;border:none;flex:1;padding:14px;font-size:.7rem}.mode-btn.active{background:var(--primary);color:var(--primary-text)}.mode-btn:not(:last-child){border-right:var(--border-width) solid var(--border)}.note-entry{background:var(--panel);border:var(--border-width) solid var(--border);box-shadow:6px 6px 0px var(--shadow);flex-direction:column;gap:16px;padding:16px;display:flex}textarea{resize:vertical;border:var(--border-width) solid var(--border);width:100%;min-height:80px;color:var(--text);background:#fffaf0;outline:none;padding:12px;font-size:.8rem;line-height:1.6}.text-input{border:var(--border-width) solid var(--border);width:100%;min-height:44px;color:var(--text);background:#fffaf0;outline:none;padding:10px;font-size:.62rem;line-height:1.4}.text-input::placeholder{color:color-mix(in srgb, var(--muted) 42%, transparent);opacity:1}.amount-metric-row{grid-template-columns:minmax(0,1fr) 116px;gap:8px;display:grid}.amount-only-row{grid-template-columns:1fr}.metric-select{text-align:center}textarea::placeholder{color:color-mix(in srgb, var(--muted) 42%, transparent);opacity:1}textarea:focus{background:#fffaf0}.primary-button{border:var(--border-width) solid var(--border);min-height:56px;color:var(--primary-text);background:var(--primary);text-transform:uppercase;box-shadow:4px 4px 0px var(--shadow);justify-content:center;align-items:center;gap:12px;font-size:.9rem;transition:none;display:inline-flex}.primary-button:active:not(:disabled){box-shadow:0px 0px 0px var(--shadow);transform:translate(4px,4px)}.primary-button:disabled{color:#f6ecff;cursor:not-allowed;box-shadow:none;background:#b59bd6;transform:translate(4px,4px)}.tap-pad{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.tap-button{aspect-ratio:1.5;border:var(--border-width) solid var(--border);color:var(--text);background:var(--tama-yellow);box-shadow:4px 4px 0px var(--shadow);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:.7rem;transition:none;display:flex}.tap-button:first-child{background:var(--tama-aqua)}.tap-button:nth-child(2){background:var(--tama-yellow)}.tap-button:nth-child(3){background:var(--tama-blue)}.tap-button:nth-child(4){background:var(--tama-coral)}.tap-button:nth-child(5){background:var(--tama-pink)}.tap-button:nth-child(6){background:var(--tama-purple);color:#fff}.event-dot-burp,.tap-button:first-child{background:var(--tama-aqua)}.event-dot-feed,.tap-button:nth-child(2){background:var(--tama-yellow)}.event-dot-pee,.tap-button:nth-child(3){background:var(--tama-blue)}.event-dot-poo,.tap-button:nth-child(4){background:var(--tama-coral)}.event-dot-tummy,.tap-button:nth-child(5){background:var(--tama-pink)}.event-dot-sleep,.tap-button:nth-child(6){background:var(--tama-purple);color:#fff}.event-dot-note{background:var(--panel)}.tap-button:active{box-shadow:0px 0px 0px var(--shadow);background:var(--text);color:#fff;transform:translate(4px,4px)}.tap-icon{place-items:center;display:grid}.tap-icon svg{width:24px;height:24px}.notice{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:6;color:var(--text);background:var(--tama-yellow);border:var(--border-width) solid var(--tama-pink);box-shadow:6px 6px 0px var(--shadow);text-align:center;white-space:nowrap;padding:16px 24px;font-size:.8rem;position:fixed;transform:translate(-50%)}.notice-inline{border:var(--border-width) solid var(--border);background:var(--tama-yellow);box-shadow:3px 3px 0 var(--shadow);text-align:center;padding:10px;font-size:.62rem;line-height:1.5}.section-heading{border-bottom:var(--border-width) dashed var(--border);background:var(--bg);align-items:center;margin-bottom:16px;padding-bottom:8px;display:flex}.sticky-heading{z-index:10;margin-top:24px;padding-top:16px;position:sticky;top:0}.sticky-heading:first-child{margin-top:0}.timeline{min-width:0;scroll-margin-top:calc(16px + env(safe-area-inset-top))}h2{color:var(--text);font-size:1.2rem}.filter-bar{scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;flex-wrap:nowrap;gap:8px;width:calc(100% + 32px);margin-bottom:16px;margin-left:-16px;margin-right:-16px;padding:0 16px 8px;display:flex;overflow:auto hidden}.filter-bar::-webkit-scrollbar{display:none}.filter-btn{color:var(--text);background:var(--panel);border:var(--border-width) solid var(--border);box-shadow:2px 2px 0px var(--shadow);scroll-snap-align:start;flex:none;justify-content:center;align-items:center;min-width:48px;padding:8px 12px;font-size:.7rem;transition:none;display:flex}.filter-btn-burp{background:var(--tama-aqua)}.filter-btn-feed{background:var(--tama-yellow)}.filter-btn-pee{background:var(--tama-blue)}.filter-btn-poo{background:var(--tama-coral)}.filter-btn-tummy{background:var(--tama-pink)}.filter-btn-sleep{background:var(--tama-purple);color:#fff}.filter-btn-note{background:var(--panel)}.filter-btn.active{background:var(--primary);color:var(--primary-text);box-shadow:0px 0px 0px var(--shadow);transform:translate(2px,2px)}.empty{border:var(--border-width) solid var(--border);background:var(--screen);min-height:120px;color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:.8rem;display:flex}.timeline-list{flex-direction:column;gap:16px;display:flex}.timeline-swipe{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;opacity:1;transform-origin:top;max-height:200px;transition:max-height .3s cubic-bezier(.2,.8,.2,1),opacity .3s cubic-bezier(.2,.8,.2,1),transform .3s cubic-bezier(.2,.8,.2,1),margin .3s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;transform:scale(1)}.timeline-swipe.deleting{opacity:0;max-height:0;margin-top:-16px;transform:scale(.9)}.timeline-actions{z-index:0;justify-content:flex-end;align-items:stretch;height:100%;display:flex;position:absolute;inset:0 0 auto auto}.timeline-action{border:var(--border-width) solid var(--border);width:58px;color:var(--text);border-left:0;place-items:center;display:grid}.edit-action{background:var(--tama-yellow)}.delete-action{background:var(--tama-coral)}.timeline-item{z-index:1;background:var(--panel);border:var(--border-width) solid var(--border);box-shadow:4px 4px 0px var(--shadow);touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;grid-template-columns:auto 1fr;align-items:center;gap:16px;padding:16px;transition:transform .25s cubic-bezier(.2,.8,.2,1);display:grid;position:relative}.timeline-item.dragging{transition:none}.timeline-item:active{cursor:grabbing}.timeline-swipe.open .timeline-item{transform:translate(-116px)}.modal-overlay{z-index:100;background:#2b195cb3;place-items:center;padding:16px;animation:.2s fadeIn;display:grid;position:fixed;inset:0}.modal-content{background:var(--bg);border:var(--border-width) solid var(--border);width:100%;max-width:320px;box-shadow:8px 8px 0px var(--shadow);flex-direction:column;gap:16px;padding:24px;animation:.25s cubic-bezier(.2,.8,.2,1) popIn;display:flex}.modal-title{text-align:center;color:var(--text);text-shadow:2px 2px 0px var(--tama-yellow);margin:0;font-size:1.2rem}.entry-editor{gap:12px;display:grid}.entry-editor-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.entry-editor-actions .primary-button{flex:1;min-height:44px}.entry-editor-actions .mini-button{flex:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.event-dot{border:var(--border-width) solid var(--border);width:40px;height:40px;color:var(--text);place-items:center;display:grid}.event-dot svg{width:20px;height:20px}.event-body{flex-direction:column;gap:8px;min-width:0;display:flex}.event-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.event-body strong{color:var(--text);font-size:.8rem;line-height:1.4}.event-body span.detail{color:var(--muted);font-size:.65rem;line-height:1.4}.event-time{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.event-time .time{color:var(--text);font-size:.7rem}.event-time .day{color:var(--muted);font-size:.6rem}.floater{z-index:1000;pointer-events:none;text-shadow:-2px -2px 0 var(--border), 2px -2px 0 var(--border), -2px 2px 0 var(--border), 2px 2px 0 var(--border), 4px 4px 0 var(--border);color:#fff;font-size:1.1rem;font-weight:700;animation:1s cubic-bezier(.2,.8,.2,1) forwards floatUp;position:fixed;transform:translate(-50%,-50%)}.floater-burp{color:var(--tama-aqua)}.floater-feed{color:var(--tama-yellow)}.floater-pee{color:var(--tama-blue)}.floater-poo{color:var(--tama-coral)}.floater-tummy{color:var(--tama-pink)}.floater-sleep{color:#fff}.floater-note{color:var(--tama-muted)}@keyframes floatUp{0%{opacity:1;transform:translate(-50%,-50%)scale(.5)}20%{transform:translate(-50%,-100%)scale(1.2)}to{opacity:0;transform:translate(-50%,-200%)scale(1)}}@media (width<=350px){.top h1{font-size:1.4rem}.tap-button{font-size:.6rem}.tamagotchi-avatar pre{font-size:.9rem}}