@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap";:root{color-scheme:light;--bg: #f4efe9;--surface: #fffaf4;--surface-strong: #fff0e1;--ink: #1f1b16;--muted: #6c5f54;--accent: #ff6b35;--accent-deep: #d9480f;--border: rgba(31, 27, 22, .12);--shadow: 0 20px 50px rgba(31, 27, 22, .12)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Space Grotesk,Noto Sans SC,sans-serif;color:var(--ink);background:radial-gradient(circle at top right,#fff0da 0%,transparent 45%),radial-gradient(circle at 20% 40%,#ffe2c7 0%,transparent 55%),var(--bg)}button,input,textarea{font-family:inherit}.app-shell{position:relative;min-height:100vh;overflow:hidden}.glow{position:absolute;inset:-30% -20% auto auto;width:60vw;height:60vw;background:radial-gradient(circle,rgba(255,107,53,.2),transparent 70%);filter:blur(.5rem);opacity:.8;pointer-events:none;animation:drift 18s ease-in-out infinite}@keyframes drift{0%,to{transform:translateZ(0)}50%{transform:translate3d(-8%,6%,0)}}.container{max-width:1100px;margin:0 auto;padding:4rem 1.5rem 5rem;position:relative;z-index:1}.topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.5rem}.topbar h1{margin:.35rem 0 0;font-size:clamp(1.8rem,2.2vw,2.6rem);letter-spacing:-.02em}.user-chip{display:flex;align-items:center;gap:1rem;padding:.65rem 1rem;border-radius:999px;background:#ffffffb3;border:1px solid var(--border);box-shadow:var(--shadow);font-size:.95rem}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;color:var(--muted)}.subtle{color:var(--muted);margin:.25rem 0 0}.panel{background:var(--surface);border-radius:28px;padding:2rem;box-shadow:var(--shadow);border:1px solid var(--border);margin-bottom:2rem}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem}.panel-header.compact{margin-bottom:1.5rem}.panel h2{margin:.4rem 0 .6rem;font-size:clamp(1.4rem,1.8vw,2rem)}.status{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--muted)}.dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #ff6b3526}.dot.pulse{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}.auth-card{max-width:480px;margin:8vh auto;background:var(--surface);border-radius:32px;padding:2.5rem;border:1px solid var(--border);box-shadow:var(--shadow)}.auth-header h1{margin:.6rem 0 .3rem;font-size:clamp(1.6rem,2.2vw,2.2rem)}.auth-tabs{display:flex;gap:.75rem;margin:1.5rem 0 1.2rem}.auth-tabs button{flex:1;border-radius:999px;border:1px solid transparent;padding:.5rem 0;font-weight:600;background:transparent;color:var(--muted);cursor:pointer}.auth-tabs .active{border-color:var(--accent);color:var(--ink);background:#ff6b351f}.auth-form{display:grid;gap:1rem}label{display:grid;gap:.5rem;font-size:.9rem;color:var(--muted)}input,textarea{border-radius:16px;border:1px solid var(--border);padding:.8rem 1rem;font-size:1rem;background:#fff;transition:border .2s ease,box-shadow .2s ease}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ff6b3533}.primary{border:none;padding:.9rem 1.4rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(120deg,var(--accent),var(--accent-deep));border-radius:16px;cursor:pointer;box-shadow:0 12px 25px #ff6b3540;transition:transform .2s ease}.primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.primary:hover:not(:disabled){transform:translateY(-2px)}.ghost{border:1px solid var(--border);padding:.35rem .85rem;border-radius:999px;background:transparent;cursor:pointer;font-size:.85rem}.form-error{margin-top:1rem;color:var(--accent-deep);font-weight:600}.meal-form{display:grid;gap:1.2rem}.upload{position:relative;border-radius:20px;border:1px dashed rgba(255,107,53,.5);background:var(--surface-strong);padding:1.2rem;overflow:hidden}.upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-ui{display:flex;gap:1rem;align-items:center}.upload-ui .plus{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:var(--accent);color:#fff;font-size:1.8rem}.photo-preview{border-radius:20px;overflow:hidden;border:1px solid var(--border)}.photo-preview img{width:100%;display:block;object-fit:cover;max-height:280px}.note-field textarea{min-height:90px;resize:vertical}.meal-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.meal-card{background:#fff;border-radius:22px;padding:1.2rem;border:1px solid var(--border);box-shadow:0 12px 30px #1f1b1614;display:grid;gap:.9rem}.meal-card-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.pill{padding:.35rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600}.pill.breakfast{background:#ffc47a80;color:#9b4b00}.pill.lunch{background:#ffdd8c80;color:#8a5a00}.pill.dinner{background:#ffa76273;color:#8b2d00}.meal-photo img{width:100%;border-radius:16px;object-fit:cover;max-height:180px;display:block}.note{margin:0;line-height:1.5}.empty-state{padding:2rem;text-align:center;color:var(--muted)}.empty-state h3{margin-bottom:.5rem;color:var(--ink)}.toast{position:fixed;right:2rem;bottom:2rem;padding:.8rem 1.1rem;background:var(--ink);color:#fff;border-radius:12px;box-shadow:var(--shadow);animation:rise .3s ease}@keyframes rise{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 860px){.topbar{flex-direction:column;align-items:flex-start}.user-chip{width:100%;justify-content:space-between}.panel-header{flex-direction:column}}@media (max-width: 600px){.container{padding:2.5rem 1.2rem 4rem}.panel{padding:1.5rem}.auth-card{margin:3rem 0;padding:2rem 1.5rem}}