:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background-color:#f8fafc}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#e0f2fe,#f8fafc 45%);color:#0f172a}a{color:inherit}main{width:min(960px,100%);margin:0 auto;padding:2rem 1.5rem 3rem}.card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 20px 40px #0f172a14}button{font:inherit}.mood-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.mood-picker label{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #cbd5f5;border-radius:.75rem;padding:.75rem;background:#fff;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s}.mood-picker label.active{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33;transform:translateY(-2px)}.mood-picker input{position:absolute;opacity:0;pointer-events:none}.mood-picker .emoji{font-size:2rem;margin-bottom:.25rem}.mood-picker .caption{font-size:.85rem;color:#475569}.form-actions{display:flex;flex-direction:column;gap:.75rem}.primary-btn{border:none;padding:.9rem 1.5rem;border-radius:.75rem;background:#2563eb;color:#fff;font-weight:600;cursor:pointer;transition:opacity .2s}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.note-input{width:100%;border-radius:.75rem;border:1px solid #cbd5f5;min-height:120px;padding:.75rem;font:inherit;resize:vertical}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.chart-wrapper{position:relative;width:100%;height:260px}.chart-wrapper canvas{position:absolute;top:0;right:0;bottom:0;left:0}.tab-bar{display:flex;gap:.5rem;margin-bottom:1rem}.tab-button{flex:1;padding:.65rem .5rem;border-radius:999px;border:1px solid #cbd5f5;background:#fff;cursor:pointer}.tab-button.active{background:#2563eb;color:#fff;border-color:#2563eb}