:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--accent: #7c6fe0;--accent-hover: #6b5fce;--surface: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .1);--text: #fafafa;--text-muted: rgba(255, 255, 255, .55);--radius: .75rem}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:var(--text)}.app{max-width:480px;margin:0 auto;min-height:100vh;padding:1.5rem 1rem;display:flex;flex-direction:column}.app-header{text-align:center;margin-bottom:1.5rem}.app-title{margin:0;font-size:1.75rem;font-weight:700;letter-spacing:-.03em}.app-subtitle{margin:.25rem 0 0;font-size:.85rem;color:var(--text-muted)}.app-nav{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--surface);border-radius:var(--radius);padding:.25rem}.nav-btn{flex:1;padding:.6rem 1rem;border:none;border-radius:calc(var(--radius) - 4px);background:transparent;color:var(--text-muted);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s ease}.nav-btn:hover{color:var(--text)}.nav-btn--active{background:var(--accent);color:#fff}.nav-btn--active:hover{background:var(--accent-hover)}.app-main{flex:1}.today-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:#7c6fe01a;border:1px solid rgba(124,111,224,.25);border-radius:var(--radius);margin-bottom:1.25rem}.today-banner-text{font-size:.85rem;color:#fffc}.today-banner-btn{background:none;border:1px solid var(--accent);color:var(--accent);padding:.3rem .75rem;border-radius:calc(var(--radius) - 4px);font-size:.8rem;cursor:pointer;white-space:nowrap;transition:all .15s ease}.today-banner-btn:hover{background:var(--accent);color:#fff}.entry-form{display:flex;flex-direction:column;gap:1.25rem}.mood-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6rem}.mood-options{display:flex;gap:.5rem}.mood-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;transition:all .15s ease}.mood-btn:hover{background:var(--surface-hover);border-color:#ffffff2e}.mood-btn--active{background:#7c6fe026;border-color:var(--accent)}.mood-emoji{font-size:1.5rem;line-height:1}.mood-text{font-size:.7rem;color:var(--text-muted);font-weight:500}.mood-btn--active .mood-text{color:var(--text)}.form-group{display:flex;flex-direction:column}.form-label{font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.form-textarea{width:100%;padding:.85rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:.95rem;line-height:1.6;resize:vertical;transition:border-color .15s ease}.form-textarea::placeholder{color:#ffffff40}.form-textarea:focus{outline:none;border-color:var(--accent)}.form-submit{padding:.85rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s ease}.form-submit:hover:not(:disabled){background:var(--accent-hover)}.form-submit:disabled{opacity:.4;cursor:not-allowed}.mood-chart{margin-bottom:1.5rem;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.chart-title{margin:0 0 .5rem;font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.chart-svg{width:100%;height:auto}.entry-list{display:flex;flex-direction:column;gap:.75rem}.empty-state{text-align:center;padding:2.5rem 1rem;color:var(--text-muted);font-size:.95rem}.entry-card{padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s ease}.entry-card:hover{border-color:#ffffff26}.entry-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.entry-card-date{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted)}.entry-mood-emoji{font-size:1.1rem}.entry-card-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .15s ease}.entry-card:hover .entry-card-actions{opacity:1}.entry-action-btn{background:none;border:none;cursor:pointer;font-size:.85rem;padding:.25rem;border-radius:4px;transition:background .1s ease}.entry-action-btn:hover{background:var(--surface-hover)}.entry-card-mood{margin:0 0 .35rem;font-size:.75rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.entry-card-text{margin:0;font-size:.95rem;color:#fffc;line-height:1.6;white-space:pre-wrap}