:root,[data-theme=dark]{--bg: #0f0f0f;--surface: #1a1a1a;--text: #e8e8e8;--muted: #888;--accent: #8bc34a;--border: #2a2a2a;--error: #ef5350;--warning: #f59e0b;--overlay: rgba(0,0,0,.4);--shadow: 0 8px 24px rgba(0,0,0,.3);--confirmed-bg: #555;--confirmed-fg: var(--text)}[data-theme=light]{--bg: #e8e8e8;--surface: #f0f0f0;--text: #1a1a1a;--muted: #666;--accent: #7cb342;--border: #ccc;--error: #c62828;--warning: #d4a017;--overlay: rgba(0,0,0,.3);--shadow: 0 8px 24px rgba(0,0,0,.15);--confirmed-bg: #d8e8d4;--confirmed-fg: #2e5c27}@media(prefers-color-scheme:light){:root:not([data-theme]){--bg: #e8e8e8;--surface: #f0f0f0;--text: #1a1a1a;--muted: #666;--accent: #7cb342;--border: #ccc;--error: #c62828;--warning: #d4a017;--overlay: rgba(0,0,0,.3);--shadow: 0 8px 24px rgba(0,0,0,.15);--confirmed-bg: #d8e8d4;--confirmed-fg: #2e5c27}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;-webkit-tap-highlight-color:transparent}a{color:var(--accent);text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.6rem 1rem;min-height:44px}button.primary{background:var(--accent);color:var(--bg);border:none}input,select,textarea{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.6rem;min-height:44px}.serving-qty{text-align:right}#root{margin:0;min-height:100dvh}.app-shell{display:flex;min-height:100dvh}.sidebar{display:flex;flex-direction:column;gap:.25rem;padding:1rem;background:var(--surface);border-right:1px solid var(--border);width:240px;flex-shrink:0}.sidebar a{padding:.6rem .75rem;border-radius:8px;color:inherit;min-height:44px;display:flex;align-items:center}.sidebar a:hover{background:var(--bg)}.sidebar a.active{background:var(--accent);color:var(--bg);font-weight:600}.sidebar-logout{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border)}.sidebar-logout button{width:100%;justify-content:flex-start;background:none;border:none;color:var(--muted);text-decoration:none;min-height:44px;padding:.6rem .75rem;border-radius:8px}.sidebar-logout button:hover{color:var(--text);background:var(--bg)}.app-main{flex:1;min-width:0;padding:1rem;padding-top:0}.app-main.has-topbar{padding-top:0}.topbar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;margin:0 -1rem 1rem;border-bottom:1px solid var(--border);background:var(--surface);min-height:52px}.hamburger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;padding:0;border-radius:8px;color:var(--text)}.hamburger:hover{background:var(--bg)}.hamburger svg{width:24px;height:24px}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:40;animation:overlayIn .2s ease-out}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.sidebar-drawer{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;background:var(--surface);border-right:1px solid var(--border);z-index:50;display:flex;flex-direction:column;padding:3rem 1rem 1rem;animation:drawerIn .2s ease-out;box-shadow:4px 0 20px #00000026}@keyframes drawerIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.sidebar-drawer .sidebar-logout{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border)}.sidebar-drawer a,.sidebar-drawer .sidebar-logout button{min-height:44px;padding:.6rem .75rem;border-radius:8px}.sidebar-drawer a.active{background:var(--accent);color:var(--bg);font-weight:600}@media(max-width:767px){.sidebar.desktop-only{display:none}}@media(min-width:768px){.topbar,.sidebar-overlay,.sidebar-drawer{display:none}}.meals-drag-handle:hover{color:var(--accent)}.diary-plan-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.5rem;align-items:start}.diary-plan-calendar{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem}@media(max-width:767px){.diary-plan-layout{grid-template-columns:1fr;gap:0}.diary-plan-calendar{order:-1;margin-bottom:1.5rem}.diary-plan-meals{min-width:0}.plan-repeat-until-block{flex-basis:100%;width:100%}.serving-row{margin-bottom:.75rem;padding-bottom:1rem;row-gap:.35rem}.serving-row .serving-desc{flex:0 0 100%;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.serving-row .serving-qty{margin-left:auto}}.profile-sections{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.profile-section{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.25rem}@media(min-width:768px){.profile-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}}.friends-list{display:flex;flex-direction:column;gap:1rem}.friends-table{display:none}.friend-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.friend-card-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.25rem}.friend-card-fields{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem;margin:0;font-size:.9rem}.friend-card-fields dt{margin:0;font-weight:600;color:var(--muted);font-size:.8rem}.friend-card-fields dd{margin:0}.friend-card-fields select{width:100%;min-height:38px}.friend-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.25rem;border-top:1px solid var(--border)}@media(min-width:768px){.friends-list{display:none}.friends-table{display:table}}#root .content-narrow{max-width:480px;margin:0 auto}@media(min-width:640px){#root .content-narrow{max-width:640px}}@media(min-width:768px){#root .content-narrow{max-width:none;margin:0}}