html,body{height:100%;overflow:hidden}#app{background:#000;flex-direction:column;width:100%;height:100dvh;display:flex;position:relative}#profile-bar{align-items:center;gap:var(--space-3);min-height:48px;padding:max(var(--space-1), env(safe-area-inset-top)) var(--space-4) 0;background:var(--bg-base);z-index:10;flex:0 0 10%;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:40px;height:40px;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{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}#profile-links{gap:var(--space-1);display:flex}.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:80px;max-height:min(280px,35vh);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{font-size:var(--text-xl);color:var(--text-tertiary);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{font-size:var(--text-lg);color:var(--text-primary);text-align:center;text-shadow:0 1px 8px #000000b3;transition:font-size var(--transition-fast), color var(--transition-fast);font-weight:700;line-height:1.2}#cam-name.hint{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500}#cam-price{font-size:var(--text-xl);color:var(--color-success);text-align:center;text-shadow:0 1px 8px #000000b3;transition:font-size var(--transition-fast), color var(--transition-fast);font-weight:800;line-height:1.2}#cam-price.error{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);letter-spacing:.5px}#promo-card{aspect-ratio:8/3;background:var(--bg-surface);border:none;outline:none;flex:none;width:100%;min-height:60px;max-height:min(200px,25vh);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-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{font-size:var(--text-lg);color:var(--color-success);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}