:root{--bg:#fff;--bg-2:#f7f7f5;--bg-3:#efefec;--text:#1a1a1a;--text-2:#6b6b6b;--text-3:#9b9b9b;--border:#e8e8e5;--border-2:#d5d5d1;--info-bg:#e6f1fb;--info-fg:#185fa5;--info-border:#b5d4f4;--success-bg:#e1f5ee;--success-fg:#0f6e56;--warn-bg:#faeeda;--warn-fg:#854f0b;--danger-bg:#fcebeb;--danger-fg:#a32d2d;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:22px;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}body{background:var(--bg-3);color:var(--text);font-size:14px}button,input,button{font-family:inherit}.app-shell{background:var(--bg);max-width:480px;min-height:100vh;margin:0 auto;position:relative}@media (width>=600px){.app-shell{border-radius:var(--r-xl);min-height:calc(100vh - 48px);margin-top:24px;margin-bottom:24px;overflow:hidden;box-shadow:0 10px 30px #0000000f}}.btn-primary{background:var(--info-fg);color:#fff;border-radius:var(--r-md);letter-spacing:-.2px;cursor:pointer;border:none;width:100%;height:48px;font-size:15px;font-weight:600}.btn-primary:hover{opacity:.92}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.field{margin-bottom:12px}.field label{color:var(--text-2);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.field input{border:1px solid var(--border);border-radius:var(--r-md);width:100%;height:44px;color:var(--text);background:var(--bg);padding:0 14px;font-size:14px}.field input::placeholder{color:var(--text-3)}.field input:focus{border-color:var(--info-fg);outline:none}.app-bar{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.app-bar-title{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.3px;flex:1;align-items:center;gap:6px;min-width:0;font-size:16px;font-weight:600;display:flex;overflow:hidden}.icon-btn{border-radius:var(--r-md);width:32px;height:32px;color:var(--text-2);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg-2)}.form-error{color:var(--danger-fg);background:var(--danger-bg);border-radius:var(--r-md);margin-bottom:12px;padding:8px 12px;font-size:12px}.progress{background:var(--border);border-radius:3px;height:5px;margin-top:6px;overflow:hidden}.progress-fill{background:var(--info-fg);border-radius:3px;height:100%;transition:width .15s}.progress-fill.full{background:var(--success-fg)}.progress-fill.partial{background:var(--warn-fg)}.pill{font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:3px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.pill.done{background:var(--success-bg);color:var(--success-fg)}.pill.partial{background:var(--warn-bg);color:var(--warn-fg)}.pill.zero{background:var(--bg-2);color:var(--text-3)}.app-footer{border-top:1px solid var(--border);color:var(--text-3);text-align:center;flex-direction:column;gap:6px;margin-top:28px;padding:20px 16px 28px;font-size:11.5px;display:flex}.app-footer-row{justify-content:center;gap:6px;display:inline-flex}.app-footer-row span{color:var(--text-3)}.app-footer-row a{color:var(--text-2);font-weight:500;text-decoration:none}.app-footer-row a:hover{color:var(--info-fg);text-decoration:underline}.login-body{padding:48px 24px 32px}.login-brand{text-align:center;margin-bottom:32px}.login-logo{background:var(--info-bg);border-radius:22px;justify-content:center;align-items:center;width:84px;height:84px;margin-bottom:14px;display:inline-flex;overflow:hidden}.login-logo i{color:var(--info-fg);font-size:30px}.login-logo img{object-fit:cover;width:100%;height:100%}.login-title{letter-spacing:-.3px;margin:0 0 4px;font-size:22px;font-weight:600}.login-sub{color:var(--text-2);margin:0;font-size:13px}.login-signup{text-align:center;color:var(--text-2);margin-top:22px;font-size:13px}.login-link{color:var(--info-fg);font-weight:500;text-decoration:none}.login-link:hover{text-decoration:underline}.signup-notice{background:var(--bg-2);border-radius:var(--r-md);color:var(--text-2);text-align:center;margin:14px 0 0;padding:10px 12px;font-size:11.5px;line-height:1.55}.back-to-top{border:1px solid var(--border);background:var(--bg);width:52px;height:52px;color:var(--info-fg);cursor:pointer;opacity:0;pointer-events:none;z-index:100;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:0;font-family:inherit;transition:opacity .18s,transform .18s;display:inline-flex;position:fixed;bottom:24px;left:50%;transform:translate(216px)translateY(8px);box-shadow:0 8px 20px #00000026}.back-to-top i{margin-bottom:1px;font-size:18px;line-height:1}.back-to-top span{letter-spacing:.5px;font-size:10px;font-weight:700;line-height:1}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translate(216px)translateY(0)}.back-to-top:hover{background:var(--info-bg);border-color:var(--info-border)}@media (width<=600px){.back-to-top{left:auto;right:16px;transform:translateY(8px)}.back-to-top.visible{transform:translateY(0)}}.lists-hero{background:var(--bg-2);padding:18px 20px}.lists-hero-label{color:var(--text-2);align-items:center;gap:5px;font-size:12px;display:flex}.lists-hero-label .meta{color:var(--text-3);margin-left:4px}.lists-hero-val{letter-spacing:-.5px;font-variant-numeric:tabular-nums;margin-top:4px;font-size:28px;font-weight:700}.lists-hero-meta{color:var(--text-2);gap:14px;margin-top:8px;font-size:12px;display:flex}.lists-hero-meta span{align-items:center;gap:4px;display:inline-flex}.section-h{color:var(--text-3);justify-content:space-between;padding:16px 20px 8px;font-size:12px;font-weight:500;display:flex}.summary-wrap{margin:12px 16px 0}.summary-toggle{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.summary-toggle:hover{border-color:var(--border-2)}.summary-toggle>span{align-items:center;gap:6px;display:inline-flex}.summary-panel{border:1px solid var(--border);border-radius:0 0 var(--r-md) var(--r-md);background:var(--bg-2);border-top:none;margin-top:-1px;overflow:hidden}.summary-empty{color:var(--text-3);text-align:center;padding:14px;font-size:12px}.summary-list{border-bottom:1px solid var(--border)}.summary-list:last-of-type{border-bottom:none}.summary-list-head{justify-content:space-between;align-items:baseline;padding:10px 14px 6px;font-size:12px;font-weight:600;display:flex}.summary-list-name{color:var(--text)}.summary-list-count{color:var(--text-3);font-size:11px;font-weight:400}.summary-list-total{color:var(--info-fg);font-variant-numeric:tabular-nums}.summary-items{background:var(--bg);padding:4px 0}.summary-item{justify-content:space-between;align-items:center;gap:8px;padding:6px 14px;font-size:12px;display:flex}.summary-item-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.summary-item-cat{color:var(--text-3);font-size:10.5px}.summary-item-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.summary-item-side{font-variant-numeric:tabular-nums;flex-shrink:0;align-items:baseline;gap:8px;display:flex}.summary-item-qty{color:var(--text-2);font-size:11px}.summary-item-sub{color:var(--info-fg);font-weight:600}.summary-grand{background:var(--bg);border-top:1px solid var(--border);font-variant-numeric:tabular-nums;justify-content:space-between;padding:12px 14px;font-size:13px;font-weight:700;display:flex}.list-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);margin:0 16px 10px;padding:14px 16px;transition:border-color .12s;position:relative}.list-card:hover{border-color:var(--border-2)}.list-card-link-inline{color:inherit;cursor:pointer;flex:1;min-width:0;text-decoration:none;display:inline-block}.list-card-link-inline:hover{color:var(--info-fg)}.list-card-body-link{color:inherit;cursor:pointer;text-decoration:none;display:block}.list-card-row1-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.list-card-rename{border:1px solid var(--info-fg);border-radius:var(--r-md);background:var(--bg);flex:1;height:28px;padding:0 8px;font-size:15px;font-weight:600}.list-card-rename:focus{outline:none}.card-actions{align-items:center;gap:4px;display:inline-flex}.card-action-btn{border:1px solid var(--border);background:var(--bg);border-radius:var(--r-md);height:26px;color:var(--text-2);cursor:pointer;align-items:center;gap:3px;padding:0 8px;font-family:inherit;font-size:11.5px;font-weight:500;display:inline-flex}.card-action-btn i{font-size:12px}.card-action-btn:hover{background:var(--bg-2);border-color:var(--border-2);color:var(--text)}.card-action-btn.danger{color:var(--danger-fg);border-color:var(--danger-bg)}.card-action-btn.danger:hover{background:var(--danger-bg);border-color:var(--danger-fg)}.list-card.empty{border-style:dashed}.list-card-row1{justify-content:space-between;align-items:baseline;display:flex}.list-card-name{letter-spacing:-.2px;font-size:15px;font-weight:600}.list-card-date{color:var(--text-3);font-size:11px}.list-card-total{font-variant-numeric:tabular-nums;letter-spacing:-.3px;margin-top:8px;font-size:20px;font-weight:600}.list-card-total.zero{color:var(--text-3)}.list-card-meta{color:var(--text-2);margin-top:2px;font-size:12px}.list-card-pills{gap:6px;margin-top:12px;display:flex}.list-add{border:1.5px dashed var(--border-2);border-radius:var(--r-lg);color:var(--info-fg);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;width:calc(100% - 32px);margin:12px 16px 20px;padding:18px;font-size:14px;font-weight:500;display:flex}.list-add:hover{background:var(--info-bg)}.list-add-form{border:1.5px dashed var(--border-2);border-radius:var(--r-lg);background:var(--bg);flex-direction:column;gap:10px;margin:12px 16px 20px;padding:16px;display:flex}.add-row{flex-direction:column;gap:6px;display:flex}.add-label{color:var(--text-2);font-size:12px;font-weight:500}.list-add-form input{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);width:100%;height:40px;padding:0 12px;font-size:14px}.list-add-form input:focus{border-color:var(--info-fg);outline:none}.tpl-chips{flex-wrap:wrap;gap:6px;display:flex}.tpl-chip{border:1px solid var(--border);background:var(--bg);color:var(--text-2);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:500}.tpl-chip:hover{border-color:var(--border-2)}.tpl-chip.active{background:var(--info-bg);border-color:var(--info-border);color:var(--info-fg)}.add-hint{color:var(--info-fg);background:var(--info-bg);border-radius:var(--r-md);padding:6px 10px;font-size:11.5px}.add-actions{gap:6px;margin-top:4px;display:flex}.list-add-form .btn-primary{flex:1}.app-bar-right{align-items:center;gap:8px;display:flex}.app-bar-user{color:var(--text-2);align-items:center;gap:4px;font-size:12px;font-weight:500;display:inline-flex}.logout-btn{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-md);height:32px;color:var(--text);cursor:pointer;align-items:center;gap:4px;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.logout-btn:hover{background:var(--bg-3);border-color:var(--border-2)}.detail-app-bar{padding:10px 12px}.detail-back{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.back-btn{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-md);height:34px;color:var(--text);cursor:pointer;flex-shrink:0;align-items:center;gap:4px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.back-btn:hover{background:var(--bg-3);border-color:var(--border-2)}.detail-actions{flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.purchased-wrap{margin:0 16px 12px}.purchased-wrap .summary-toggle:disabled{opacity:.5;cursor:not-allowed}.purchased-count{color:var(--text-2);margin-left:2px;font-weight:500}.empty-list-cta{border:1.5px dashed var(--border-2);border-radius:var(--r-lg);background:var(--bg-2);flex-direction:column;align-items:center;gap:16px;margin:8px 16px 24px;padding:28px 20px;display:flex}.empty-list-msg{text-align:center}.empty-list-msg p{color:var(--text);margin:4px 0 0;font-size:13px;font-weight:500}.empty-list-sub{color:var(--text-3)!important;font-size:12px!important;font-weight:400!important}.empty-list-cta .btn-primary{align-items:center;gap:6px;width:auto;height:42px;padding:0 20px;display:inline-flex}.cat-delete-btn{flex-shrink:0}.cat-delete-btn i{font-size:12px}.item-delete-btn{border:1px solid var(--danger-bg);background:var(--bg);border-radius:var(--r-md);width:28px;height:28px;color:var(--danger-fg);cursor:pointer;justify-content:center;align-items:center;margin-left:2px;font-family:inherit;display:inline-flex}.item-delete-btn:hover{background:var(--danger-bg);border-color:var(--danger-fg)}.item-delete-btn i{font-size:13px}.list-switcher-wrap{flex:1;min-width:0;position:relative}.list-switcher{border-radius:var(--r-md);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:4px;max-width:100%;padding:4px 8px;font-family:inherit;display:inline-flex}.list-switcher:hover{background:var(--bg-2);border-color:var(--border)}.list-switcher-name{letter-spacing:-.2px;color:var(--text);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:16px;font-weight:600;overflow:hidden}.list-switcher i{color:var(--text-2);flex-shrink:0;font-size:16px}.list-switcher-menu{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);z-index:50;min-width:220px;max-height:320px;padding:4px 0;position:absolute;top:38px;left:0;overflow-y:auto;box-shadow:0 12px 24px #0000001a}.list-switcher-header{color:var(--text-3);letter-spacing:.3px;text-transform:uppercase;border-bottom:1px solid var(--border);padding:8px 14px;font-size:11px;font-weight:600}.list-switcher-item{width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-family:inherit;font-size:13px;display:flex}.list-switcher-item:hover{background:var(--bg-2)}.list-switcher-item.current{color:var(--info-fg);background:var(--info-bg);font-weight:600}.list-switcher-item-name{text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.detail-name-input{border:1px solid var(--info-fg);border-radius:var(--r-md);background:var(--bg);flex:1;padding:6px 8px;font-size:16px;font-weight:600}.detail-name-input:focus{outline:none}.detail-total{padding:16px 20px}.detail-total-row{justify-content:space-between;align-items:baseline;display:flex}.detail-total-label{color:var(--text-2);align-items:center;gap:4px;font-size:12px;display:inline-flex}.detail-total-val{letter-spacing:-.4px;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.bonus-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.bonus-card{background:var(--bg-2);border-radius:var(--r-md);padding:12px}.bonus-label{color:var(--text-2);align-items:center;gap:4px;font-size:11px;display:flex}.bonus-val{font-variant-numeric:tabular-nums;margin-top:2px;font-size:15px;font-weight:600}.bonus-val.done{color:var(--success-fg)}.bonus-val.partial{color:var(--warn-fg)}.detail-tools{gap:8px;padding:0 16px 10px;display:flex}.detail-search{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);height:36px;color:var(--text);flex:1;padding:0 12px;font-size:13px}.detail-search:focus{border-color:var(--info-fg);outline:none}.detail-search::placeholder{color:var(--text-3)}.detail-expand-btn{border:1px solid var(--border);background:var(--bg);border-radius:var(--r-md);height:36px;color:var(--text);cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.detail-expand-btn:hover{background:var(--bg-2);border-color:var(--border-2)}.detail-filters{flex-direction:column;gap:8px;padding:0 16px 12px;display:flex}.filter-row{align-items:center;gap:10px;min-width:0;display:flex}.filter-label{color:var(--text-3);letter-spacing:.3px;text-align:right;flex-shrink:0;width:44px;font-size:11px;font-weight:600}.filter-row .detail-chips{padding:0}.detail-chips{scrollbar-width:none;flex:1;gap:6px;min-width:0;padding:0 16px 12px;display:flex;overflow-x:auto}.detail-chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--border);background:var(--bg);cursor:pointer;color:var(--text-2);white-space:nowrap;border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:500}.chip.active{background:var(--info-bg);border-color:var(--info-border);color:var(--info-fg)}.cat{border-top:1px solid var(--border)}.cat-head{cursor:pointer;background:var(--bg);justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.cat-head:hover{background:var(--bg-2)}.cat-title{flex:1;align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:600;display:flex}.cat-note{color:var(--text-3);font-size:11px;font-weight:400}.cat-meta-row{align-items:center;gap:6px;display:flex}.cat-meta{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:500}.cat-body{background:var(--bg-2)}.item{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:8px;padding:10px 16px;display:grid}.item:last-child{border-bottom:none}.item.has-qty{background:var(--info-bg)}.item-info{min-width:0}.item-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.item-meta{color:var(--text-3);font-variant-numeric:tabular-nums;margin-top:3px;font-size:11.5px}.item-meta .subtotal{color:var(--info-fg);font-weight:600}.badge-new{background:var(--danger-bg);color:var(--danger-fg);vertical-align:1px;letter-spacing:.3px;border-radius:4px;margin-left:4px;padding:1px 5px;font-size:10px;font-weight:600}.qty-ctrl{align-items:center;gap:3px;display:flex}.qty-btn{border:1px solid var(--border);background:var(--bg);border-radius:var(--r-md);width:30px;height:30px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;padding:0;font-size:16px;display:inline-flex}.qty-btn:hover:not(:disabled){background:var(--bg-2)}.qty-btn:disabled{opacity:.4;cursor:not-allowed}.qty-input{border:1px solid var(--border);border-radius:var(--r-md);text-align:center;background:var(--bg);width:42px;height:30px;color:var(--text);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.qty-input:focus{border-color:var(--info-fg);outline:none}.add-item-btn{width:100%;color:var(--info-fg);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:4px;padding:10px 16px;font-size:13px;display:flex}.add-item-btn:hover{background:var(--info-bg)}.add-item-form{background:var(--bg);border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.add-item-form input[type=text],.add-item-form input[type=number],.add-item-form input:not([type]){border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);height:36px;padding:0 10px;font-size:13px}.add-item-form input:focus{border-color:var(--info-fg);outline:none}.add-item-new{color:var(--text-2);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.add-item-actions{align-items:center;gap:6px;display:flex}.add-item-actions .btn-primary{flex:1;width:auto;padding:0 16px}.add-cat-form{border:1.5px dashed var(--border-2);border-radius:var(--r-lg);flex-direction:column;gap:8px;margin:12px 16px 20px;padding:14px;display:flex}.add-cat-form input{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);height:38px;padding:0 12px;font-size:13px}.add-cat-form input:focus{border-color:var(--info-fg);outline:none}