html,body{height:100%;overflow:hidden}#app{width:100%;height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:#000;flex-direction:column;display:flex;position:relative}#profile-bar{align-items:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-4);background:var(--bg-base);z-index:10;flex:none;display:flex}.avatar-ring{background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899,#f59e0b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:2px;display:flex;position:relative}.avatar-ring.hidden{display:none}.avatar-inner{background:var(--bg-base);border:2px solid var(--bg-base);border-radius:50%;width:100%;height:100%;overflow:hidden}.avatar-inner img{object-fit:cover;width:100%;height:100%;display:block}#profile-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}#profile-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.875rem,3.5vw,1.125rem);font-weight:700;overflow:hidden}#profile-links{gap:var(--space-1);display:flex}#profile-brand{color:var(--text-tertiary);opacity:.5;white-space:nowrap;transition:opacity var(--transition-fast);font-size:.5rem;text-decoration:none}#profile-brand:hover{opacity:1}.p-link{width:22px;height:22px;color:var(--text-tertiary);border-radius:var(--radius-md);transition:color var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.p-link:hover{color:var(--color-primary);background:var(--color-primary-muted)}.p-link.hidden{display:none}.p-link svg{width:11px;height:11px}.install-btn{border-radius:var(--radius-md);color:#fff;cursor:pointer;opacity:.6;width:28px;height:28px;transition:opacity var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.install-btn:hover{opacity:1;background:#ffffff1a}.install-btn svg{width:14px;height:14px}#banner-area{aspect-ratio:8/3;background:var(--bg-surface);border:none;outline:none;flex:none;width:100%;min-height:60px;max-height:min(240px,30vh);margin:0;padding:0;display:flex;position:relative;overflow:hidden}.swiper-pagination-bullet{opacity:1;background:#ffffff59}.swiper-pagination-bullet-active{background:#fff}.swiper-pagination{bottom:var(--space-2)!important}#banner-carousel{border:none;outline:none;width:100%;height:100%;margin:0;padding:0}#banner-carousel.hidden{display:none}#banner-carousel .swiper-slide img{object-fit:cover;width:100%;height:100%;display:block}#banner-fallback{justify-content:center;align-items:center;width:100%;height:100%;display:flex}#banner-fallback.hidden{display:none}#banner-text{color:var(--text-tertiary);font-size:clamp(1rem,4vw,1.5rem);font-weight:700}#camera-feed{background:#000;flex:0 0 20%;min-height:80px;position:relative;overflow:hidden}#scanner{object-fit:cover;filter:grayscale();width:100%;height:100%;position:absolute;inset:0}#cam-overlay{justify-content:center;align-items:center;gap:var(--space-1);pointer-events:none;z-index:1;flex-direction:column;display:flex;position:absolute;inset:0}#cam-name{color:var(--text-primary);text-align:center;text-shadow:0 1px 8px #000000b3;transition:font-size var(--transition-fast), color var(--transition-fast);font-size:clamp(.8rem,3.5vw,1.25rem);font-weight:700;line-height:1.2}#cam-name.hint{color:var(--text-tertiary);font-size:clamp(.65rem,2.5vw,.875rem);font-weight:500}#cam-price{color:var(--color-success);text-align:center;text-shadow:0 1px 8px #000000b3;transition:font-size var(--transition-fast), color var(--transition-fast);font-size:clamp(1rem,5vw,1.5rem);font-weight:800;line-height:1.2}#cam-price.error{color:var(--text-tertiary);font-size:clamp(.6rem,2vw,.75rem);font-family:var(--font-mono);letter-spacing:.5px}#manual-entry{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-surface);border-top:1px solid var(--border-subtle);flex:none;display:flex}#manual-entry.hidden{display:none}#manual-barcode{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);height:40px;color:var(--text-primary);font-size:var(--text-base);padding:0 var(--space-3);font-family:var(--font-mono);letter-spacing:2px;outline:none;flex:1}#manual-barcode:focus{border-color:var(--color-primary)}#manual-barcode::placeholder{color:var(--text-tertiary);letter-spacing:0;font-family:var(--font-sans)}#btn-manual-submit{border-radius:var(--radius-md);background:var(--color-primary);color:#fff;cursor:pointer;width:40px;height:40px;transition:opacity var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}#btn-manual-submit:hover{opacity:.85}#btn-manual-submit svg{width:18px;height:18px}#camera-feed.hidden~#manual-entry{padding:var(--space-4);background:var(--bg-base);border-top:none;flex:none}#promo-card{aspect-ratio:8/3;background:var(--bg-surface);border:none;outline:none;flex:none;width:100%;min-height:50px;max-height:min(180px,22vh);margin:0;padding:0;display:flex;position:relative;overflow:hidden}#promo-content{width:100%;height:100%}#promo-content.hidden{display:none}#promo-image-wrap{width:100%;height:100%}#promo-image{object-fit:cover;border:none;outline:none;width:100%;height:100%;margin:0;padding:0;display:block}#discount-area{background:var(--bg-base);border-top:1px solid var(--border-subtle);flex-direction:column;flex:1;width:100%;min-height:0;display:flex;position:relative}#discount-area.hidden{display:none}#discount-area.hidden~#promo-card{flex:1;max-height:none}#discount-track{flex:1;width:100%;min-height:0;overflow:hidden}#discount-track .swiper-wrapper{align-items:center}.discount-card.swiper-slide{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;display:flex}.discount-card img{aspect-ratio:3/4;border-radius:var(--radius-md);object-fit:cover;border:1px solid var(--border-subtle);background:var(--bg-elevated);flex-shrink:0;width:100%;max-width:100px;display:block}.discount-name{font-size:var(--text-xs);color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-weight:600;line-height:1.2;overflow:hidden}.discount-old-price{font-size:var(--text-xs);color:var(--text-tertiary);line-height:1;text-decoration:line-through}.discount-new-price{color:var(--color-success);font-size:clamp(.875rem,3vw,1.125rem);font-weight:800;line-height:1}.discount-badge{background:var(--color-danger);color:#fff;border-radius:var(--radius-sm);padding:2px 6px;font-size:9px;font-weight:700;line-height:1.3;position:absolute;top:4px;right:6px}#discount-dots{padding-bottom:env(safe-area-inset-bottom);bottom:4px!important}#discount-dots .swiper-pagination-bullet{background:#ffffff40}#discount-dots .swiper-pagination-bullet-active{background:var(--color-primary)}#toast{bottom:calc(var(--space-6) + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);opacity:0;pointer-events:none;z-index:100;white-space:nowrap;box-shadow:var(--shadow-md);transition:opacity var(--transition-base), transform var(--transition-base);background:#1f1f23e6;border:1px solid #ffffff14;font-weight:500;position:fixed;left:50%;transform:translate(-50%)translateY(10px)}#toast.show{opacity:1;transform:translate(-50%)translateY(0)}.hidden{display:none!important}@media (width<=379px){#profile-bar{min-height:38px;padding:0 var(--space-3);gap:var(--space-2)}.avatar-ring{width:30px;height:30px}.p-link{width:18px;height:18px}.p-link svg{width:9px;height:9px}.install-btn{width:24px;height:24px}.install-btn svg{width:12px;height:12px}#camera-feed{flex:0 0 18%;min-height:70px}#banner-area{min-height:50px;max-height:min(180px,25vh)}#promo-card{min-height:40px;max-height:min(140px,18vh)}.discount-card img{max-width:70px}#profile-brand{font-size:.5rem}}@media (width>=481px){#profile-bar{padding:0 var(--space-6)}#camera-feed{flex:0 0 22%}#banner-area{max-height:min(300px,35vh)}#promo-card{max-height:min(220px,25vh)}}@media (orientation:landscape) and (height<=520px){#app{padding-left:40%}#camera-feed{z-index:5;flex:none;width:40%;height:100%;min-height:100%;position:absolute;top:0;left:0}#banner-area{min-height:40px;max-height:min(160px,40vh)}#promo-card{min-height:35px;max-height:min(120px,30vh)}#profile-bar{min-height:36px}.avatar-ring{width:28px;height:28px}#profile-brand{font-size:.5rem}#cam-name{font-size:clamp(.65rem,2vw,1rem)}#cam-price{font-size:clamp(.8rem,3vw,1.25rem)}.discount-card img{max-width:60px}}