@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&display=swap";:root{--bg: #FAF7F5;--surface: #FFFFFF;--primary: #8B6E6E;--primary-dark: #6B5454;--accent: #D4A5A5;--text: #3D2F2F;--text-muted: #6B5454;--border: #E8DDD8;--success: #5C8A4B;--warning: #A87C2C;--danger: #A03939;--radius: 20px;--shadow: 0 4px 12px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04)}body{margin:0;padding:0;background:radial-gradient(circle at 20% 30%,#8B6E6E1a 0%,transparent 50%),radial-gradient(circle at 80% 70%,#D4A5A515 0%,transparent 50%),var(--bg);color:var(--text);font-family:"Noto Serif SC","Source Han Serif SC",思源宋体,Songti SC,STSong,serif;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.app-container{position:relative;width:100%;max-width:450px;height:100vh;max-height:800px;background-color:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;background-size:cover;background-position:center;transition:background-image .5s ease-in-out}.app-content{flex-grow:1;display:flex;flex-direction:column;padding:20px;position:relative;z-index:1;overflow-y:auto;background-color:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cloud-sync-indicator{position:absolute;top:10px;right:20px;font-size:.8em;color:var(--text-muted);z-index:10;display:flex;align-items:center;gap:5px;padding:5px 10px;background-color:#fff9;border-radius:10px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 2px 5px #0000000d}.cloud-status.saving{color:var(--primary)}.cloud-status.saved{color:var(--success)}.cloud-status.error{color:var(--danger)}.initial-loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:100;text-align:center;color:var(--text-muted)}.spinner{display:flex;align-items:center;justify-content:center}.loading-text{margin-top:20px;color:var(--text-muted);font-size:1.1em;font-weight:600}.loading-subtext{font-size:.9em;color:var(--text-muted);font-style:italic}.card{background-color:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;border:1px solid var(--border)}.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;text-align:center;padding:20px}.app-title{font-family:"Noto Serif SC",serif;font-size:2.8em;color:var(--primary-dark);margin-bottom:20px;text-shadow:0 0 8px rgba(139,110,110,.2)}.privacy-text{font-size:1.1em;color:var(--text-muted);margin-bottom:40px;line-height:1.6}.start-button{background-color:var(--primary);color:var(--surface);border:none;border-radius:var(--radius);padding:15px 30px;font-size:1.2em;cursor:pointer;box-shadow:0 4px 15px #8b6e6e33;transition:background-color .3s ease,box-shadow .3s ease;margin-top:15px;display:flex;align-items:center;gap:10px;justify-content:center}.start-button:hover{background-color:var(--primary-dark);box-shadow:0 8px 20px #8b6e6e4d}.start-button.game-button{background-color:var(--accent);box-shadow:0 4px 15px #d4a5a533}.start-button.game-button:hover{background-color:var(--primary-dark);box-shadow:0 8px 20px #d4a5a54d}.playing-screen,.history-screen,.fruit-game-screen{flex-grow:1;display:flex;flex-direction:column;position:relative;padding:0}.header-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#ffffffe6;border-bottom:1px solid var(--border);box-shadow:0 2px 8px #0000000d;border-radius:var(--radius) var(--radius) 0 0;margin:-20px -20px 0;position:sticky;top:0;z-index:5;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.section-title{font-family:"Noto Serif SC",serif;font-size:1.4em;color:var(--primary-dark);margin:0;text-shadow:0 0 5px rgba(139,110,110,.1)}.header-right-buttons{display:flex;gap:5px}.icon-button{background:none;border:none;color:var(--primary);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,color .3s ease}.icon-button:hover{background-color:var(--border);color:var(--primary-dark)}.mood-selector{display:flex;justify-content:space-around;padding:15px 0;background-color:var(--surface);border-radius:var(--radius);margin:20px 0;box-shadow:var(--shadow);border:1px solid var(--border)}.mood-button{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px 12px;border-radius:var(--radius);transition:all .3s ease;position:relative}.mood-button svg{color:var(--text-muted);transition:color .3s ease}.mood-button.selected{background-color:var(--mood-color);color:var(--surface);box-shadow:0 0 15px var(--mood-color);transform:scale(1.05)}.mood-button.selected svg{color:var(--surface)}.chat-area{flex-grow:1;overflow-y:auto;padding:10px 0;display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.empty-chat-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;color:var(--text-muted);font-style:italic;text-align:center;gap:10px;padding:20px}.empty-chat-subtext{font-size:.9em;color:var(--text-muted);margin-top:-5px}.chat-bubble{max-width:80%;padding:12px 18px;border-radius:20px;line-height:1.6;box-shadow:0 2px 6px #0000000d;position:relative}.chat-bubble.user{background-color:var(--accent);color:var(--surface);align-self:flex-end;border-bottom-right-radius:8px}.chat-bubble.ai{background-color:var(--bg);color:var(--text);align-self:flex-start;border-bottom-left-radius:8px}.chat-bubble.ai.loading{background-color:var(--border);color:var(--text-muted);font-style:italic}.chat-timestamp{font-size:.75em;color:#ffffffb3;margin-top:5px;text-align:right}.chat-bubble.ai .chat-timestamp{color:var(--text-muted);text-align:left}.vent-input-area{display:flex;flex-direction:column;gap:10px;padding:15px 0;background-color:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:auto;border:1px solid var(--border)}.vent-textarea{width:calc(100% - 20px);padding:10px;border:1px solid var(--border);border-radius:10px;font-family:"Noto Serif SC",serif;font-size:1em;color:var(--text);background-color:var(--bg);resize:vertical;min-height:60px;max-height:150px;margin:0 10px;transition:border-color .3s ease,box-shadow .3s ease}.vent-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary) 30}.vent-button{background-color:var(--primary);color:var(--surface);border:none;border-radius:10px;padding:12px 20px;font-size:1.1em;cursor:pointer;box-shadow:0 4px 10px #8b6e6e33;transition:background-color .3s ease,box-shadow .3s ease;width:calc(100% - 20px);margin:0 10px}.vent-button:hover:not(:disabled){background-color:var(--primary-dark);box-shadow:0 6px 15px #8b6e6e4d}.vent-button:disabled{background-color:var(--text-muted);cursor:not-allowed;opacity:.7}.check-in-streak{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.95em;color:var(--text-muted);margin-top:15px;padding:10px;background-color:var(--bg);border-radius:var(--radius);box-shadow:0 2px 5px #0000000d;border:1px solid var(--border)}.check-in-streak svg{color:var(--accent)}.encouragement{color:var(--primary);font-weight:600}.floating-petal,.floating-cloud{position:absolute;pointer-events:none;opacity:0;z-index:0}.floating-petal{width:40px;height:40px}.petal-1{top:10%;left:5%}.petal-2{top:30%;right:15%;width:30px;height:30px}.petal-3{top:50%;left:20%;width:35px;height:35px}.floating-cloud{width:80px;height:80px}.cloud-1{top:5%;right:10%}.cloud-2{top:25%;left:15%;width:60px;height:60px}.history-content{flex-grow:1;overflow-y:auto;padding:20px 0;display:flex;flex-direction:column;gap:25px}.calendar-view{text-align:center}.calendar-view h3{font-family:"Noto Serif SC",serif;color:var(--primary-dark);margin-top:0;margin-bottom:15px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-day-header{font-weight:700;color:var(--primary);padding:5px 0;font-size:.9em}.calendar-day{padding:8px 0;border-radius:8px;background-color:var(--bg);color:var(--text);font-size:.9em;position:relative;display:flex;align-items:center;justify-content:center;height:30px;box-shadow:inset 0 0 0 1px var(--border);transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.calendar-day.empty{background-color:transparent;box-shadow:none;border:none}.calendar-day.has-entry{cursor:pointer;border:1px solid var(--primary)30;box-shadow:0 2px 5px #0000000d}.calendar-day.has-entry:hover{transform:scale(1.05);background-color:var(--primary)10}.mood-dot{position:absolute;bottom:3px;right:3px;width:6px;height:6px;border-radius:50%;border:1px solid var(--surface)}.chart-container{width:100%;height:180px;overflow:hidden}.mood-chart-svg{width:100%;height:100%}.empty-chart-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;color:var(--text-muted);font-style:italic;text-align:center;gap:10px;padding:20px}.empty-chart-state .empty-chart-subtext{font-size:.9em;margin-top:-5px}.recent-entries h3{font-family:"Noto Serif SC",serif;color:var(--primary-dark);margin-top:0;margin-bottom:15px}.no-entries{color:var(--text-muted);font-style:italic;text-align:center;padding:10px}.recent-entry-item{background-color:var(--bg);border-radius:15px;padding:15px;margin-bottom:10px;border:1px solid var(--border);box-shadow:0 1px 3px #00000008}.entry-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.entry-mood-icon svg{color:var(--primary)}.entry-date{font-size:.85em;color:var(--text-muted)}.entry-text{font-size:1em;color:var(--text);line-height:1.5;margin:0}.fruit-game-screen{background-color:#000;display:flex;flex-direction:column;flex-grow:1}.fruit-game-screen .header-bar{background-color:#000c;border-bottom-color:#ffffff1a}.fruit-game-screen .header-bar .section-title,.fruit-game-screen .header-bar .icon-button{color:var(--primary)}.fruit-game-screen .header-bar .icon-button:hover{background-color:#00f5ff1a;color:var(--primary)}.game-area{position:relative;flex-grow:1;width:100%;height:100%;overflow:hidden}.fruit-canvas{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;touch-action:none}.game-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--surface);text-align:center;gap:20px;z-index:2}.game-overlay h3{font-family:"Noto Serif SC",serif;font-size:2.5em;color:var(--primary);text-shadow:0 0 10px var(--primary),0 0 20px var(--primary);margin-bottom:10px}.game-overlay p{font-size:1.2em;color:var(--text-muted);margin:0}.gameover-overlay p{color:var(--accent)}.game-overlay .start-button{margin-top:30px;background-color:var(--primary);color:var(--surface);font-size:1.3em;padding:18px 40px;border-radius:var(--radius);box-shadow:0 0 15px var(--primary) 50}.game-overlay .start-button:hover{background-color:var(--primary-dark);box-shadow:0 0 25px var(--primary)}