: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}.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-heading h2{margin:0;font-size:18px}.auth-panel .compact-button{width:auto;min-height:36px;padding:6px 10px}.online-list-rows{border-top:1px solid #e2e8f0;flex-direction:column;display:flex}.online-list-row{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #e2e8f0;border-radius:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.online-list-row:hover{background:#f8fafc}.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}.list-header h1{margin-bottom:2px}.item-rows{border-top:1px solid #e2e8f0;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}