:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.card{max-width:28rem;border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:.75rem;background:#ffffff05}.meter-card{width:100%}.tag{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:#ffffff8c;border:1px solid rgba(255,255,255,.12);padding:.25rem .5rem;border-radius:.25rem;margin-bottom:1rem}h1{margin:0 0 .25rem;font-size:1.5rem;font-weight:600;letter-spacing:-.02em}p{margin:0;color:#ffffffa6;font-size:.95rem}.subtitle{margin-bottom:1.5rem}.mood-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.mood-emoji{font-size:1.6rem}.battery-visual{display:flex;align-items:center;margin-bottom:1.25rem}.battery-body{position:relative;flex:1;height:2.5rem;border:2px solid rgba(255,255,255,.2);border-radius:.5rem;overflow:hidden;background:#ffffff0a}.battery-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.35rem;transition:width .3s ease}.battery-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:700;font-size:.85rem;text-shadow:0 1px 3px rgba(0,0,0,.7);z-index:1}.battery-cap{width:.4rem;height:1.2rem;background:#fff3;border-radius:0 .25rem .25rem 0;margin-left:2px}.slider-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.slider-end{font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.battery-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:6px;border-radius:3px;background:#ffffff1a;outline:none}.battery-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--fill, #fafafa);cursor:pointer;box-shadow:0 0 8px var(--fill, #fafafa);transition:box-shadow .2s}.battery-slider::-webkit-slider-thumb:hover{box-shadow:0 0 14px var(--fill, #fafafa)}.battery-slider::-moz-range-thumb{width:20px;height:20px;border:none;border-radius:50%;background:var(--fill, #fafafa);cursor:pointer;box-shadow:0 0 8px var(--fill, #fafafa)}.note-input{width:100%;resize:vertical;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:.5rem;padding:.65rem .75rem;color:#fafafa;font-family:inherit;font-size:.9rem;margin-bottom:1rem;outline:none;transition:border-color .2s}.note-input::placeholder{color:#ffffff4d}.note-input:focus{border-color:#ffffff4d}.save-btn{width:100%;padding:.7rem;border:none;border-radius:.5rem;background:#ffffff1a;color:#fafafa;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s;margin-bottom:1.5rem}.save-btn:hover{background:#ffffff29}.save-btn:active{background:#ffffff38}.stats-row{display:flex;gap:1rem;margin-bottom:1.5rem}.stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:.75rem;border-radius:.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.stat-val{font-size:1.35rem;font-weight:700}.stat-label{font-size:.7rem;color:#ffffff73;text-transform:uppercase;letter-spacing:.08em}.section-title{font-size:.85rem;font-weight:600;color:#ffffff8c;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .75rem}.week-chart{display:flex;gap:.5rem;justify-content:space-between;margin-bottom:1.5rem}.week-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem}.week-bar-track{width:100%;height:5rem;border-radius:.35rem;background:#ffffff0d;overflow:hidden;display:flex;align-items:flex-end}.week-bar-fill{width:100%;border-radius:.35rem;transition:height .4s ease;min-height:0}.week-bar-label{font-size:.65rem;color:#fff6;text-transform:uppercase;letter-spacing:.05em}.week-bar-val{font-size:.6rem;font-weight:600;color:#ffffff80}.notes-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.note-item{display:flex;flex-direction:column;gap:.15rem;padding:.5rem .65rem;border-radius:.4rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.note-date{font-size:.72rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.note-text{font-size:.85rem;color:#ffffffbf}