:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Manrope,system-ui,sans-serif}body{min-width:320px;min-height:100svh;margin:0}button,input{font-family:inherit}.app-shell{box-sizing:border-box;place-items:center;min-height:100svh;padding:24px;display:grid}.auth-panel{flex-direction:column;gap:14px;width:100%;max-width:420px;display:flex}.auth-panel h1{margin:0 0 8px;font-size:30px;font-weight:650}.auth-panel label{font-size:14px;font-weight:600}.auth-panel input{box-sizing:border-box;width:100%;min-height:48px;font:inherit;color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px}.auth-panel button{min-height:44px;font:inherit;cursor:pointer;color:#fff;background:#087ea4;border:0;border-radius:8px;padding:9px 14px;font-weight:600}.auth-panel button:disabled{cursor:default;opacity:.55}.auth-panel .secondary-button{color:#087ea4;background:0 0}.secondary{color:#64748b;margin:0 0 6px}.signed-in{margin:0;font-size:14px}.message{color:#b42318;margin:4px 0 0;font-size:14px}.online-lists{flex-direction:column;gap:10px;display:flex}.online-lists-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.online-lists-actions{align-items:center;gap:6px;display:flex}.new-list-form{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid}.auth-panel .new-list-form select{box-sizing:border-box;color:#111827;min-height:48px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px}.auth-panel .new-list-form button{min-height:48px}@media (width<=520px){.new-list-form{grid-template-columns:1fr}.online-lists-actions{flex-wrap:wrap;justify-content:flex-end}}.online-lists-heading h2{margin:0;font-size:18px}.auth-panel .compact-button{width:auto;min-height:36px;padding:6px 10px}.online-list-rows{flex-direction:column;gap:8px;display:flex}.auth-panel .online-list-row{color:#111827;text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:12px;display:flex}.auth-panel .online-list-row:hover{background:#f8fafc;border-color:#94a3b8}.online-list-row>div{flex-direction:column;gap:2px;display:flex}.online-list-row strong{font-size:16px}.online-list-row span{color:#64748b;font-size:13px}.list-role{white-space:nowrap}.list-panel{max-width:560px}.list-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.app-brand{color:#087ea4;margin:0 0 2px;font-size:14px;font-weight:650}.list-name-with-status{align-items:center;gap:6px;display:inline-flex}.online-list-status{color:#64748b;flex:0 0 14px;width:14px;height:14px;display:inline-flex}.online-list-status svg{width:100%;height:100%}.list-header h1{margin-bottom:2px}.auth-panel .list-name-button{min-height:0;color:inherit;font-size:inherit;font-weight:inherit;text-align:left;background:0 0;border-radius:0;padding:0}.auth-panel .list-name-button:hover{color:#087ea4;background:0 0}.auth-panel .list-name-edit{width:min(360px,60vw);min-height:0;font-size:inherit;font-weight:inherit;line-height:inherit;border-radius:4px;padding:2px 4px}.item-heading-row{border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;min-height:36px;font-size:12px;font-weight:600;display:flex}.item-heading-quantity{text-align:right;flex:0 0 36px;width:36px}.item-heading-description{flex:1}.auth-panel .item-delete-all-button{color:#087ea4;flex:none;min-height:0;padding:4px 8px;font-size:12px}.item-rows{flex-direction:column;display:flex}.item-row{border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;min-height:44px;display:flex}.item-check{text-align:center;flex:0 0 20px;width:20px;font-weight:700}.item-quantity{color:#64748b;text-align:right;flex:0 0 36px;width:36px}.item-description{flex:1}.item-row.completed .item-description{color:#64748b;text-decoration:line-through}.auth-panel .item-check-button{color:#fff;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:5px;flex:0 0 28px;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;min-height:28px;padding:0;line-height:1;display:flex}.auth-panel .item-check-button.checked{background:#087ea4;border-color:#087ea4}.auth-panel .item-check-button:hover{background:#e8f4f8;border-color:#087ea4}.auth-panel .item-check-button.checked:hover{background:#076f91}.item-entry-form{align-items:center;gap:10px;display:flex}.auth-panel .item-entry-quantity{text-align:right;flex:0 0 64px;width:64px}.auth-panel .item-entry-description{flex:1;min-width:0}.auth-panel .item-entry-add{flex:none;width:auto;min-height:48px}.auth-panel .item-description-button{min-width:0;min-height:0;color:inherit;font-weight:inherit;text-align:left;background:0 0;border-radius:0;flex:1;padding:0}.auth-panel .item-description-button:hover{color:#087ea4;background:0 0}.auth-panel .item-edit-quantity{text-align:right;flex:0 0 64px;width:64px}.auth-panel .item-edit-description{flex:1;min-width:0}.auth-panel .item-edit-action{flex:none}.auth-panel .item-quantity-button{color:#64748b;min-height:0;font-weight:inherit;text-align:right;background:0 0;border-radius:0;padding:0}.auth-panel .item-quantity-button:hover{color:#087ea4;background:0 0}.auth-panel .item-delete-button{color:#087ea4;flex:none;min-height:0;padding:4px 8px;font-size:12px}