*{box-sizing:border-box}:root{--text-color:#1f2937;--bg-color:#f3f4f6;--card-bg:#fff;--accent-color:#8b5cf6;--shadow:0 4px 12px #0000000f;--border-radius:14px;color:var(--text-color);background:var(--bg-color);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background:var(--bg-color);margin:0}#root{min-height:100svh}button{font-family:inherit}.theme-toggle{background:var(--card-bg);box-shadow:var(--shadow);border-radius:24px;gap:8px;width:fit-content;margin:0 auto 20px;padding:4px;display:flex}.theme-btn{cursor:pointer;background:0 0;border:none;border-radius:20px;padding:8px 16px;font-size:18px;transition:all .2s}.theme-btn.active{background:var(--accent-color);color:#fff}.layout{min-height:100vh;padding-bottom:24px}.app-header{text-align:center;padding:16px 0 8px}.app-header h1{color:var(--accent-color);margin:0 0 12px;font-size:22px}.app-main{max-width:600px;margin:0 auto;padding:0 16px}.day-grid{grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:16px;display:grid}.day-cell{background:var(--card-bg);border-radius:var(--border-radius);text-align:center;box-shadow:var(--shadow);cursor:pointer;padding:12px 4px;transition:transform .15s;position:relative}.day-cell:hover{transform:translateY(-2px)}.day-name{opacity:.7;margin-bottom:6px;font-size:12px}.day-mood{font-size:28px}.media-badge{font-size:10px;position:absolute;top:6px;right:6px}.trackers-list{flex-direction:column;gap:8px;display:flex}.tracker-row{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow);align-items:center;gap:10px;padding:12px 14px;display:flex}.tracker-icon{font-size:20px}.tracker-name{flex:1;font-weight:500}.tracker-badge{background:#80808033;border-radius:12px;padding:2px 8px;font-size:10px}.add-tracker-btn{border:2px dashed var(--accent-color);width:100%;color:var(--accent-color);border-radius:var(--border-radius);cursor:pointer;background:0 0;margin-top:4px;padding:12px;font-size:16px}.stats-row{gap:12px;margin-bottom:16px;display:flex}.stat-box{background:var(--card-bg);border-radius:var(--border-radius);text-align:center;box-shadow:var(--shadow);flex:1;padding:16px}.stat-number{color:var(--accent-color);font-size:28px;font-weight:700}.stat-label{opacity:.8;margin-top:4px;font-size:12px}.view-toggle{gap:8px;margin-bottom:16px;display:flex}.view-toggle button{background:var(--card-bg);color:var(--text-color);border-radius:var(--border-radius);cursor:pointer;border:none;flex:1;padding:10px;font-weight:500}.view-toggle button.active{background:var(--accent-color);color:#fff}.carousel-placeholder{gap:12px;margin-bottom:16px;padding-bottom:8px;display:flex;overflow-x:auto}.carousel-slide{background:var(--card-bg);border-radius:var(--border-radius);min-width:100px;height:140px;box-shadow:var(--shadow);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;display:flex}.slide-day{opacity:.7;font-size:14px}.slide-mood{margin-top:8px;font-size:40px}.section-title{margin:24px 0 12px;font-size:16px}.loading,.error{text-align:center;opacity:.7;padding:40px}.entry-form{flex-direction:column;gap:12px;display:flex}.mood-row{justify-content:center;gap:8px;margin-bottom:8px;display:flex}.mood-row button{opacity:.4;cursor:pointer;background:0 0;border:none;font-size:28px;transition:opacity .2s}.mood-row button.active{opacity:1;transform:scale(1.1)}.tracker-input{flex-direction:column;gap:6px;display:flex}.tracker-input label{font-weight:500}.rating{gap:6px;display:flex}.rating button{color:var(--text-color);cursor:pointer;background:#80808026;border:none;border-radius:8px;flex:1;padding:10px 0;font-weight:600}.rating button.active{background:var(--accent-color);color:#fff}.comment-label{margin-top:4px;font-weight:500}textarea{color:var(--text-color);resize:vertical;background:#8080801a;border:none;border-radius:8px;padding:10px}.form-actions{gap:10px;margin-top:8px;display:flex}.save-btn,.cancel-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px;font-size:15px}.save-btn{background:var(--accent-color);color:#fff;font-weight:600}.cancel-btn{color:var(--text-color);background:#80808033}.day-detail-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.back-btn{background:var(--card-bg);border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;border:none;padding:8px 12px;font-weight:600}.day-detail-header h2{margin:0;font-size:18px}.day-media{border-radius:var(--border-radius);object-fit:cover;width:100%;max-height:300px;margin-bottom:16px}.card{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:16px}.report-title{text-align:center;margin-bottom:16px}.report-days{flex-direction:column;gap:12px;margin-top:16px;display:flex}.report-day{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:14px}.day-header{margin-bottom:6px;font-weight:600}.day-mood{opacity:.9;margin-bottom:8px;font-size:14px}.day-metrics{flex-direction:column;gap:4px;display:flex}.metric-line{justify-content:space-between;font-size:14px;display:flex}.metric-value{color:var(--accent-color);font-weight:700}