*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #ff6b35;--primary-dark: #e55a25;--bg: #f9f7f4;--surface: #ffffff;--border: #e8e4df;--text: #1a1a1a;--text-sub: #888;--radius: 16px;--shadow: 0 2px 12px rgba(0,0,0,.08)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh}#root{max-width:480px;margin:0 auto;min-height:100dvh;position:relative}.header{position:sticky;top:0;background:var(--surface);border-bottom:1px solid var(--border);padding:16px 20px;display:flex;align-items:center;gap:12px;z-index:10}.header h1{font-size:18px;font-weight:700}.header .back-btn{background:none;border:none;font-size:24px;cursor:pointer;line-height:1;padding:0 4px;color:var(--text)}.meal-list{padding:16px 16px 100px}.date-group{margin-bottom:24px}.date-label{font-size:13px;font-weight:600;color:var(--text-sub);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;padding:0 4px}.meal-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:12px;display:flex;align-items:stretch}.meal-card__icon{width:70px;min-height:70px;background:#f0ece8;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.meal-card__body{padding:14px 16px;flex:1;display:flex;flex-direction:column;justify-content:center;gap:6px}.meal-card__time{font-size:13px;color:var(--primary);font-weight:600}.meal-card__memo{font-size:15px;color:var(--text);line-height:1.4}.meal-card__delete{background:none;border:none;padding:0 16px;font-size:18px;color:var(--text-sub);cursor:pointer;flex-shrink:0}.meal-card__delete:hover{color:#e53e3e}.fab{position:fixed;bottom:28px;right:50%;transform:translate(50%);max-width:448px;width:calc(100% - 32px);background:var(--primary);color:#fff;border:none;border-radius:50px;padding:16px 24px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 20px #ff6b3566;display:flex;align-items:center;justify-content:center;gap:8px;z-index:20}.fab:active{background:var(--primary-dark);transform:translate(50%) scale(.98)}.empty{text-align:center;padding:80px 20px;color:var(--text-sub)}.empty__icon{font-size:56px;margin-bottom:16px}.empty__text{font-size:16px}.form{padding:24px 20px 100px;display:flex;flex-direction:column;gap:20px}.form__group{display:flex;flex-direction:column;gap:8px}.form__label{font-size:13px;font-weight:600;color:var(--text-sub)}.form__input,.form__textarea{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;padding:14px 16px;font-size:15px;color:var(--text);width:100%;outline:none;transition:border-color .15s}.form__input:focus,.form__textarea:focus{border-color:var(--primary)}.form__textarea{min-height:100px;resize:vertical;font-family:inherit}.submit-btn{background:var(--primary);color:#fff;border:none;border-radius:50px;padding:16px 24px;font-size:16px;font-weight:700;cursor:pointer;width:100%;margin-top:4px}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.submit-btn:not(:disabled):active{background:var(--primary-dark)}.loading{text-align:center;padding:60px 20px;color:var(--text-sub);font-size:15px}