:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-tertiary: #262626;--text-primary: #ffffff;--text-secondary: #a1a1a1;--text-accent: #3b82f6;--text-accent-gradient: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);--ui-glass-bg: rgba(26, 26, 26, .6);--ui-glass-border: rgba(255, 255, 255, .1);--ui-blur: 16px;--font-sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);overflow:hidden;width:100vw;height:100vh}#root{width:100%;height:100%;position:relative}.glass-panel{background:var(--ui-glass-bg);backdrop-filter:blur(var(--ui-blur));-webkit-backdrop-filter:blur(var(--ui-blur));border:1px solid var(--ui-glass-border);border-radius:24px}.btn-primary{background:var(--text-accent);color:#fff;border:none;padding:12px 24px;border-radius:99px;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #3b82f64d}.btn-primary:active{transform:scale(.96)}.hidden{display:none!important}canvas{display:block}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.w-full{width:100%}.h-full{height:100%}.w-12{width:3rem}.h-12{height:3rem}.w-20{width:5rem}.h-20{height:5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-6>*+*{margin-left:1.5rem}.top-4{top:1rem}.left-4{left:1rem}.bottom-0{bottom:0}.left-0{left:0}.mt-4{margin-top:1rem}.p-3{padding:.75rem}.p-6{padding:1.5rem}.pb-24{padding-bottom:6rem}.pb-safe{padding-bottom:env(safe-area-inset-bottom)}.bg-black{background-color:#000}.bg-gray-900{background-color:#111827}.text-white{color:#fff}.text-xs{font-size:.75rem;line-height:1rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-mono{font-family:monospace}.font-bold{font-weight:700}.opacity-70{opacity:.7}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-60{z-index:60}.pointer-events-none{pointer-events:none}.touch-none{touch-action:none}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.border-4{border-width:4px}.border-blue-500{border-color:#3b82f6}.border-t-transparent{border-top-color:transparent}.rounded-full{border-radius:9999px}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.glass-bar{background:#0a0a0a99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-top:1rem}.capture-ring{width:72px;height:72px;border-radius:50%;border:4px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.capture-inner{width:56px;height:56px;background-color:#fff;border-radius:50%;transition:all .2s ease}.capture-btn:active .capture-ring{transform:scale(.9);border-color:#fffc}.capture-btn:active .capture-inner{transform:scale(.85);background-color:var(--text-accent)}.filter-carousel-container{mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.filter-item{width:60px;height:60px;border-radius:50%;background:#1e1e1ecc;border:2px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 8px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.filter-item img{width:100%;height:100%;object-fit:cover;opacity:.7;transition:opacity .2s}.filter-item span{position:absolute;bottom:-20px;font-size:10px;color:#fff;white-space:nowrap;opacity:0;transition:all .3s}.filter-item.selected{width:70px;height:70px;border-color:var(--text-accent);box-shadow:0 0 15px #3b82f680;transform:translateY(-5px);z-index:10}.filter-item.selected img{opacity:1}.filter-item:active{transform:scale(.95)}.flash-overlay{position:absolute;inset:0;background:#fff;animation:flash .3s ease-out forwards;pointer-events:none;z-index:100}@keyframes flash{0%{opacity:.8}to{opacity:0}}