@import "https://fonts.googleapis.com/css2?family=Gaegu:wght@400;700&family=Jua&display=swap";:root{color:#40384f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#40384f;--muted:#7f768c;--paper:#fffef8;--peach:#ff9f91;--peach-light:#ffe0d6;--yellow:#ffd86e;--mint:#95d9bd;--lavender:#c7b5e7;--pixel-shadow:5px 5px 0 var(--ink);background:#fff9e9;font-family:Gaegu,Apple SD Gothic Neo,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--ink);background:linear-gradient(#ffffff57 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#ffffff57 1px,#0000 1px) 0 0/24px 24px,linear-gradient(#cdebf3 0 395px,#fff9e9 395px 100%) 0 0/100% 100%;margin:0;overflow-x:hidden}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:3px;outline:4px solid #5682c259}.site-shell{isolation:isolate;min-height:100vh;position:relative;overflow:hidden}.site-shell:before{z-index:-1;content:"";background:repeating-linear-gradient(90deg,#a9d884 0 28px,#97ca73 28px 56px);border-top:4px solid #40384fbf;border-bottom:4px solid #40384f29;width:100%;height:30px;position:absolute;top:368px;left:0}.page{z-index:2;width:min(1120px,100% - 40px);margin:0 auto;position:relative}.topbar{justify-content:space-between;align-items:center;gap:20px;min-height:92px;display:flex}.brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-icon,.panel-icon{border:3px solid var(--ink);background:var(--yellow);width:48px;height:48px;box-shadow:3px 3px 0 var(--ink);flex:none;place-items:center;font-size:22px;display:grid;transform:rotate(-3deg)}.brand b,.brand small{display:block}.brand b{letter-spacing:1.5px;font-family:Jua,sans-serif;font-size:20px}.brand small{color:#615970;margin-top:1px;font-size:15px;font-weight:700}.online-chip,.record-count{border:2px solid var(--ink);letter-spacing:.3px;background:#fffef8e0;align-items:center;gap:8px;padding:8px 13px;font-family:Jua,sans-serif;font-size:14px;display:inline-flex;box-shadow:3px 3px #40384feb}.online-dot{background:#59bd72;width:9px;height:9px;animation:1.8s steps(2,end) infinite blink;box-shadow:0 0 0 3px #d9f3df}.hero{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:center;gap:40px;min-height:305px;padding:25px 46px 30px;display:grid}.eyebrow,.section-kicker{color:#675e77;letter-spacing:1px;align-items:center;gap:8px;font-family:Jua,sans-serif;font-size:15px;display:inline-flex}.eyebrow svg{color:#f49a4c;font-size:20px}.hero h1{letter-spacing:-1.8px;text-shadow:3px 3px #ffffffad;max-width:720px;margin:12px 0 13px;font-family:Jua,sans-serif;font-size:clamp(35px,4.25vw,58px);font-weight:400;line-height:1.12}.hero h1 span{color:#db675b;display:block}.hero-copy>p{color:#675e77;margin:0;font-size:20px;font-weight:700;line-height:1.45}.mood-chips{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.mood-chips span{border:2px solid var(--ink);background:var(--paper);box-shadow:2px 2px 0 var(--ink);padding:5px 11px;font-size:15px;font-weight:700}.mascot-stage{align-self:end;place-items:end center;min-height:272px;display:grid;position:relative}.hero-puppy{z-index:2;filter:drop-shadow(5px 6px #40384f2e);width:min(300px,100%);image-rendering:pixelated;animation:2.1s steps(2,end) infinite hero-bounce;position:relative}.mascot-shadow{z-index:1;filter:blur(1px);background:#40384f33;width:70%;height:25px;position:absolute;bottom:7px;transform:skew(-18deg)}.speech-bubble{z-index:3;border:3px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink);padding:9px 14px;font-family:Jua,sans-serif;font-size:16px;position:absolute;top:8px;right:-5px;transform:rotate(3deg)}.speech-bubble:after{border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);background:var(--paper);content:"";width:14px;height:14px;position:absolute;bottom:-12px;left:25px;transform:rotate(45deg)}.heart-pop{z-index:4;color:#ed766d;filter:drop-shadow(2px 2px #fff);animation:2s ease-in-out infinite heart-float;position:absolute}.heart-pop-one{font-size:25px;top:67px;left:2%;transform:rotate(-18deg)}.heart-pop-two{font-size:17px;animation-delay:-.8s;top:94px;right:1%}.pixel-panel{border:3px solid var(--ink);background:var(--paper);box-shadow:var(--pixel-shadow)}.diary-section{grid-template-columns:minmax(0,1.7fr) minmax(285px,.72fr);align-items:stretch;gap:24px;padding-top:34px;display:grid}.entry-form,.mood-dashboard{padding:26px}.panel-heading,.dashboard-title{align-items:center;gap:15px;display:flex}.panel-heading p,.dashboard-title p{color:#9b6170;letter-spacing:1.7px;margin:0 0 2px;font-family:Jua,sans-serif;font-size:12px}.panel-heading h2,.dashboard-title h2{margin:0;font-family:Jua,sans-serif;font-size:25px;font-weight:400}.panel-icon{width:44px;height:44px;font-size:19px}.panel-icon.peach{background:var(--peach-light);color:#d45d58}.panel-icon.mint{color:#328d6a;background:#d8f3e7;transform:rotate(3deg)}.input-box{margin-top:21px;display:block;position:relative}.input-box textarea{resize:vertical;border:3px solid var(--ink);width:100%;min-height:116px;color:var(--ink);background-color:#fffdf5;background-image:linear-gradient(#0000 35px,#92c8e83d 36px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 36px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:0;outline:none;padding:15px 18px 30px;font-size:20px;font-weight:700;line-height:36px;transition:box-shadow .16s,transform .16s;display:block}.input-box textarea::placeholder{color:#aaa1ad}.input-box textarea:focus{transform:translateY(-2px);box-shadow:inset 0 0 0 3px #ffcabd}.character-count{color:#968d9d;font-size:13px;font-weight:700;position:absolute;bottom:8px;right:12px}.form-footer{justify-content:space-between;align-items:center;gap:18px;margin-top:16px;display:flex}.privacy-note{color:#857b8e;align-items:center;gap:7px;font-size:15px;font-weight:700;display:inline-flex}.privacy-note svg{color:var(--peach)}.entry-form button[type=submit]{border:3px solid var(--ink);background:var(--peach);min-width:166px;box-shadow:4px 4px 0 var(--ink);color:#30293d;cursor:pointer;border-radius:0;justify-content:center;align-items:center;gap:9px;padding:11px 18px;font-family:Jua,sans-serif;font-size:16px;transition:transform .12s,box-shadow .12s,opacity .12s;display:inline-flex}.entry-form button[type=submit]:hover:not(:disabled){box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.entry-form button[type=submit]:disabled{cursor:not-allowed;opacity:.55}.mood-dashboard{background:#fff6cf;flex-direction:column;display:flex}.total-count{align-items:baseline;gap:8px;margin:22px 0 14px;display:flex}.total-count strong{font-family:Jua,sans-serif;font-size:42px;font-weight:400;line-height:1}.total-count span{color:#746a7d;font-size:16px;font-weight:700}.mood-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto;display:grid}.mood-stat{border:2px solid var(--ink);text-align:center;background:#fff;place-items:center;min-width:0;padding:10px 4px 8px;display:grid}.mood-stat.positive{background:#fff0b7}.mood-stat.neutral{background:#e7f5ef}.mood-stat.negative{background:#e9e5f8}.mood-stat>span{font-size:20px}.mood-stat b{margin:2px 0 -1px;font-family:Jua,sans-serif;font-size:23px;font-weight:400}.mood-stat small{color:#6d6577;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:700;overflow:hidden}.error-banner{color:#653c4a;background:#ffe0e0;border:3px solid #653c4a;align-items:center;gap:10px;margin:24px 0 -4px;padding:12px 15px;font-size:17px;font-weight:700;display:flex;box-shadow:4px 4px #653c4a}.error-banner>svg{flex:none;font-size:20px}.error-banner button{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-left:auto;font-weight:700;display:inline-flex}.records{padding:62px 0 30px}.records-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:19px;display:flex}.records-heading h2{margin:5px 0 0;font-family:Jua,sans-serif;font-size:32px;font-weight:400}.section-kicker{color:#a1646f;font-size:12px}.entry-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.entry-card{--mood-color:var(--mint);border:3px solid var(--ink);background:var(--paper);min-width:0;box-shadow:5px 5px 0 var(--ink);animation:.46s both card-in;animation-delay:var(--card-delay);grid-template-columns:1fr auto;display:grid;position:relative;overflow:hidden}.entry-card.positive{--mood-color:var(--yellow)}.entry-card.neutral{--mood-color:var(--mint)}.entry-card.negative{--mood-color:var(--lavender)}.entry-accent{border-bottom:2px solid var(--ink);background:repeating-linear-gradient(90deg, var(--mood-color) 0 18px, #fff 18px 25px);width:100%;height:8px;position:absolute;top:0;left:0}.entry-main{min-width:0;padding:27px 14px 17px 18px}.entry-meta{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.mood-badge{border:2px solid var(--ink);background:var(--mood-color);padding:3px 8px;font-family:Jua,sans-serif;font-size:13px}.entry-date{color:#8b8294;align-items:center;gap:5px;font-size:13px;font-weight:700;display:inline-flex}.entry-content{overflow-wrap:anywhere;margin:15px 0 16px;font-size:20px;font-weight:700;line-height:1.42}.ai-comment{border-top:2px dashed #d5cfce;align-items:center;gap:10px;padding-top:12px;display:flex}.mini-paw{border:2px solid var(--ink);background:var(--mood-color);flex:none;place-items:center;width:30px;height:30px;font-size:13px;display:grid}.ai-comment small{color:#948a9c;margin-bottom:1px;font-size:11px;font-weight:700;display:block}.ai-comment p{color:#625a6c;margin:0;font-size:15px;font-weight:700;line-height:1.35}.entry-side{background:color-mix(in srgb, var(--mood-color) 27%, white);border-left:2px dashed #d4cecf;flex-direction:column;justify-content:space-between;align-items:center;min-width:72px;padding:30px 12px 14px;display:flex}.entry-emoji{filter:drop-shadow(2px 2px #fff);font-size:34px}.delete{border:2px solid var(--ink);width:35px;height:35px;box-shadow:2px 2px 0 var(--ink);color:#8e7f8c;cursor:pointer;background:#fff;border-radius:0;place-items:center;transition:transform .12s,background .12s;display:grid}.delete:hover:not(:disabled){color:#563d4a;background:#ffb8b3;transform:translate(1px,1px)}.delete:disabled{cursor:wait;opacity:.55}.state-card{color:#776e80;text-align:center;justify-content:center;align-items:center;gap:15px;min-height:180px;padding:28px;font-size:18px;font-weight:700;display:flex}.state-card>svg{font-size:26px}.empty-state img{width:150px;image-rendering:pixelated}.empty-state h3{color:var(--ink);margin:0 0 5px;font-family:Jua,sans-serif;font-size:24px;font-weight:400}.empty-state p{margin:0}footer{color:#92889a;text-align:center;justify-content:center;align-items:center;gap:9px;min-height:95px;font-size:15px;font-weight:700;display:flex}footer svg{color:#c5b6cb;font-size:12px}.puppy-playground{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.dog-walker{opacity:.7;will-change:left;width:92px;position:absolute}.dog-walker img{filter:drop-shadow(3px 3px #40384f1f);width:100%;image-rendering:pixelated;animation:.62s steps(2,end) infinite puppy-step;display:block}.dog-walker-one{animation:23s linear infinite stroll-right;top:330px}.dog-walker-two{width:73px;animation:29s linear -13s infinite stroll-left;top:785px}.dog-walker-two img,.dog-walker-four img{--direction:-1}.dog-walker-three{width:82px;animation:32s linear -19s infinite stroll-right;top:1240px}.dog-walker-four{width:66px;animation:26s linear -8s infinite stroll-left;top:1670px}.pixel-cloud{z-index:0;background:#ffffffa6;width:85px;height:30px;animation:8s steps(4,end) infinite alternate cloud-drift;position:absolute;box-shadow:16px -16px #ffffffa6,40px -8px #ffffffa6}.cloud-one{top:158px;left:4%}.cloud-two{animation-delay:-3s;top:110px;right:9%;transform:scale(.68)}.pixel-spark{z-index:0;color:#ffffffd9;font-size:26px;animation:1.9s steps(2,end) infinite sparkle;position:absolute}.spark-one{top:132px;left:37%}.spark-two{animation-delay:-.8s;top:248px;right:35%}.spin{animation:.8s linear infinite spin}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes stroll-right{0%{left:-130px}to{left:calc(100% + 130px)}}@keyframes stroll-left{0%{left:calc(100% + 130px)}to{left:-130px}}@keyframes puppy-step{0%,to{transform:translateY(0) scaleX(var(--direction,1)) rotate(-1deg)}50%{transform:translateY(-7px) scaleX(var(--direction,1)) rotate(1deg)}}@keyframes hero-bounce{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-7px)rotate(1deg)}}@keyframes heart-float{0%,to{transform:translateY(2px)rotate(-14deg)scale(.92)}50%{transform:translateY(-8px)rotate(8deg)scale(1.08)}}@keyframes cloud-drift{0%{translate:0}to{translate:22px 4px}}@keyframes sparkle{0%,to{opacity:.35;transform:scale(.8)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(45deg)}}@keyframes blink{50%{opacity:.45}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes card-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){body{background:linear-gradient(#cdebf3 0 575px,#fff9e9 575px 100%)}.site-shell:before{top:548px}.hero{grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);min-height:470px;padding-inline:12px}.hero-puppy{width:245px}.diary-section{grid-template-columns:1fr}.mood-dashboard{min-height:230px}.entry-list{grid-template-columns:1fr}}@media (width<=650px){body{background:linear-gradient(#cdebf3 0 655px,#fff9e9 655px 100%)}.site-shell:before{top:628px}.page{width:min(100% - 24px,540px)}.topbar{min-height:82px}.brand-icon{width:42px;height:42px}.brand b{font-size:17px}.brand small{font-size:13px}.online-chip{padding:7px 9px;font-size:0}.online-chip:after{content:"OPEN";font-size:12px}.hero{text-align:center;flex-direction:column;align-items:stretch;gap:5px;min-height:545px;padding:22px 4px 0;display:flex}.eyebrow{justify-content:center}.hero h1{letter-spacing:-1px;margin-top:10px;font-size:clamp(34px,10.2vw,47px)}.hero-copy>p{font-size:17px}.mood-chips{justify-content:center}.mascot-stage{place-items:end center;min-height:225px;margin-top:auto}.hero-puppy{width:230px}.speech-bubble{top:12px;right:8%}.diary-section{padding-top:29px}.entry-form,.mood-dashboard{padding:20px 17px}.form-footer{flex-direction:column;align-items:stretch}.privacy-note{justify-content:center}.entry-form button[type=submit]{width:100%;min-height:49px}.records{padding-top:52px}.records-heading h2{font-size:27px}.record-count{padding:6px 9px}.entry-main{padding-left:15px}.entry-side{min-width:62px;padding-inline:9px}.entry-emoji{font-size:29px}.empty-state{flex-direction:column}.empty-state img{width:125px}.error-banner{flex-wrap:wrap;align-items:flex-start}.error-banner button{margin-left:30px}.dog-walker-two,.dog-walker-four{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}