:root{--bg:#f8fafc;--surface:#fff;--text:#334155;--text-muted:#64748b;--text-strong:#0f172a;--border:#dbe4f0;--accent:#2563eb;--accent-secondary:#3b82f6;--accent-strong:#1d4ed8;--accent-soft:#dbeafe;--success:#22c55e;--error:#ef4444;--focus:#2563eb3d;--shadow:0 14px 34px #0f172a14;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--bg);font:16px/1.45 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:linear-gradient(180deg, #dbeafee6, #f8fafc00 240px), var(--bg);min-width:320px;min-height:100svh;margin:0}button,input,select{font:inherit}h1,h2,p{margin:0}h1,h2{color:var(--text-strong);line-height:1.12}h1{font-size:2rem}h2{font-size:1.08rem}#root{min-height:100svh}.app-shell{box-sizing:border-box;width:min(100%,480px);margin:0 auto;padding:24px 18px 112px}.login-shell{place-items:center;min-height:100svh;padding:24px 18px;display:grid}.login-card{border:1px solid var(--border);background:var(--surface);width:min(100%,420px);box-shadow:var(--shadow);border-radius:24px;gap:24px;padding:24px;display:grid}.login-brand{align-items:center;gap:14px;display:flex}.login-brand__mark{background:linear-gradient(135deg, var(--accent), var(--accent-secondary));color:#fff;border-radius:18px;flex:none;place-items:center;width:52px;height:52px;font-weight:900;display:grid}.login-form{gap:14px;display:grid}.login-form label{color:var(--text-strong);gap:6px;font-size:.9rem;font-weight:700;display:grid}.login-feedback{border-radius:14px;padding:12px;font-size:.92rem}.login-feedback--error{color:#b91c1c;background:#ef444414;border:1px solid #ef444438}.login-feedback--success{color:#15803d;background:#22c55e1a;border:1px solid #22c55e42}.login-actions{flex-wrap:wrap;justify-content:center;gap:8px 16px;display:flex}.login-actions button{min-height:38px;color:var(--accent-strong);font:inherit;cursor:pointer;background:0 0;border:0;font-weight:800}.loading-message{color:var(--text-muted);font-weight:700}.home-header,.top-bar{flex-direction:column;gap:8px;margin-bottom:22px;display:flex}.home-header__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.logout-button{background:var(--surface);min-height:36px;color:var(--accent-strong);font:inherit;cursor:pointer;border:1px solid #2563eb29;border-radius:999px;padding:0 12px;font-size:.86rem;font-weight:800}.list-title-view{gap:10px;display:grid}.list-title-view .app-button{justify-self:start;min-height:38px}.list-title-form{gap:10px;margin-top:8px;display:grid}.list-title-form__actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.home-header__subtitle,.muted,.empty-state{color:var(--text-muted)}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.list-summary,.add-item-panel,.add-item-form,.shopping-section,.empty-panel,.history-list__item{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:18px}.list-summary{flex-direction:column;gap:22px;padding:18px;display:flex}.list-summary__footer{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;font-size:.92rem;display:flex}.home-actions{gap:10px;margin-top:18px;display:grid}.history-list{gap:10px;display:grid}.history-list__item{grid-template-columns:1fr auto;align-items:center;gap:12px;width:100%;padding:16px;display:grid}.history-list__open{min-width:0;color:var(--text-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0;display:flex}.history-list__open span{gap:4px;min-width:0;display:grid}.history-list__open strong{color:var(--text-strong);word-break:break-word}.history-list__open small{color:var(--text-muted);font-size:.84rem}.history-list__delete{color:#b91c1c;min-height:36px;font:inherit;cursor:pointer;background:#ef444414;border:1px solid #ef44443d;border-radius:999px;padding:0 12px;font-size:.82rem;font-weight:800}.history-list__delete:disabled{cursor:not-allowed;opacity:.7}.history-list__item--active{background:var(--accent-soft);border-color:#2563eb57}.app-error{color:#b91c1c;background:#ef444414;border:1px solid #ef444438;border-radius:14px;margin-bottom:14px;padding:12px;font-size:.92rem}.empty-panel{gap:12px;padding:18px;display:grid}.empty-panel p{color:var(--text-muted)}.app-button{min-height:44px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:14px;padding:0 16px;font-weight:700;transition:background .2s,border-color .2s,color .2s}.app-button:disabled,.login-actions button:disabled{cursor:not-allowed;opacity:.7}.app-button:focus-visible,.add-item-toggle:focus-visible,.bottom-bar__item:focus-visible,.history-list__delete:focus-visible,.history-list__open:focus-visible,.login-actions button:focus-visible,.logout-button:focus-visible,.shopping-item__actions button:focus-visible,.shopping-item__price-form button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.app-button--primary{background:linear-gradient(135deg, var(--accent), var(--accent-secondary));color:#fff}.app-button--primary:hover{background:var(--accent-strong)}.app-button--secondary{background:var(--accent-soft);color:var(--accent-strong);border-color:#2563eb1f}.app-button--secondary:hover{border-color:var(--accent-secondary)}.app-button--ghost{min-height:38px;color:var(--accent-strong);background:0 0;align-self:flex-start;padding-inline:0}.add-item-panel{margin-bottom:18px;padding:12px}.add-item-toggle{background:var(--accent-soft);width:100%;min-height:48px;color:var(--accent-strong);font:inherit;cursor:pointer;border:1px solid #2563eb1f;border-radius:16px;justify-content:center;align-items:center;gap:10px;font-weight:900;display:flex}.add-item-toggle span{background:var(--accent);color:#fff;border-radius:999px;place-items:center;width:28px;height:28px;font-size:1.35rem;line-height:1;display:grid}.add-item-form{box-shadow:none;background:0 0;border:0;border-radius:0;gap:14px;padding-top:14px;display:grid}.add-item-form label{color:var(--text-strong);gap:6px;font-size:.9rem;font-weight:700;display:grid}input,select{border:1px solid var(--border);box-sizing:border-box;background:var(--surface);min-height:44px;color:var(--text-strong);font:inherit;border-radius:14px;padding:0 12px}input:invalid{border-color:var(--error)}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-grid label:last-child{grid-column:1/-1}.shopping-section{margin-top:14px;padding:16px}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-title span{background:var(--accent-soft);min-width:28px;height:28px;color:var(--accent-strong);border-radius:999px;place-items:center;font-size:.85rem;font-weight:800;display:inline-grid}.shopping-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.shopping-item{border:1px solid var(--border);background:var(--surface);border-radius:16px;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:48px;padding:7px 8px;display:grid}.shopping-item--checked{background:#22c55e14;border-color:#22c55e57}.shopping-item__check{border:2px solid var(--accent);background:var(--surface);width:30px;height:30px;color:var(--accent-strong);cursor:pointer;border-radius:999px;font-size:.7rem;font-weight:900}.shopping-item--checked .shopping-item__check{border-color:var(--success);background:var(--success);color:#fff}.shopping-item--checked .shopping-item__content strong{color:var(--text-muted);text-decoration:line-through}.shopping-item__content{display:contents}.shopping-item__content strong{min-width:0;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shopping-item__meta{white-space:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.shopping-item__meta span,.shopping-item__content span{color:var(--text-muted);flex:none;font-size:.92rem}.shopping-item__actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.shopping-item__actions button,.shopping-item__price-form button{background:var(--accent-soft);width:30px;min-width:30px;min-height:30px;color:var(--accent-strong);font:inherit;cursor:pointer;border:1px solid #2563eb1f;border-radius:999px;place-items:center;padding:0;display:grid}.shopping-item__edit svg{display:block}.shopping-item__delete{place-items:center;display:grid;position:relative;color:#b91c1c!important;background:#ef444414!important;border-color:#ef44443d!important;padding:0!important}.shopping-item__delete span,.shopping-item__delete span:before,.shopping-item__delete span:after{border-color:currentColor;display:block}.shopping-item__delete span{border:2px solid;border-top:0;border-radius:0 0 3px 3px;width:11px;height:12px;position:relative}.shopping-item__delete span:before,.shopping-item__delete span:after{content:"";position:absolute}.shopping-item__delete span:before{border-top:2px solid;width:14px;top:-5px;left:-3px}.shopping-item__delete span:after{border-top:2px solid;width:6px;top:-8px;left:2px}.shopping-item__price-form{grid-column:3/-1;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;display:grid}.shopping-item__price-form input{border-radius:999px;min-height:32px}.shopping-item__save-icon{border-bottom:2px solid;border-left:2px solid;width:13px;height:8px;transform:rotate(-45deg)translateY(-1px)}.shopping-item__cancel-icon{width:14px;height:14px;position:relative}.shopping-item__cancel-icon:before,.shopping-item__cancel-icon:after{content:"";border-top:2px solid;width:12px;position:absolute;top:6px;left:1px}.shopping-item__cancel-icon:before{transform:rotate(45deg)}.shopping-item__cancel-icon:after{transform:rotate(-45deg)}.empty-state{padding:10px 0}.bottom-bar{z-index:10;border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border-radius:22px;grid-template-columns:repeat(3,minmax(88px,1fr));justify-content:center;gap:6px;width:min(100% - 24px,456px);margin:0 auto;padding:8px;display:grid;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 18px 38px #0f172a29}.bottom-bar__item{min-height:54px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:16px;place-items:center;gap:4px;font-size:.78rem;font-weight:800;display:grid}.bottom-bar__item--active{background:var(--accent-soft);color:var(--accent-strong)}.bottom-bar__icon{color:currentColor;width:22px;height:22px;display:block;position:relative}.bottom-bar__icon:before,.bottom-bar__icon:after{content:"";border-color:currentColor;position:absolute}.bottom-bar__icon--home:before{border:2px solid;border-radius:4px;inset:8px 4px 3px}.bottom-bar__icon--home:after{border-top:2px solid;border-left:2px solid;width:10px;height:10px;top:3px;left:5px;transform:rotate(45deg)}.bottom-bar__icon--list:before{border:2px solid;border-radius:5px;inset:3px 4px}.bottom-bar__icon--list:after{border-top:2px solid;border-bottom:2px solid;width:8px;height:6px;top:8px;left:8px}.bottom-bar__icon--history:before{border:2px solid;border-radius:50%;inset:3px}.bottom-bar__icon--history:after{border-bottom:2px solid;border-left:2px solid;width:5px;height:6px;top:6px;left:10px}@media (width>=720px){.app-shell{padding-top:40px}}