@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;800&display=swap";*{box-sizing:border-box}body{color:#5d4057;background:#fff4fa;margin:0;font-family:Nunito,system-ui,sans-serif}main{max-width:900px;margin:auto;padding:20px}header{justify-content:space-between;align-items:center;gap:16px;display:flex}.spark{color:#f29ac2;font-size:28px}h1{color:#e879ad;margin:0 0 0 8px;font-size:30px;display:inline}header p{color:#a27798;margin:3px 0}.nav{background:#fff;border-radius:20px;align-items:center;gap:14px;padding:8px 12px;display:flex;box-shadow:0 6px 18px #e8cfe080}.nav button{color:#d75e97;background:#ffe0ef;border:0;border-radius:50%;width:36px;height:36px;font-size:26px}.legend{align-items:center;gap:18px;margin:20px 0 10px;display:flex}.legend em{color:#a68aa1;margin-left:auto;font-size:12px}.week,.grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.week b{text-align:center;color:#c281aa;font-size:13px}.day,.empty{background:#fff;border-radius:16px;min-height:145px;padding:8px;box-shadow:0 4px 12px #e8cfe055}.empty{box-shadow:none;background:0 0}.date{color:#9c7093;font-weight:800}.today{color:#fff;background:#f39ac2;border-radius:12px;padding:3px 8px}.period{border-top:1px dashed #f1d8e7;align-items:center;gap:4px;margin-top:6px;padding-top:3px;display:flex}.period small{color:#b991ae;width:27px;font-size:10px}.items{flex-wrap:wrap;flex:1;gap:2px;display:flex}.item{background:#fff0f7;border:0;border-radius:8px;padding:1px 3px;font-size:19px}.quick button{color:#cf78a7;background:0 0;border:0;padding:1px;font-size:11px}.quick{white-space:nowrap}footer{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}footer div{cursor:grab;background:#fff;border-radius:14px;padding:10px 14px;box-shadow:0 4px 10px #e8cfe055}footer p{color:#a68aa1;font-size:12px}@media (width<=600px){main{padding:12px}header{display:block}.nav{justify-content:space-between;margin-top:12px}.day,.empty{min-height:118px;padding:5px}.week,.grid{gap:4px}.period small{width:22px;font-size:9px}.quick button{font-size:10px}.legend{font-size:13px}}.mood{z-index:5;background:#fff0f7;border-radius:24px;padding:14px 22px;animation:.5s bounce;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #d77eaa66}@keyframes bounce{50%{transform:translate(-50%)scale(1.12)}}@media (width<=600px){main{padding:12px;overflow:hidden}.week{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.day{min-height:150px}.item{font-size:24px}.date{font-size:16px}}