@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Quicksand:wght@300;400;500;600;700&display=swap";:root{--bg-color: #FFF8E1;--card-pink: #FFD3E0;--card-mint: #C5F1D7;--card-sky: #D6E8FA;--card-lavender: #E5DEFF;--text-dark: #5D4954;--text-light: #8B7783;--accent-red: #FF6B9D;--shadow-color: rgba(255, 107, 157, .15);--border-radius-irregular-1: 30px 12px 30px 12px;--border-radius-irregular-2: 12px 30px 12px 30px}body{margin:0;font-family:Quicksand,system-ui,sans-serif;background:linear-gradient(135deg,var(--bg-color) 0%,#FDF3D7 100%);color:var(--text-dark);display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;box-sizing:border-box;overflow-x:hidden}.app-container{position:relative;width:100%;max-width:400px;background-color:transparent;padding:20px;box-shadow:0 8px 20px var(--shadow-color);border-radius:var(--border-radius-irregular-1);display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:50px}.cloud-sync-status{position:absolute;top:10px;right:10px;background-color:#ffffffb3;padding:5px 10px;border-radius:15px;font-size:12px;color:var(--text-light);box-shadow:0 2px 5px #0000000d;z-index:10}.girl-image-container{width:120px;height:120px;border-radius:50%;background-color:transparent;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 15px #ffd3e099;position:relative;z-index:5;margin-top:-80px}.app-title{font-family:Caveat,cursive;font-size:36px;color:var(--accent-red);margin:-10px 0 10px;transform:rotate(-1deg);text-shadow:1px 1px 2px rgba(0,0,0,.05)}.streak-display{display:flex;align-items:center;gap:8px;background-color:var(--card-lavender);padding:8px 15px;border-radius:20px;font-size:14px;color:var(--text-dark);box-shadow:0 2px 8px var(--shadow-color);margin-bottom:20px}.tab-navigation{display:flex;width:100%;margin-bottom:20px;background-color:#fffc;border-radius:25px;box-shadow:0 4px 10px var(--shadow-color);overflow:hidden}.tab-button{flex:1;padding:12px 0;border:none;background-color:transparent;font-family:Quicksand,sans-serif;font-size:15px;color:var(--text-light);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:5px;position:relative;z-index:1}.tab-button.active{color:var(--accent-red);font-weight:600;background-color:var(--card-pink);box-shadow:inset 0 0 10px #0000000d;border-radius:25px}.mood-entry-card,.calendar-view,.emotion-curve-view{background-color:#fff;padding:25px;border-radius:var(--border-radius-irregular-2);box-shadow:0 6px 15px var(--shadow-color);width:calc(100% - 40px);max-width:360px;position:relative;margin-top:10px;transform:rotate(-2deg);transition:transform .3s ease-out}.mood-entry-card:hover{transform:rotate(0)}.tape-strip{position:absolute;top:-10px;left:20%;width:60%;height:20px;background:linear-gradient(45deg,var(--card-pink),var(--card-mint),var(--card-sky));border-radius:5px;opacity:.7;transform:rotate(2deg);box-shadow:0 2px 5px #0000001a;z-index:2}.section-title{font-family:Caveat,cursive;font-size:24px;color:var(--text-dark);margin-bottom:20px;display:flex;align-items:center;gap:8px;justify-content:center}.mood-selector{display:flex;justify-content:space-around;margin-bottom:20px;gap:10px}.mood-option{width:45px;height:45px;border-radius:50%;border:2px solid transparent;background-color:var(--card-sky);font-size:24px;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 5px #0000001a}.mood-option.selected{border-color:var(--accent-red);box-shadow:0 4px 10px #ff6b9d4d;transform:scale(1.1)}.mood-textarea{width:calc(100% - 20px);min-height:100px;padding:10px;border:1px solid var(--card-lavender);border-radius:15px;font-family:Quicksand,sans-serif;font-size:15px;color:var(--text-dark);resize:vertical;margin-bottom:15px;background-color:#fcfcfc;box-shadow:inset 0 1px 3px #0000000d}.mood-textarea:focus{outline:none;border-color:var(--accent-red);box-shadow:0 0 0 3px #ff6b9d33}.save-button{background-color:var(--accent-red);color:#fff;padding:12px 25px;border:none;border-radius:30px;font-family:Quicksand,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px var(--shadow-color);margin-bottom:20px}.history-list{margin-top:20px;width:100%}.history-title{font-family:Caveat,cursive;font-size:20px;color:var(--text-dark);margin-bottom:15px;text-align:center}.history-item{background-color:#fcfcfc;padding:15px;border-radius:18px;margin-bottom:15px;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 8px #0000000d;border-left:5px solid var(--card-pink);position:relative;transition:all .2s ease}.history-item:hover{transform:translate(5px);box-shadow:0 4px 12px #00000014}.history-header{display:flex;align-items:center;justify-content:space-between;width:100%}.history-date{font-size:12px;color:var(--text-light);font-weight:600}.history-mood-emoji{font-size:20px;line-height:1;margin-left:10px;flex-grow:1}.history-text{font-size:14px;color:var(--text-dark);margin:0;line-height:1.5}.history-reply{margin-top:5px;align-self:flex-start}.speech-bubble{position:relative;background:var(--card-mint);border-radius:12px;padding:8px 12px;box-shadow:0 2px 5px #0000000d}.speech-bubble p{margin:0;font-size:13px;color:var(--text-dark)}.speech-bubble-tail{position:absolute;top:-6px;left:15px;transform:rotate(45deg);width:12px;height:12px;background:var(--card-mint);z-index:-1}.delete-button{background:none;border:none;cursor:pointer;padding:5px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.delete-button:hover{background-color:#ff6b9d1a}.privacy-text{font-size:12px;color:var(--text-light);text-align:center;margin-top:20px;display:flex;align-items:center;justify-content:center;gap:5px}.calendar-view{text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:15px}.calendar-day-header{font-weight:600;color:var(--accent-red);font-size:14px;padding:5px 0}.calendar-day-cell{background-color:#fcfcfc;border-radius:10px;height:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:14px;color:var(--text-dark);position:relative;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.calendar-day-cell.has-mood{color:#fff;font-weight:500;box-shadow:0 2px 5px #0000001a}.mood-emoji-small{font-size:12px;position:absolute;bottom:2px;right:2px}.emotion-curve-view{text-align:center}.chart-container{background-color:#fcfcfc;border-radius:var(--border-radius-irregular-1);padding:15px;box-shadow:0 2px 8px #0000001a;margin:20px auto;width:fit-content}.chart-container svg{overflow:visible}.no-data-message{font-style:italic;color:var(--text-light);margin-top:20px}.toast-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:10px;align-items:center}.toast{background-color:#fffffff2;color:var(--text-dark);padding:10px 20px;border-radius:25px;box-shadow:0 4px 10px #0000001a;font-size:14px;display:flex;align-items:center;gap:8px}.toast.success{border-left:5px solid var(--card-mint)}.toast.error{border-left:5px solid var(--accent-red)}.toast.info{border-left:5px solid var(--card-sky)}