body{margin:0;font-family:Segoe UI,sans-serif;background:#f3f4f6;color:#0f172a}.app{max-width:960px;margin:0 auto;padding:24px 16px 40px;box-sizing:border-box}.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}h1{margin:4px 0 8px;font-size:32px;letter-spacing:-.3px}.tag{margin:0;text-transform:uppercase;letter-spacing:2px;font-size:11px;color:#475569}.hint{margin:0;color:#475569;max-width:480px;line-height:1.4}.today{padding:10px 14px;border-radius:10px;background:#fff;border:1px solid #e2e8f0;font-weight:600}.card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:16px;margin-bottom:14px}h2{margin:0 0 12px;font-size:20px}.mood-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.mood-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px;cursor:pointer;transition:border-color .12s ease,background .12s ease}.mood-btn.active{border-color:#38bdf8;background:#e0f2fe}.emoji{font-size:22px}.label{font-weight:600}.note-label{display:block;margin:6px 0 4px;font-weight:600}textarea{width:100%;box-sizing:border-box;padding:10px;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;font-size:15px;resize:vertical}textarea:focus{outline:2px solid #38bdf8;background:#fff}.save-btn{margin-top:10px;padding:12px;width:100%;border:none;border-radius:10px;background:#38bdf8;color:#0f172a;font-weight:700;cursor:pointer}.save-btn:disabled{opacity:.6;cursor:not-allowed}.weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;color:#475569;font-weight:600;margin-bottom:6px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cell{border:1px solid #e2e8f0;border-radius:8px;min-height:70px;padding:6px;display:flex;flex-direction:column;gap:8px;background:#f8fafc}.cell.filled{border-color:#cbd5e1}.cell.empty{background:transparent;border:none}.day{font-weight:700}.cell-emoji{font-size:22px}.entries{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.entry{display:flex;gap:10px;padding:10px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.entry-emoji{font-size:24px}.entry-top{display:flex;align-items:baseline;gap:8px}.entry-mood{font-weight:700}.entry-date{color:#475569;font-size:13px}.entry-note{margin:4px 0 0;color:#0f172a}.muted{color:#94a3b8}@media(max-width:720px){.hero{flex-direction:column;align-items:flex-start}.today{align-self:stretch}}