:root{--paper:#f5f4eb;--grid:#dee0d5;--ink:#1f1f1c;--tape:#a6ddb4;--empty:#c9ccc2;--focus:#6e9e7b}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",sans-serif;background:var(--paper)}button,textarea{font:inherit;color:inherit}.app{min-height:100dvh;background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px;overflow:hidden}.view{min-height:100dvh;position:relative;padding:clamp(20px,4vw,64px)}.home{display:grid;place-items:center}.moon-bg{position:absolute;inset:0;background:url("../photo/moon-emotions-option-1-centered-deeper-colors.png") center/cover no-repeat;opacity:.96;animation:float 5s ease-in-out infinite}.stars{position:absolute;inset:0;pointer-events:none}.stars i{position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 12px #fff;animation:twinkle 3s infinite}.stars i:nth-child(1){top:18%;left:18%}.stars i:nth-child(2){top:30%;right:20%;animation-delay:1s}.stars i:nth-child(3){bottom:28%;left:25%;animation-delay:1.8s}.stars i:nth-child(4){bottom:18%;right:30%;animation-delay:.5s}.home-content{position:relative;z-index:1;text-align:center;width:min(1100px,100%)}h1{font-size:clamp(24px,3vw,42px);margin:0 0 28px;font-weight:700}.mood-row{display:flex;justify-content:center;gap:clamp(8px,2vw,26px)}.mood{position:relative;background:transparent;border:0;cursor:pointer;padding:8px;min-width:88px;transition:transform .25s}.mood img{width:clamp(72px,10vw,132px);height:clamp(72px,10vw,132px);object-fit:contain;filter:drop-shadow(0 5px 8px #0003)}.mood span{display:block;font-size:16px;font-weight:700}.mood:hover,.mood:focus-visible{transform:translateY(-10px) scale(1.06);outline:none}.mood:focus-visible::after{content:"";position:absolute;inset:0;border:3px solid var(--focus);border-radius:22px}.mood[data-mood="crying"]:hover img{animation:cry .7s ease-in-out infinite}.mood[data-mood="calm"]:hover::before{content:"";position:absolute;inset:2px;border:3px solid #a6ddb4;border-radius:50%;animation:pulse 1s infinite}.mood[data-mood="happy"]:hover img{animation:happy .65s ease-in-out infinite}.mood[data-mood="dejected"]:hover img{animation:sigh 1s ease-in-out infinite}.mood[data-mood="exhausted"]:hover img{animation:yawn 1s ease-in-out infinite}.planet{position:absolute;right:clamp(22px,5vw,80px);bottom:clamp(25px,6vw,85px);background:none;border:0;font-size:54px;cursor:pointer;animation:spin 8s linear infinite}.planet:hover{animation-play-state:paused;transform:scale(1.1)}.topbar{display:flex;justify-content:space-between;align-items:center}.icon{border:0;background:transparent;font-size:42px;line-height:1;cursor:pointer;min-width:48px;min-height:48px}.diary{max-width:1120px;margin:20px auto 0;border:2px solid var(--ink);min-height:72vh;padding:clamp(22px,4vw,58px)}.date{font-size:19px;font-weight:700;line-height:1.25}.chosen{text-align:center;margin:-44px auto 24px}.chosen img{width:140px;height:140px;object-fit:contain}.tape{display:inline-block;background:var(--tape);padding:2px 24px;font-size:28px;font-weight:700;clip-path:polygon(3% 0,97% 0,100% 25%,97% 55%,100% 100%,3% 100%,0 70%,3% 38%,0 10%)}textarea{display:block;width:100%;min-height:280px;border:0;outline:0;background:transparent;resize:none;font-size:18px;line-height:1.85;padding:16px 0}.calendar-head{text-align:center;display:flex;justify-content:center;align-items:center;gap:24px}.year{font-weight:700;font-size:18px}.month{font-size:34px;font-weight:700}.arrow{border:0;background:transparent;font-size:38px;cursor:pointer;min-width:48px;min-height:48px}.calendar{max-width:1320px;margin:70px auto;display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(10px,2vw,26px)}.day{aspect-ratio:1;border:3px solid var(--empty);border-radius:44% 53% 47% 56%;background:transparent;display:grid;place-items:center;color:#aeb2a8;font-size:clamp(16px,2vw,28px);font-weight:600}.day.has-entry{border:0;cursor:pointer;overflow:hidden;color:var(--ink);position:relative}.day img{width:100%;height:100%;object-fit:contain}.toast{position:fixed;z-index:5;left:50%;bottom:30px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:99px}@keyframes float{50%{transform:translateY(-9px)}}@keyframes twinkle{50%{opacity:.25;transform:scale(.55)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes cry{50%{transform:translateY(6px) rotate(-2deg)}}@keyframes happy{50%{transform:scale(1.07) rotate(2deg)}}@keyframes sigh{50%{transform:translateY(6px)}}@keyframes yawn{50%{transform:scale(1.05)}}@keyframes pulse{50%{transform:scale(1.08);opacity:.4}}@media(max-width:767px){.view{padding:20px}.mood-row{gap:0}.mood{min-width:0;padding:3px}.mood span{font-size:12px}.planet{font-size:40px;right:18px;bottom:18px}.diary{min-height:75vh;margin-top:18px}.chosen{margin:5px auto 8px}.chosen img{width:100px;height:100px}.tape{font-size:23px}textarea{font-size:16px;min-height:310px}.calendar{margin:46px 0;gap:8px}.day{border-width:2px}.month{font-size:28px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}