body{padding:0;margin:0}#root{width:100vw;height:100vh;display:flex;flex-direction:column;position:fixed;justify-content:start;align-items:center;row-gap:20px;top:0;left:0;background:#fae5d3;overflow:hidden}#head-container{width:50%;height:150px;background-color:#fff;z-index:1000;box-shadow:#0003 0 5px 15px;border-radius:10px;display:flex;flex-direction:column;align-items:start;justify-content:start;row-gap:10px;padding:20px}#date-span{display:inline-block;padding:8px;font-size:1.25rem;font-weight:600;color:#2c3e50;font-family:Segoe UI,sans-serif;animation:fadeIn 1s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#diary-input{width:95%;padding:12px;font-size:1rem;border:none;border-radius:8px;box-shadow:inset 0 0 5px #0000001a,0 2px 6px #00000014;outline:none;font-family:Segoe UI,sans-serif;background-color:#fdf9f4;color:#2c3e50;transition:all .3s ease}#diary-input::placeholder{color:#a89f94;font-style:italic;opacity:.8}#diary-input:focus{background-color:#fffefb;box-shadow:0 0 0 2px #f8cba6}#quote-container{display:flex;margin:20px auto 0;padding:16px 24px;flex-direction:column;align-items:center;width:90%;max-width:600px;background:#ffffffbf;border-radius:12px;box-shadow:0 4px 12px #00000014;font-family:Georgia,serif;font-style:italic;font-size:1.05rem;color:#4b3f35;text-align:center;line-height:1.6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .3s ease;animation:fadeInQuote 1s ease-in-out}#quote-button-container{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-top:12px;gap:10px}#pin-quote,#reset-quote{width:24px;height:24px;background-size:contain;border:none;cursor:pointer;transition:transform .2s ease;background:transparent}@keyframes fadeInQuote{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}#diary-button{width:100px;padding:6px;margin-right:8px;font-size:1rem;border:none;border-radius:8px;background-color:#f8cba6;color:#fff;cursor:pointer;font-family:Segoe UI,sans-serif}#diary-button:hover{background-color:#f7b48c;box-shadow:0 2px 4px #0000001a}#diary-container{width:50%;height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:start;padding:20px;row-gap:10px;overflow-x:hidden;z-index:1000}.diary-card{width:100%;background-color:#fff;padding:16px;border-radius:12px;box-shadow:0 4px 10px #00000014;font-family:Segoe UI,sans-serif;animation:slideUp .4s ease;transition:all .3s ease}.diary-card:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0000001f}.diary-date{font-size:.9rem;color:#888;margin-bottom:6px}.diary-content{font-size:1.1rem;color:#333;line-height:1.5;white-space:pre-wrap}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.diary-btn{padding:4px 10px;font-size:.85rem;border:none;border-radius:6px;cursor:pointer;background:none}@keyframes move{to{transform:translateZ(1px) rotate(360deg)}}.ball{position:absolute;width:100px;height:100px;border-radius:50%;backface-visibility:hidden;animation:move linear infinite}.ball:nth-child(odd){color:#006d5b}.ball:nth-child(2n){color:#ff6f61}.ball:nth-child(1){top:77%;left:88%;animation-duration:40s;animation-delay:-3s;transform-origin:16vw -2vh;box-shadow:40vmin 0 5.703076368487546vmin currentColor}.ball:nth-child(2){top:42%;left:2%;animation-duration:53s;animation-delay:-29s;transform-origin:-19vw 21vh;box-shadow:-40vmin 0 5.17594621519026vmin currentColor}.ball:nth-child(3){top:28%;left:18%;animation-duration:49s;animation-delay:-8s;transform-origin:-22vw 3vh;box-shadow:40vmin 0 5.248179047256236vmin currentColor}.ball:nth-child(4){top:50%;left:79%;animation-duration:26s;animation-delay:-21s;transform-origin:-17vw -6vh;box-shadow:40vmin 0 5.279749632220298vmin currentColor}.ball:nth-child(5){top:46%;left:15%;animation-duration:36s;animation-delay:-40s;transform-origin:4vw 0vh;box-shadow:-40vmin 0 5.964309466052033vmin currentColor}.ball:nth-child(6){top:77%;left:16%;animation-duration:31s;animation-delay:-10s;transform-origin:18vw 4vh;box-shadow:40vmin 0 5.178483653434181vmin currentColor}.ball:nth-child(7){top:22%;left:17%;animation-duration:55s;animation-delay:-6s;transform-origin:1vw -23vh;box-shadow:-40vmin 0 5.703026794398318vmin currentColor}.ball:nth-child(8){top:41%;left:47%;animation-duration:43s;animation-delay:-28s;transform-origin:25vw -3vh;box-shadow:40vmin 0 5.196265905749415vmin currentColor}