:root{--pink-primary:#c73e5f;--pink-light:#e8869e;--pink-soft:#f4d0da;--pink-blush:#fbebf0;--cream-paper:#f5e6c8;--cream-light:#faf3e3;--cream-warm:#f0e0be;--teal-accent:#4a9b8e;--sage-green:#7ba05b;--red-poppy:#d63838;--ink-deep:#4a1f2e;--ink-medium:#6b3a4b;--ink-soft:#8b5a6e;--paper-shadow:0 4px 20px #4a1f2e26;--soft-shadow:0 2px 8px #4a1f2e14;--typewriter-glow:0 8px 40px #c73e5f40;--font-typewriter:"Special Elite", "Courier Prime", monospace;--font-mono:"Courier Prime", "Courier New", monospace;--font-handwritten:"Caveat", cursive;font-family:var(--font-typewriter);color:var(--ink-deep);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 20% 20%, #f4d0da66 0%, transparent 50%), radial-gradient(circle at 80% 80%, #e8869e33 0%, transparent 50%), linear-gradient(135deg, var(--cream-light) 0%, var(--cream-warm) 100%);min-height:100vh;color:var(--ink-deep);font-family:var(--font-typewriter);-webkit-user-select:none;user-select:none;background-attachment:fixed;margin:0;overflow-x:hidden}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--cream-warm)}::-webkit-scrollbar-thumb{background:var(--pink-light);border:2px solid var(--cream-warm);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--pink-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-typewriter);color:var(--ink-deep);font-weight:400}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#4a1f2e66;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-container{background:var(--cream-light);border:2px solid var(--pink-light);z-index:101;border-radius:20px;flex-direction:column;gap:1rem;width:100%;max-width:480px;max-height:90vh;padding:1.75rem;display:flex;position:relative;overflow-y:auto;box-shadow:0 20px 60px #4a1f2e4d,0 0 0 8px #e8869e26}.modal-close{background:var(--pink-soft);border:2px solid var(--pink-light);color:var(--pink-primary);cursor:pointer;width:32px;height:32px;font-size:.9rem;font-family:var(--font-typewriter);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.modal-close:hover{background:var(--pink-primary);color:#fff;transform:rotate(90deg)}.modal-header{text-align:center;padding-top:.5rem}.modal-day-name{font-family:var(--font-handwritten);color:var(--pink-primary);margin-bottom:.25rem;font-size:1.3rem}.modal-date{font-family:var(--font-typewriter);color:var(--ink-deep);letter-spacing:.03em;margin-bottom:.5rem;font-size:1.5rem}.modal-divider{justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.divider-line{background:var(--pink-light);opacity:.5;flex:1;max-width:80px;height:1.5px}.modal-textarea{border:2px solid var(--pink-soft);width:100%;min-height:120px;max-height:250px;font-family:var(--font-handwritten);color:var(--ink-deep);resize:vertical;background:#fff;border-radius:12px;outline:none;padding:1rem 1.25rem;font-size:1.3rem;line-height:1.6;transition:border .2s,box-shadow .2s}.modal-textarea:focus{border-color:var(--pink-light);box-shadow:0 0 0 4px var(--pink-blush)}.modal-textarea::placeholder{color:var(--ink-soft);opacity:.6;font-style:italic}.btn-secondary,.btn-primary{font-family:var(--font-typewriter);cursor:pointer;letter-spacing:.02em;border-radius:10px;padding:.75rem 1.5rem;font-size:1rem;transition:all .2s}.btn-secondary{border:2px solid var(--pink-soft);color:var(--ink-medium);background:0 0}.btn-secondary:hover{background:var(--pink-soft);border-color:var(--pink-light)}.btn-primary{background:var(--pink-primary);border:2px solid var(--pink-primary);color:#fff;font-weight:700}.btn-primary:hover{background:var(--ink-deep);border-color:var(--ink-deep);transform:translateY(-1px);box-shadow:0 4px 12px #c73e5f4d}.modal-hint{text-align:center;font-family:var(--font-mono);color:var(--ink-soft);opacity:.6;margin-top:-.5rem;font-size:.75rem}@media (width<=600px){.modal-container{max-width:95%;padding:1.5rem}.modal-date{font-size:1.3rem}.modal-textarea{min-height:140px;font-size:1.15rem}.modal-actions{flex-direction:column-reverse}.btn-secondary,.btn-primary{width:100%}}.stamp-section{flex-direction:column;gap:.75rem;display:flex}.stamp-label{font-family:var(--font-mono);color:var(--ink-medium);letter-spacing:.1em;text-align:center;text-transform:uppercase;font-size:.85rem}.stamp-grid{background:var(--pink-blush);border:1.5px dashed var(--pink-light);border-radius:12px;grid-template-columns:repeat(6,1fr);gap:.5rem;padding:.75rem;display:grid}.stamp-button{cursor:pointer;aspect-ratio:1;background:0 0;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:.4rem;transition:background .2s;display:flex}.stamp-button:hover{border-color:var(--pink-soft);background:#fff}.stamp-button.selected{border-color:var(--pink-primary);background:#fff;box-shadow:0 4px 12px #c73e5f40}.stamp-image{object-fit:contain;pointer-events:none;width:100%;height:100%}@media (width<=500px){.stamp-grid{grid-template-columns:repeat(4,1fr)}}.modal-actions{justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.modal-actions-right{gap:.75rem;display:flex}.btn-delete{font-family:var(--font-typewriter);cursor:pointer;border:2px solid var(--red-poppy);color:var(--red-poppy);letter-spacing:.02em;background:0 0;border-radius:10px;padding:.6rem 1rem;font-size:.85rem;transition:all .2s}.btn-delete:hover{background:var(--red-poppy);color:#fff;transform:translateY(-1px)}@media (width<=600px){.modal-actions{flex-direction:column-reverse;gap:.5rem}.modal-actions-right,.btn-delete{width:100%}.btn-secondary,.btn-primary{flex:1}}.reminder-section{flex-direction:column;gap:.5rem;display:flex}.reminder-label{font-family:var(--font-mono);color:var(--ink-medium);letter-spacing:.05em;text-align:center;font-size:.85rem}.reminder-input-wrapper{justify-content:center;align-items:center;gap:.5rem;display:flex}.reminder-input{border:2px solid var(--pink-soft);font-family:var(--font-typewriter);color:var(--ink-deep);cursor:pointer;background:#fff;border-radius:10px;outline:none;padding:.6rem 1rem;font-size:1rem;transition:border .2s}.reminder-input:hover,.reminder-input:focus{border-color:var(--pink-light)}.reminder-clear{background:var(--pink-soft);color:var(--pink-primary);border:2px solid var(--pink-light);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:all .2s;display:flex}.reminder-clear:hover{background:var(--pink-primary);color:#fff;transform:rotate(90deg)}.receipt-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#4a1f2e99;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.receipt-stage{flex-direction:column;align-items:center;gap:1rem;max-height:95vh;display:flex;position:relative}.receipt-typewriter-wrapper{flex-direction:column-reverse;align-items:center;display:flex;position:relative}.receipt-typewriter{filter:drop-shadow(0 15px 40px #0006);z-index:2;pointer-events:none;width:420px;height:auto;margin-top:-80px;position:relative}.receipt-paper-container{z-index:1;justify-content:center;width:240px;padding-bottom:100px;display:flex;position:relative;overflow:hidden}.receipt-paper{background:linear-gradient(to bottom, #f5e6c880, transparent 5%), var(--cream-paper);width:240px;color:var(--ink-deep);font-family:var(--font-typewriter);padding:1.5rem 1.25rem 1.25rem;position:relative;box-shadow:0 20px 40px #4a1f2e4d,inset 0 0 40px #c73e5f0d;-webkit-mask-image:radial-gradient(circle at 5px 0,#0000 3px,#000 4px);mask-image:radial-gradient(circle at 5px 0,#0000 3px,#000 4px)}.receipt-paper:before{content:"";pointer-events:none;border:1px solid #c73e5f26;position:absolute;inset:15px 8px 8px}.receipt-date{text-align:center;margin-bottom:.75rem}.receipt-day{font-family:var(--font-handwritten);color:var(--pink-primary);margin-bottom:.15rem;font-size:1rem}.receipt-fulldate{font-family:var(--font-typewriter);color:var(--ink-deep);letter-spacing:.02em;font-size:.95rem;font-weight:400}.receipt-divider{color:var(--pink-primary);justify-content:center;align-items:center;gap:.5rem;margin:.5rem 0;font-size:.7rem;display:flex}.receipt-divider-line{background:repeating-linear-gradient(to right, var(--pink-primary) 0, var(--pink-primary) 4px, transparent 4px, transparent 8px);opacity:.4;flex:1;max-width:70px;height:1px}.receipt-stamp-area{flex-direction:column;align-items:center;gap:.2rem;margin:.3rem 0 .6rem;display:flex}.receipt-stamp-area img{object-fit:contain;opacity:.9;width:45px;height:45px}.receipt-stamp-name{font-family:var(--font-mono);color:var(--pink-primary);text-transform:uppercase;letter-spacing:.2em;opacity:.7;font-size:.6rem}.receipt-note{min-height:40px;padding:.3rem 0}.receipt-text{font-family:var(--font-typewriter);color:var(--ink-deep);text-align:center;white-space:pre-wrap;word-wrap:break-word;font-size:.9rem;line-height:1.6}.typing-cursor{color:var(--pink-primary);margin-left:2px;animation:.8s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.receipt-footer{text-align:center;margin-top:.75rem;padding-top:.3rem}.receipt-signature{font-family:var(--font-mono);color:var(--ink-medium);letter-spacing:.15em;text-transform:uppercase;opacity:.7;margin-top:.3rem;font-size:.6rem}.receipt-brand{font-family:var(--font-mono);color:var(--pink-primary);letter-spacing:.1em;opacity:.6;margin-top:.2rem;font-size:.55rem}.receipt-close{background:var(--pink-primary);color:#fff;font-family:var(--font-typewriter);cursor:pointer;letter-spacing:.05em;z-index:3;border:none;border-radius:20px;margin-top:-20px;padding:.6rem 1.5rem;font-size:.9rem;transition:background .2s;position:relative;box-shadow:0 4px 12px #c73e5f66}.receipt-close:hover{background:var(--ink-deep)}@media (width<=500px){.receipt-typewriter{width:340px}.receipt-paper-container,.receipt-paper{width:200px}.receipt-paper{padding:1.25rem 1rem 1rem}}.calendar-container{background:var(--cream-light);border:2px solid var(--pink-soft);box-shadow:var(--paper-shadow);border-radius:20px;width:100%;max-width:600px;padding:2rem;position:relative}.calendar-container:before{content:"🌸";background:var(--cream-light);padding:0 8px;font-size:1.5rem;position:absolute;top:-12px;left:20px}.calendar-container:after{content:"🐾";background:var(--cream-light);padding:0 8px;font-size:1.2rem;position:absolute;top:-12px;right:20px}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0 .5rem;display:flex}.nav-button{background:var(--pink-soft);border:2px solid var(--pink-light);color:var(--pink-primary);cursor:pointer;width:40px;height:40px;font-size:1.5rem;font-family:var(--font-typewriter);border-radius:50%;justify-content:center;align-items:center;padding-bottom:4px;transition:background .2s;display:flex}.nav-button:hover{background:var(--pink-light);color:#fff}.month-title{font-family:var(--font-typewriter);color:var(--pink-primary);letter-spacing:.05em;text-align:center;flex:1;font-size:1.75rem}.weekdays-row{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px;display:grid}.weekday-cell{text-align:center;font-family:var(--font-mono);color:var(--ink-medium);letter-spacing:.1em;padding:.5rem 0;font-size:.85rem;font-weight:700}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.day-cell{aspect-ratio:1;background:var(--cream-warm);cursor:pointer;font-family:var(--font-typewriter);color:var(--ink-deep);border:1.5px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:background .2s,border .2s;display:flex}.day-cell:hover{background:var(--pink-blush);border-color:var(--pink-light)}.day-number{font-size:1rem}.day-cell.other-month{color:var(--ink-soft);opacity:.4;background:0 0}.day-cell.today{background:var(--pink-light);color:#fff;border-color:var(--pink-primary);box-shadow:0 0 0 3px var(--pink-soft);font-weight:700}.day-cell.today:hover{background:var(--pink-primary)}.day-cell.selected{background:var(--pink-primary);color:#fff;border-color:var(--ink-deep);transform:scale(1.05)}.selected-info{background:var(--pink-blush);border:1.5px dashed var(--pink-light);text-align:center;font-family:var(--font-handwritten);color:var(--ink-deep);border-radius:10px;margin-top:1.5rem;padding:1rem;font-size:1.3rem}@media (width<=600px){.calendar-container{border-radius:15px;padding:1.5rem}.month-title{font-size:1.4rem}.day-number{font-size:.9rem}}.day-cell{position:relative}.note-dot{filter:drop-shadow(0 1px 2px #c73e5f66);font-size:.65rem;position:absolute;top:2px;right:4px}.day-cell.has-note:hover{background:var(--pink-soft)}.day-cell.today.has-note .note-dot{color:#fff}.calendar-footer{border-top:1.5px dashed var(--pink-soft);text-align:center;font-family:var(--font-mono);color:var(--ink-soft);letter-spacing:.05em;margin-top:1.5rem;padding-top:1rem;font-size:.85rem}.day-stamp{object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 2px #4a1f2e33);width:20px;height:20px;position:absolute;bottom:4px;right:4px}.day-cell.has-entry{background:var(--pink-blush);border-color:var(--pink-soft)}.day-cell.has-entry:hover{background:var(--pink-soft)}.day-cell.has-note{background:var(--pink-blush);border-color:var(--pink-light)}.reminder-indicator{opacity:.8;font-size:.6rem;position:absolute;top:2px;left:4px}.sound-toggle{z-index:50;background:var(--cream-light);border:2px solid var(--pink-light);cursor:pointer;width:48px;height:48px;box-shadow:var(--soft-shadow);border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;transition:all .2s;display:flex;position:fixed;top:1.5rem;right:1.5rem}.sound-toggle:hover{background:var(--pink-blush);border-color:var(--pink-primary)}.sound-toggle.muted{background:var(--pink-soft);opacity:.7}@media (width<=600px){.sound-toggle{width:40px;height:40px;font-size:1.1rem;top:1rem;right:1rem}}.app-container{justify-content:center;align-items:flex-start;width:100%;min-height:100vh;padding:2rem 1rem;display:flex}.app-content{flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:700px;display:flex}.app-header{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;display:flex}.typewriter-header{width:140px;height:auto;filter:drop-shadow(var(--soft-shadow));pointer-events:none}.header-text{flex-direction:column;align-items:flex-start;display:flex}.clatter-title{font-family:var(--font-typewriter);color:var(--pink-primary);letter-spacing:.05em;text-shadow:2px 2px 0 var(--pink-soft);font-size:3rem;line-height:1}.tagline{font-family:var(--font-handwritten);color:var(--ink-medium);margin-top:.3rem;font-size:1.3rem;font-style:italic}.signature{font-family:var(--font-mono);color:var(--ink-soft);letter-spacing:.1em;opacity:.7;margin-top:1rem;font-size:.85rem}@media (width<=600px){.app-header{flex-direction:column;gap:.5rem}.header-text{text-align:center;align-items:center}.typewriter-header{width:120px}.clatter-title{font-size:2.5rem}.tagline{font-size:1.1rem}}