@media (prefers-color-scheme:dark){:root{--bg-primary:#1c1c1a;--bg-secondary:#252523;--bg-tertiary:#2e2e2b;--text-primary:#e8e6de;--text-secondary:#a8a69e;--text-tertiary:#6e6c65;--border-tertiary:#ffffff14;--border-secondary:#ffffff26;--purple-50:#26215c;--green-50:#1a320a;--green-200:#365a15;--green-600:#8ce145;--amber-50:#412402;--amber-600:#ffb347;--red-50:#501313;--red-600:#ff8c8c;--background:224 30% 12%;--foreground:220 20% 96%;--card:60 7% 11%;--card-foreground:220 20% 96%;--popover:224 30% 12%;--popover-foreground:220 20% 96%;--primary:245 70% 62%;--primary-foreground:0 0% 100%;--secondary:224 20% 20%;--secondary-foreground:220 15% 94%;--muted:224 20% 20%;--muted-foreground:220 10% 65%;--accent:258 80% 66%;--accent-foreground:0 0% 100%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:60 4% 30%;--input:224 20% 20%;--ring:245 70% 62%}}@keyframes scanAnim{0%{opacity:1;top:0}90%{opacity:1;top:100%}to{opacity:0;top:100%}}.ct-c2,.ct-c3{text-align:right;flex:1.4}.text-destructive,.hover\:text-destructive:hover{color:hsl(var(--destructive))}@media (width<=420px){body{padding:0}.phone{width:100vw;height:100dvh;box-shadow:none;border:none;border-radius:0}}:root{--purple-50:#eeedfe;--purple-200:#afa9ec;--purple-400:#7f77dd;--purple-600:#534ab7;--purple-800:#3c3489;--green-50:#eaf3de;--green-200:#c0dd97;--green-600:#3b6d11;--green-800:#27500a;--amber-50:#faeeda;--amber-600:#854f0b;--red-50:#fcebeb;--red-600:#a32d2d;--bg-primary:#fff;--bg-secondary:#f5f4f0;--bg-tertiary:#efefeb;--text-primary:#0a0a09;--text-secondary:#454440;--text-tertiary:#75736c;--border-tertiary:#0000001f;--border-secondary:#00000038;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--font-heading:"DM Sans", sans-serif;--font-body:"Inter", sans-serif;--background:220 20% 96%;--foreground:224 30% 12%;--card:0 0% 100%;--card-foreground:224 30% 12%;--popover:0 0% 100%;--popover-foreground:224 30% 12%;--primary:245 70% 62%;--primary-foreground:0 0% 100%;--secondary:220 15% 94%;--secondary-foreground:224 20% 20%;--muted:220 15% 94%;--muted-foreground:220 10% 40%;--accent:258 80% 66%;--accent-foreground:0 0% 100%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:220 15% 91%;--input:220 15% 91%;--ring:245 70% 62%;--chart-1:245 70% 62%;--chart-2:258 80% 66%;--chart-3:200 70% 50%;--chart-4:280 60% 55%;--chart-5:340 70% 55%;--radius:1rem}@media (prefers-color-scheme:dark){:root{--bg-primary:#1c1c1a;--bg-secondary:#252523;--bg-tertiary:#2e2e2b;--text-primary:#e8e6de;--text-secondary:#a8a69e;--text-tertiary:#6e6c65;--border-tertiary:#ffffff14;--border-secondary:#ffffff26;--purple-50:#26215c;--green-50:#1a320a;--green-200:#365a15;--green-600:#8ce145;--amber-50:#412402;--amber-600:#ffb347;--red-50:#501313;--red-600:#ff8c8c;--background:224 30% 12%;--foreground:220 20% 96%;--card:60 7% 11%;--card-foreground:220 20% 96%;--popover:224 30% 12%;--popover-foreground:220 20% 96%;--primary:245 70% 62%;--primary-foreground:0 0% 100%;--secondary:224 20% 20%;--secondary-foreground:220 15% 94%;--muted:224 20% 20%;--muted-foreground:220 10% 65%;--accent:258 80% 66%;--accent-foreground:0 0% 100%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:60 4% 30%;--input:224 20% 20%;--ring:245 70% 62%}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-tertiary);min-height:100vh;color:var(--text-primary);justify-content:center;align-items:flex-start;padding:24px 16px 40px;display:flex}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none}.phone-wrap{justify-content:center;display:flex}.phone{background:var(--bg-primary);border:1.5px solid var(--border-secondary);width:375px;height:780px;box-shadow:0 0 0 7px var(--bg-secondary), 0 24px 48px #0000001f;border-radius:44px;flex-direction:column;display:flex;position:relative;overflow:hidden}.status-bar{color:var(--text-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 22px 6px;font-size:11px;font-weight:500;display:flex}.status-app-name{color:var(--purple-600);letter-spacing:-.2px;font-size:13px;font-weight:600}.screen-area{scrollbar-width:none;flex-direction:column;flex:1;display:flex;overflow:hidden auto}.screen-area::-webkit-scrollbar{display:none}.screen-content{flex-direction:column;flex:1;display:flex}.bottom-nav{z-index:50;border-top:.5px solid var(--border-tertiary);background:var(--bg-primary);flex-shrink:0;padding:8px 0 12px;display:flex;position:relative}.nav-item{background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:4px 0;display:flex}.nav-label{color:var(--text-tertiary);font-size:10px;font-weight:400}.nav-label-active{color:var(--purple-600);font-weight:500}.nav-scan-btn{flex-direction:column;flex:1;align-items:center;gap:3px;padding:0;display:flex}.scan-nav-circle{z-index:60;background:var(--purple-600);border:3px solid var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-top:-18px;display:flex;position:relative;box-shadow:0 4px 12px #534ab74d}.nav-scan-label{color:var(--text-tertiary);margin-top:2px;font-size:10px}.screen-header{justify-content:space-between;align-items:center;padding:14px 20px 10px;display:flex}.header-title{color:var(--text-primary);letter-spacing:-.4px;font-size:21px;font-weight:600}.header-sub{color:var(--text-secondary);margin-top:1px;font-size:13px}.avatar{background:var(--purple-50);width:36px;height:36px;color:var(--purple-600);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.link-label{color:var(--purple-600);cursor:pointer;font-size:13px;font-weight:500}.back-btn{color:var(--text-secondary);padding:0;font-size:13px}.review-title{color:var(--text-primary);font-size:15px;font-weight:500}.section-title{color:var(--text-primary);margin-bottom:10px;padding:0 20px;font-size:14px;font-weight:500}.metric-row{gap:10px;margin-bottom:18px;padding:0 20px;display:flex}.metric-card{background:var(--bg-secondary);border-radius:var(--radius-lg);flex:1;padding:12px 14px}.metric-label{color:var(--text-secondary);margin-bottom:4px;font-size:11px}.metric-value{color:var(--text-primary);letter-spacing:-.5px;font-size:21px;font-weight:600}.metric-delta{margin-top:3px;font-size:11px}.delta-up{color:var(--red-600)}.delta-down{color:var(--green-600)}.delta-neutral{color:var(--text-tertiary)}.bar-chart-wrap{margin-bottom:20px;padding:0 20px}.bar-chart{align-items:flex-end;gap:6px;height:80px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.bar{background:var(--purple-200);border-radius:4px 4px 0 0;width:100%;min-height:4px;transition:height .3s}.bar-highlight{background:var(--purple-600)}.bar-label{color:var(--text-tertiary);font-size:10px}.card{background:var(--bg-primary);border:.5px solid var(--border-tertiary);border-radius:var(--radius-lg);margin:0 20px 10px;padding:14px}.card-clickable{cursor:pointer}.card-clickable:active{opacity:.8}.card-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.item-row{border-bottom:.5px solid var(--border-tertiary);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.item-row:last-child{border-bottom:none}.item-name{color:var(--text-primary);font-size:13px;font-weight:500}.item-detail{color:var(--text-secondary);margin-top:2px;font-size:11px}.item-price{color:var(--text-primary);white-space:nowrap;font-size:14px;font-weight:500}.purchase-total{color:var(--text-primary);font-size:15px;font-weight:600}.badge{white-space:nowrap;border-radius:16px;align-items:center;padding:7px 10px;font-size:11px;font-weight:500;display:inline-flex}.badge-purple{background:var(--purple-50);color:var(--purple-600)}.badge-green{background:var(--green-50);color:var(--green-600)}.badge-amber{background:var(--amber-50);color:var(--amber-600)}.badge-red{background:var(--red-50);color:var(--red-600)}.chip-row{flex-wrap:wrap;gap:6px;margin-bottom:14px;padding:0 20px;display:flex}.chip{background:var(--bg-secondary);color:var(--text-secondary);border:.5px solid var(--border-tertiary);border-radius:99px;padding:5px 11px;font-size:11px}.chip-clickable{cursor:pointer}.chip-clickable:hover{border-color:var(--purple-400);color:var(--purple-600)}.tabs{gap:6px;margin-bottom:14px;padding:0 20px;display:flex}.tab{cursor:pointer;border:.5px solid var(--border-secondary);color:var(--text-secondary);font-size:12px;font-weight:400;font-family:var(--font-sans);background:0 0;border-radius:99px;padding:5px 13px;transition:all .15s}.tab-active{background:var(--purple-600);border-color:var(--purple-600);color:#fff;font-weight:500}.scan-screen{background:#161614;flex-direction:column;flex:1;justify-content:center;align-items:center;padding-bottom:24px;display:flex}.scan-hint-top{color:#ffffff80;letter-spacing:.8px;margin-bottom:20px;font-size:11px}.scan-frame{border:1.5px solid #ffffff40;border-radius:10px;width:270px;height:190px;position:relative;overflow:hidden}.sc{border-style:solid;border-width:0;border-color:var(--purple-400);width:18px;height:18px;position:absolute}.sc-tl{border-top-width:3px;border-left-width:3px;border-top-left-radius:5px;top:-1px;left:-1px}.sc-tr{border-top-width:3px;border-right-width:3px;border-top-right-radius:5px;top:-1px;right:-1px}.sc-bl{border-bottom-width:3px;border-left-width:3px;border-bottom-left-radius:5px;bottom:-1px;left:-1px}.sc-br{border-bottom-width:3px;border-right-width:3px;border-bottom-right-radius:5px;bottom:-1px;right:-1px}.scan-line{background:linear-gradient(to right, transparent, var(--purple-400), transparent);height:2px;animation:2s ease-in-out infinite scanAnim;position:absolute;left:0;right:0}.scan-hint-bottom{color:#fff6;margin-top:16px;font-size:12px}.scan-btn{background:var(--purple-600);cursor:pointer;border:3px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:24px 0 18px;transition:transform .15s;display:flex}.scan-btn:active{transform:scale(.95)}.scan-options{gap:40px;display:flex}.scan-opt{color:#fff6;cursor:pointer;flex-direction:column;align-items:center;gap:5px;font-size:11px;display:flex}.review-header-box{background:var(--bg-secondary);margin-bottom:2px;padding:14px 20px}.review-meta{color:var(--text-secondary);margin-top:4px;font-size:12px}.review-items{padding:0 20px}.editable-input{border:.5px solid var(--border-secondary);background:var(--bg-primary);color:var(--text-primary);font-size:13px;font-family:var(--font-sans);border-radius:6px;outline:none;width:100%;padding:4px 8px}.editable-input:focus{border-color:var(--purple-600);box-shadow:0 0 0 2px #534ab726}.add-item-link{color:var(--purple-600);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:500}.review-total-row{border-top:.5px solid var(--border-tertiary);justify-content:space-between;align-items:center;margin:0 20px;padding:12px 0;display:flex}.review-total-label{color:var(--text-secondary);font-size:13px}.save-btn{background:var(--purple-600);color:#fff;border-radius:var(--radius-lg);cursor:pointer;width:calc(100% - 40px);font-size:15px;font-weight:500;font-family:var(--font-sans);letter-spacing:-.2px;margin:14px 20px 20px;padding:14px;transition:opacity .15s}.save-btn:active{opacity:.85}.price-chart-wrap{height:120px;margin-bottom:16px;padding:0 20px}.compare-banner{background:var(--bg-secondary);border-radius:var(--radius-lg);margin:0 20px 16px;padding:14px}.compare-table{border:.5px solid var(--border-tertiary);border-radius:var(--radius-lg);margin:0 20px 14px;overflow:hidden}.ct-header{background:var(--bg-secondary);color:var(--text-secondary);padding:9px 12px;font-size:11px;font-weight:500;display:flex}.ct-row{border-top:.5px solid var(--border-tertiary);color:var(--text-primary);align-items:center;padding:9px 12px;font-size:12px;display:flex}.ct-c0{flex:1.8;font-weight:500}.ct-c1{text-align:right;flex:1.2}.ct-c2,.ct-c3{text-align:right;flex:1.4}.ct-winner{font-weight:600;color:var(--green-600)!important}.list-summary-row{justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 20px;display:flex}.list-item{border-bottom:.5px solid var(--border-tertiary);cursor:pointer;align-items:center;gap:12px;padding:12px 20px;transition:background .1s;display:flex}.list-item:active{background:var(--bg-secondary)}.check-box{border:1.5px solid var(--border-secondary);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .15s;display:flex}.check-box-checked{background:var(--purple-600);border-color:var(--purple-600)}.list-item-name{color:var(--text-primary);align-items:center;gap:4px;font-size:13px;font-weight:400;display:flex}.list-item-done{color:var(--text-tertiary);text-decoration:line-through}.list-item-market{color:var(--purple-600);margin-top:2px;font-size:11px}.list-item-price{color:var(--text-secondary);white-space:nowrap;font-size:12px}.suggestion-box{background:var(--bg-secondary);border-radius:var(--radius-lg);margin:12px 20px;padding:14px}.px-5{padding-left:20px;padding-right:20px}.p-5{padding:20px}.pt-6{padding-top:24px}.pb-4{padding-bottom:16px}.pb-10{padding-bottom:40px}.py-3{padding-top:12px;padding-bottom:12px}.p-3{padding:12px}.w-12{width:46px}.h-12{height:46px}.w-13{width:52px}.h-13{height:52px}.py-4{padding-top:16px;padding-bottom:16px}.px-6{padding-left:24px;padding-right:24px}.bg-secondary{background-color:hsl(var(--secondary))}.border-0{border-width:0}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.flex-1{flex:1}.absolute{position:absolute}.inset-y-0{top:0;bottom:0}.left-3{left:12px}.top-1\/2{top:50%}.-translate-y-1\/2{transform:translateY(-50%)}.pointer-events-none{pointer-events:none}.min-w-0{min-width:0}.relative{position:relative}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.space-y-2>*+*{margin-top:8px}.text-2xl{font-size:24px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-xs{font-size:12px}.font-bold{font-weight:700}.font-medium{font-weight:500}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-muted-foreground{color:hsl(var(--muted-foreground))}.opacity-50{opacity:.5}.line-through{text-decoration:line-through}.font-heading{font-family:var(--font-heading)}.font-semibold{font-weight:600}.space-y-3>*+*{margin-top:16px}.bg-primary\/10{background-color:hsla(var(--primary) / .1)}.text-primary{color:hsl(var(--primary))}.text-destructive,.hover\:text-destructive:hover{color:hsl(var(--destructive))}.active\:opacity-70:active{opacity:.7}.card-clean{background:hsl(var(--card));border:1px solid hsl(var(--border));transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0000000a}.card-clean:active{transform:scale(.98)}.rounded-2xl{border-radius:16px}.pt-8{padding-top:32px}.text-\[28px\]{font-size:28px}.mt-0\.5{margin-top:2px}.sticky-footer{background:linear-gradient(to top, var(--bg-primary) 80%, transparent);z-index:10;margin-top:auto;padding-top:20px;position:sticky;bottom:0}.back-btn-alt{color:var(--text-secondary);border-radius:8px;align-items:center;gap:4px;margin-bottom:8px;margin-left:-8px;padding:4px 8px;font-size:12px;font-weight:500;transition:background .2s;display:inline-flex}.back-btn-alt:hover{background:var(--bg-secondary)}.search-input{border:1px solid var(--border-tertiary);width:100%;color:var(--text-primary);background:0 0;border-radius:12px;outline:none;height:44px;padding:10px 12px 10px 40px;font-size:14px;transition:border-color .2s}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{border-color:var(--purple-400)}.list-item-card{background:var(--bg-primary);border:1px solid var(--border-tertiary);border-radius:12px;align-items:center;gap:12px;padding:12px;transition:opacity .2s;display:flex}.qty-btn{width:28px;height:28px;color:var(--text-primary);background:var(--bg-secondary);border-radius:6px;justify-content:center;align-items:center;font-size:14px;font-weight:500;transition:background .2s;display:inline-flex}.qty-btn:hover{background:var(--border-tertiary)}.trash-btn{width:28px;height:28px;color:var(--text-tertiary);border-radius:6px;justify-content:center;align-items:center;transition:color .2s,background .2s;display:inline-flex}.trash-btn:hover{color:var(--red-600);background:var(--red-50)}.price-edit-area{align-items:center;min-width:40px;display:inline-flex}.price-display{cursor:pointer;border-radius:4px;padding:2px 4px;transition:background .2s}.price-display:hover{background:hsla(var(--primary) / .1);color:hsl(var(--primary))}.inline-price-input{border:1px solid hsl(var(--primary));background:var(--bg-primary);width:60px;color:var(--text-primary);border-radius:4px;outline:none;padding:1px 4px;font-size:12px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0006;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.modal-content{background:hsl(var(--card));border-radius:24px;width:100%;padding:32px;box-shadow:0 10px 25px #0000001a}.modal-input{border:1px solid var(--border-tertiary);width:100%;color:var(--text-primary);background:0 0;border-radius:12px;outline:none;padding:14px 16px;font-size:18px;transition:border-color .2s}.modal-input:focus{border-color:var(--purple-400)}.bg-destructive{background-color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.bg-muted{background-color:hsl(var(--muted))}.bg-primary{background-color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-lg{font-size:18px}@media (width<=420px){body{padding:0}.phone{width:100vw;height:100dvh;box-shadow:none;border:none;border-radius:0}}