:root{--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary:#07070b;--bg-secondary:#0f0f18;--primary:#8b5cf6;--primary-glow:#8b5cf666;--secondary:#6366f1;--accent:#14b8a6;--accent-glow:#14b8a64d;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--glass-bg:#19192880;--glass-border:#ffffff0f;--glass-border-hover:#ffffff1f;--danger:#ef4444;--success:#10b981}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);background-image:radial-gradient(circle at 10% 20%,#8b5cf626 0%,#0000 40%),radial-gradient(circle at 90% 80%,#6366f126 0%,#0000 40%);background-attachment:fixed;min-height:100vh;font-size:16px;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:600}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-sizing:border-box;border-radius:20px;min-width:0;max-width:100%;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:var(--glass-border-hover);box-shadow:0 10px 30px -10px #00000080}.app-container{max-width:1200px;padding:1rem 1rem 5rem;padding-top:max(.75rem, env(safe-area-inset-top));padding-bottom:max(5rem, calc(4rem + env(safe-area-inset-bottom)));margin:0 auto}@media (width<=480px){.app-container{padding-left:.75rem;padding-right:.75rem}.glass-panel{border-radius:16px}}.mic-btn-container{justify-content:center;align-items:center;margin:2rem 0;display:flex}.mic-btn{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;width:90px;height:90px;box-shadow:0 8px 32px var(--primary-glow);z-index:10;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;font-size:2.2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.mic-btn:hover{box-shadow:0 12px 40px var(--primary-glow);transform:scale(1.05)}.mic-btn:active{transform:scale(.95)}.mic-btn.recording{background:linear-gradient(135deg, var(--danger), #f43f5e);animation:1.5s infinite recordingPulse;box-shadow:0 0 #ef4444b3}@keyframes recordingPulse{0%{transform:scale(1);box-shadow:0 0 #ef4444b3}50%{transform:scale(1.08);box-shadow:0 0 0 15px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.pulsing-circles{background:var(--danger);opacity:.3;z-index:-1;border-radius:50%;width:100%;height:100%;position:absolute}.pulsing-circles:after{content:"";border:1px solid var(--danger);border-radius:50%;animation:1.5s linear infinite circleExpand;position:absolute;inset:0}@keyframes circleExpand{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.fade-in{animation:.4s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}input{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);font-family:var(--font-body);background:#ffffff0d;border-radius:12px;outline:none;padding:12px 16px;font-size:1rem;transition:all .2s}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:#ffffff14}button.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;width:100%;font-family:var(--font-heading);cursor:pointer;box-shadow:0 4px 12px var(--primary-glow);border:none;border-radius:12px;padding:14px;font-size:1rem;font-weight:600;transition:all .3s}button.btn-primary:hover{box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-1px)}button.btn-primary:active{transform:translateY(0)}.checkbox-container{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;align-items:center;min-height:38px;display:inline-flex;position:relative}.custom-checkbox{border:2px solid var(--glass-border-hover);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-right:12px;transition:all .18s cubic-bezier(.175,.885,.32,1.275);display:flex}.checkbox-container:active .custom-checkbox{transform:scale(.88)}.checkbox-container:hover .custom-checkbox{border-color:var(--primary)}.checkbox-container.checked .custom-checkbox{background:var(--success);border-color:var(--success);transform:scale(1.05)}.checkbox-container.checked .custom-checkbox:after{content:"✓";color:#fff;font-size:15px;font-weight:900}.store-group-list{grid-template-columns:minmax(0,1fr);gap:1.25rem;width:100%;display:grid}@media (width>=768px){.store-group-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.store-group-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.radar-pulse{border:2px solid var(--primary);opacity:0;pointer-events:none;border-radius:50%;width:100%;height:100%;animation:1.8s cubic-bezier(.25,0,0,1) infinite radarPulse;position:absolute;top:0;left:0}@keyframes radarPulse{0%{opacity:.8;transform:scale(.85)}to{opacity:0;transform:scale(2.2)}}@keyframes pulse{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1.2)}}@keyframes scanLine{0%,to{top:5%}50%{top:95%}}.app-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:1.25rem;padding:.85rem 1.25rem;display:flex}.header-logo{flex-shrink:0;align-items:center;gap:10px;display:flex}.header-actions{align-items:center;gap:8px;display:flex}@media (width<=580px){.app-header{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;margin-bottom:1rem;padding:.75rem 1rem}}.sticky-nav-tabs{top:max(8px, env(safe-area-inset-top));z-index:40;-webkit-backdrop-filter:blur(20px);position:sticky;box-shadow:0 8px 24px -4px #00000040}.add-item-form{flex-wrap:wrap;gap:10px;width:100%;display:flex}.add-item-input-name{flex:2;min-width:200px}.add-item-input-qty{flex:1;min-width:100px}.add-item-btn{justify-content:center;align-items:center;width:auto;height:48px;padding:0 24px;display:flex}@media (width<=480px){.add-item-input-name{flex:100%}.add-item-input-qty{flex:1;min-width:0}.add-item-btn{flex:1;width:auto;padding:0 15px}}.theme-light-blogger{--bg-primary:#faf8f5;--bg-secondary:#f3eee8;--primary:#6d28d9;--primary-glow:#6d28d938;--secondary:#e05344;--accent:#047857;--accent-glow:#0478572e;--success:#047857;--danger:#c92a2a;--danger-glow:#c92a2a2e;--text-primary:#211d1a;--text-secondary:#544f49;--text-muted:#716b64;--glass-bg:#ffffffe0;--glass-border:#e6ded5;--glass-border-hover:#cfc2b2;--organic-shadow:0 4px 20px -2px #2d2a260d, 0 2px 6px -1px #2d2a2608}.theme-light-blogger body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 15%,#e0534412 0%,#0000 45%),radial-gradient(circle at 85% 85%,#6d28d912 0%,#0000 45%),radial-gradient(circle,#f3eee866 0%,#0000 60%);background-attachment:fixed}.theme-light-blogger .glass-panel{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--organic-shadow);-webkit-backdrop-filter:blur(20px)}.theme-light-blogger .glass-panel:hover{border-color:var(--glass-border-hover);box-shadow:0 10px 30px -4px #2d2a2614}.theme-light-blogger input{color:var(--text-primary);background:#fff;border:1.5px solid #dfd5c9;border-radius:14px}.theme-light-blogger input::placeholder{color:var(--text-muted);opacity:.85}.theme-light-blogger input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:#fff}.theme-light-blogger button.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #8b5cf6 50%, var(--secondary) 100%);color:#fff;letter-spacing:.01em;border-radius:14px;min-height:48px;font-weight:700;box-shadow:0 4px 16px #6d28d940}.theme-light-blogger button.btn-primary:hover{box-shadow:0 6px 22px #6d28d959}.theme-light-blogger .checkbox-container .custom-checkbox{background:#fff;border:2px solid #cfc2b2}.theme-light-blogger .checkbox-container.checked .custom-checkbox{background:var(--accent);border-color:var(--accent)}.theme-light-blogger .mic-btn{background:linear-gradient(135deg, var(--primary), #8b5cf6);box-shadow:0 8px 28px #6d28d947}.theme-light-blogger .mic-btn.recording{background:linear-gradient(135deg, var(--danger), #e05344);box-shadow:0 0 #c92a2a99}
