:root{--tl-blue:#1677ff;--bg:#f7f9fc}body{background:var(--bg);color:#132238;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-shell{max-width:620px;min-height:100vh}.auth-wrap{max-width:440px;margin:7vh auto}.brand{font-size:2.2rem;font-weight:800;letter-spacing:-1.5px}.brand span{color:var(--tl-blue)}.brand-sm{font-size:1.45rem}.brand-icon{width:76px;height:76px;border-radius:20px}.card{background:#fff}.add-round{width:44px;height:44px}.list-card{display:flex;align-items:center;justify-content:space-between;padding:18px;border-radius:18px;text-decoration:none;color:inherit}.list-card strong{display:block;font-size:1.05rem}.list-card small{display:block;color:#617084;margin-top:2px}.theme-blue{--theme:#1677ff;--theme-bg:#e8f2ff}.theme-green{--theme:#19a34a;--theme-bg:#e8f8ed}.theme-orange{--theme:#f06b18;--theme-bg:#fff0e4}.theme-purple{--theme:#7a3dd0;--theme-bg:#f1e9ff}.theme-pink{--theme:#d94882;--theme-bg:#fdeaf2}.theme-teal{--theme:#0d9488;--theme-bg:#e4f7f5}.list-card{background:var(--theme-bg);border:1px solid color-mix(in srgb,var(--theme) 14%,white)}.list-card strong,.list-card>i{color:var(--theme)}.color-picker{display:flex;gap:14px}.color-dot input{display:none}.color-dot span,.theme-dot{display:block;width:30px;height:30px;border-radius:50%;background:var(--theme)}.color-dot input:checked+span{outline:3px solid var(--theme);outline-offset:3px}.theme-dot{width:12px;height:12px}.section-label{display:flex;justify-content:space-between;padding:8px 4px;font-weight:700}.section-label small{font-weight:500;color:#68778a}.item-row{display:flex;align-items:center;background:white;border-bottom:1px solid #edf0f4;padding:13px 8px}.item-row:first-of-type{border-radius:14px 14px 0 0}.item-row:last-of-type{border-radius:0 0 14px 14px}.check-btn,.info-btn{border:0;background:transparent;font-size:1.3rem;color:#7a8797;padding:6px 10px}.check-btn{color:var(--tl-blue)}.item-text{flex:1;min-width:0}.item-text strong,.item-text small{display:block}.item-text small{color:#6c7888;margin-top:2px}.checked .item-text strong{text-decoration:line-through;color:#7c8794}.code-input{text-align:center;font-size:2rem;letter-spacing:.55rem;font-weight:700}.note-text{white-space:normal}.quick-add details summary{cursor:pointer}@media(min-width:768px){.app-shell{padding-top:32px!important}}
.item-color-picker{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:4px 2px}.item-color-choice input{display:none}.item-color-choice span{display:block;width:28px;height:28px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #ccd4df}.item-color-choice input:checked+span{outline:3px solid #24364b;outline-offset:2px}.item-color-none span{background:linear-gradient(135deg,#fff 43%,#aab4c0 45%,#aab4c0 55%,#fff 57%)}.item-color-blue span,.item-color-bar.item-color-blue{background:#bfe1ff}.item-color-green span,.item-color-bar.item-color-green{background:#bfe8c8}.item-color-red span,.item-color-bar.item-color-red{background:#ffc8c8}.item-color-yellow span,.item-color-bar.item-color-yellow{background:#ffe79a}.item-color-orange span,.item-color-bar.item-color-orange{background:#ffd0aa}.item-color-purple span,.item-color-bar.item-color-purple{background:#d9c6ff}.item-color-bar.item-color-none{background:#e9edf2}.swipe-item{position:relative;overflow:hidden;padding:0;touch-action:pan-y}.swipe-bg{position:absolute;inset:0;display:flex;align-items:center;gap:7px;padding-left:18px;background:#dff5e6;color:#167c3a;font-weight:700}.item-content{position:relative;z-index:1;width:100%;display:flex;align-items:center;background:#fff;padding:13px 8px;transition:transform .16s ease}.item-color-bar{width:5px;align-self:stretch;border-radius:5px;margin-right:2px}.edit-item-btn{border:0;background:transparent;text-align:left;padding:0 6px;color:inherit}.checked .item-content{background:#fff}.swipe-item.swiping .item-content{transition:none}

/* v2.1 compact mobile item rows */
.item-row{min-height:54px}
.item-content{min-height:54px;padding:6px 6px 6px 0;gap:0}
.item-color-bar{width:5px;min-width:5px;margin:0 5px 0 0;border-radius:0 4px 4px 0}
.toggle-form{flex:0 0 auto;margin:0}
.check-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;font-size:1.35rem}
.item-text{display:flex;align-items:baseline;gap:7px;flex:1;min-width:0;overflow:hidden;white-space:nowrap;padding:8px 4px!important}
.item-name{font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.item-quantity{font-size:.88rem;font-weight:400;color:#6c7888;white-space:nowrap;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis}
.item-separator{margin-right:7px;color:#a0a9b5}
.item-actions{display:flex;align-items:center;flex:0 0 auto}
.info-btn{display:flex;align-items:center;justify-content:center;width:38px;height:44px;padding:0;font-size:1.18rem}
.checked .item-name{text-decoration:line-through;color:#7c8794}
.checked .item-quantity{color:#929ba7}
.swipe-bg{visibility:hidden}
.swipe-item[data-swipe-enabled="1"] .swipe-bg{visibility:visible}
@media(max-width:380px){.item-actions .info-btn{width:34px}.item-text{gap:5px}.item-separator{margin-right:5px}}