:root{--primary: #ff8a80;--secondary: #ffccbc;--bg: #fff9f8;--text: #4e342e;--glass: rgba(255, 255, 255, .8)}body{margin:0;padding:0;font-family:PingFang SC,-apple-system,sans-serif;background-color:var(--bg);color:var(--text);overflow:hidden}.app-container{max-width:500px;margin:0 auto;height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff9f8,#ffebee);position:relative}.glass-header{padding:20px;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,138,128,.1);z-index:10}.header-left{display:flex;align-items:center;gap:12px}.header-left h1{margin:0;font-size:18px;font-weight:700;color:#d84315}.privacy-hint{margin:2px 0 0;font-size:10px;color:#8d6e63;opacity:.8}.sync-status{display:flex;align-items:center;gap:4px;font-size:11px;color:#81c784;padding:4px 8px;border-radius:12px;background:#81c7841a}.syncing{animation:pulse 1.5s infinite}.content-scroll{flex:1;overflow-y:auto;padding:20px 20px 100px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:25px}.stat-card{background:#fff;padding:15px;border-radius:20px;box-shadow:0 4px 15px #d843150d;display:flex;flex-direction:column}.stat-label{font-size:12px;color:#a1887f}.stat-value{font-size:24px;font-weight:800;color:var(--primary);margin-top:5px}.diary-card{background:#fff;border-radius:24px;padding:18px;margin-bottom:20px;box-shadow:0 8px 20px #00000008;border:1px solid rgba(255,138,128,.05)}.card-header{display:flex;justify-content:space-between;margin-bottom:12px}.date-tag{font-size:12px;color:#bdbdbd;font-weight:600}.mood-dots{display:flex;gap:4px}.dot{width:6px;height:6px;border-radius:50%;background:#f5f5f5}.dot.active{background:var(--primary)}.user-content{font-size:15px;line-height:1.6;color:#4e342e;margin-bottom:15px}.ai-voice-box{background:#fff3e0;border-radius:16px;padding:12px 15px;position:relative}.voice-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#e65100;margin-bottom:6px}.voice-text{font-size:14px;color:#5d4037;font-style:italic;margin:0}.tts-btn{background:none;border:none;color:#ff9800;cursor:pointer;margin-left:auto}.main-fab{position:fixed;bottom:90px;right:20px;background:var(--primary);border:none;padding:12px 24px;border-radius:30px;color:#fff;display:flex;align-items:center;gap:8px;box-shadow:0 8px 25px #ff8a8066;cursor:pointer;z-index:100}.bottom-nav{position:absolute;bottom:0;width:100%;height:70px;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-around;align-items:center;border-top:1px solid rgba(0,0,0,.05)}.bottom-nav button{background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:4px;color:#bcaaa4;font-size:10px;cursor:pointer}.bottom-nav button.active{color:var(--primary)}.svg-chart-container{background:#fff;border-radius:20px;padding:15px;margin-top:10px}.mood-chart{width:100%;height:auto}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.write-view{background:#fff;border-radius:30px 30px 0 0;padding:30px 20px;min-height:80vh}.input-group{margin-bottom:25px}.input-group label{display:block;font-weight:700;margin-bottom:12px;color:#5d4037}.mood-selector{display:flex;justify-content:space-between}.mood-btn{font-size:28px;background:#f5f5f5;border:2px solid transparent;border-radius:15px;padding:10px;cursor:pointer;transition:all .2s}.mood-btn.selected{background:#fff3e0;border-color:#ffb74d;transform:scale(1.1)}textarea{width:100%;height:150px;border:1px solid #eee;border-radius:20px;padding:15px;font-size:16px;resize:none;box-sizing:border-box;background:#fafafa}.primary-btn{background:var(--primary);color:#fff;border:none;padding:15px 30px;border-radius:20px;font-weight:700;width:100%;margin-top:20px;cursor:pointer}.primary-btn:disabled{background:#ccc}