:root{--bg:#282828;--fg:#ebdbb2;--dark1:#3c3836;--dark2:#504945;--red:#cc241d;--green:#98971a;--yellow:#d79921;--blue:#458588;--purple:#b16286;--aqua:#689d6a;--orange:#d65d0e;--gray:#928374;--header-bg:#282828d9;--pill-bg:#3c382fd9;--pill-hover:#45858833;--border:#ebdbb226;--shadow:0 8px 32px -8px #00000080;color:var(--fg);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;font:18px/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{padding-top:max(env(safe-area-inset-top), 20px);background:var(--bg);background-image:linear-gradient(#ebdbb205 1px,#0000 1px),linear-gradient(90deg,#ebdbb205 1px,#0000 1px);background-size:40px 40px;min-height:100dvh;margin:0}header{background:var(--header-bg);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);z-index:1000;height:68px;color:var(--fg);box-shadow:var(--shadow);align-items:center;gap:16px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.brand{letter-spacing:-.5px;color:var(--fg);flex-shrink:0;align-items:center;gap:8px;font-size:22px;font-weight:700;text-decoration:none;display:flex}.brand-dot{background:var(--orange);border-radius:50%;flex-shrink:0;width:14px;height:14px;transition:all .3s}.brand-dot.offline{box-shadow:inset 0 0 0 2px var(--orange);background:0 0}.nav-desktop{flex:1;justify-content:center;gap:8px;display:flex}.nav-pill{background:var(--pill-bg);color:var(--fg);-webkit-backdrop-filter:blur(10px);border:1px solid #0000;border-radius:9999px;padding:8px 20px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-pill:hover,.nav-pill.active{background:var(--pill-hover);border-color:var(--aqua);color:var(--aqua);transform:translateY(-1px)}.header-right{flex-shrink:0;align-items:center;gap:16px;margin-left:auto;display:flex}.login-btn{color:var(--gray);cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:6px 16px;font-family:inherit;font-size:15px;text-decoration:none;transition:all .2s}.login-btn:hover{color:var(--fg);background:#ebdbb21a}.avatar{background:var(--orange);width:28px;height:28px;color:var(--bg);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.avatar-img{object-fit:cover;border-radius:50%;width:28px;height:28px}.hamburger{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;margin-left:auto;padding:6px;transition:border-color .2s;display:none}.hamburger:hover{border-color:var(--aqua)}.hamburger span{background:var(--fg);transform-origin:50%;border-radius:2px;width:100%;height:2px;transition:all .3s;display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);z-index:999;background:#282828f7;padding:8px 0;animation:.2s ease-out slideDown;position:absolute;top:68px;left:0;right:0;box-shadow:0 12px 32px #00000080}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-item{color:var(--fg);padding:14px 24px;font-size:16px;font-weight:500;text-decoration:none;transition:all .15s;display:block}.mobile-menu-item:hover,.mobile-menu-item.active{background:var(--pill-hover);color:var(--aqua)}.mobile-menu-divider{background:var(--border);height:1px;margin:4px 16px}main{max-width:860px;margin:0 auto;padding:100px 24px 80px;line-height:1.7}h1{letter-spacing:-2px;color:var(--fg);margin:0 0 24px;font-size:52px;font-weight:600;line-height:1.1}p{color:#a89984;max-width:620px;margin-bottom:32px;font-size:19px}.accent{color:var(--orange);font-weight:500}.hero-badge{background:var(--orange);color:var(--bg);text-align:center;border-radius:8px;margin:20px 0;padding:20px;font-size:2rem;font-weight:700}.card{background:var(--dark1);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;margin:40px 0;padding:32px}.feature-list{color:#a89984;margin:16px 0;padding-left:20px;line-height:1.8}.hint{opacity:.7;font-size:15px}.footer{text-align:center;color:var(--gray);border-top:1px solid var(--border);padding:40px 20px;font-size:14px}.pwa-update-banner{z-index:9999;background:var(--yellow);color:var(--bg);align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:600;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0006}.pwa-update-btn{background:var(--bg);color:var(--yellow);cursor:pointer;border:none;border-radius:4px;padding:6px 16px;font-weight:700}.pwa-dismiss-btn{color:var(--bg);border:1px solid var(--bg);cursor:pointer;background:0 0;border-radius:4px;padding:6px 12px}@supports (-webkit-touch-callout:none){header{height:calc(68px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}main{padding-top:120px}.mobile-menu{top:calc(68px + env(safe-area-inset-top))}}@media (width<=768px){.nav-desktop,.header-right .login-btn{display:none}.hamburger{display:flex}h1{letter-spacing:-1px;font-size:36px}}@media (width<=640px){.nav-desktop{display:none}.hamburger{display:flex}h1{font-size:32px}}.dashboard{max-width:1200px;margin:0 auto;padding:100px 24px 40px}.status-bar{background:var(--dark1);z-index:999;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 24px;font-size:14px;display:flex;position:fixed;top:68px;left:0;right:0}.connection-status.connected{color:var(--green)}.connection-status.disconnected{color:var(--red)}.user-info{color:var(--gray);font-size:13px}.subtitle{color:var(--gray);margin-bottom:32px;font-size:18px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.product-card{background:var(--dark1);border:1px solid var(--border);border-radius:12px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.product-image{object-fit:contain;background:#1d2021;width:100%;height:220px;padding:12px;display:block}.product-content{padding:20px}.product-content h3{color:var(--yellow);margin:0 0 12px;font-size:18px;line-height:1.3}.price{color:var(--green);margin-bottom:12px;font-size:22px;font-weight:700}.meta{color:var(--gray);justify-content:space-between;margin-bottom:16px;font-size:13px;display:flex}.view-link{color:var(--aqua);font-size:15px;font-weight:500;text-decoration:none}.view-link:hover{text-decoration:underline}.delete-btn{color:#fff;cursor:pointer;background:#cc241de6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.delete-btn:hover{background:var(--red);transform:scale(1.1)}.empty-state{text-align:center;color:var(--gray);background:var(--dark1);border:2px dashed var(--border);border-radius:12px;grid-column:1/-1;padding:80px 20px}.empty-state p{max-width:400px;margin:0 auto;font-size:18px}@media (width<=480px){.dashboard{padding:90px 12px 24px}.products-grid{grid-template-columns:1fr;gap:12px}.product-card{margin:0 -8px}.product-content{padding:14px}.product-image{height:160px;padding:8px}h1{font-size:28px}.subtitle{font-size:15px}}.status-bar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:999;border-bottom:1px solid var(--border);background:#3c382ffa;justify-content:space-between;align-items:center;padding:10px 24px;font-size:14px;display:flex;position:fixed;top:68px;left:0;right:0;box-shadow:0 2px 12px #0006}@supports (-webkit-touch-callout:none){.status-bar{top:calc(68px + env(safe-area-inset-top))}main.dashboard{padding-top:calc(155px + env(safe-area-inset-top))}}.connection-status{align-items:center;gap:8px;font-weight:600;display:flex}.pulse-dot{background:var(--green);border-radius:50%;width:9px;height:9px;animation:2s infinite pulse;display:inline-block}.pulse-dot.dead{background:#cc241d;animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.new-badge{color:#282828;background:#d65d0e;border-radius:9999px;margin-right:8px;padding:2px 9px;font-size:12px;font-weight:700}.reconnect-btn{border:1px solid var(--border);color:var(--gray);cursor:pointer;background:0 0;border-radius:6px;padding:4px 12px;font-size:12px}.reconnect-btn:hover{color:var(--fg);background:#ebdbb21a}.home-auth{background:var(--dark1);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:20px;padding:32px;display:flex}.home-user-info{align-items:center;gap:16px;display:flex}.home-avatar{object-fit:cover;border-radius:50%;width:56px;height:56px}.listening-indicator{color:var(--green);align-items:center;gap:8px;font-weight:500;display:flex}.listening-dot{background:var(--green);cursor:pointer;width:11px;height:11px;box-shadow:0 0 6px var(--green);border-radius:50%;flex-shrink:0;transition:all .2s;animation:2s ease-in-out infinite pulse;display:inline-block}.listening-dot.dead{background:var(--red);animation:none;box-shadow:0 0 0 2px #cc241d66}.listening-dot:hover{transform:scale(1.2)}.dashboard{padding:90px 24px 40px}@media (width<=480px){.dashboard{padding:80px 12px 24px}}.unread-badge{background:var(--red);color:#fff;vertical-align:middle;border-radius:9999px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:700;line-height:1;position:relative;top:-1px}.nav-pill .unread-badge{margin-left:4px}.mobile-menu-item .unread-badge{float:right;margin-top:3px}@keyframes alertFlash{0%{background-color:#cc241d99}50%{background-color:#cc241d40}to{background-color:#0000}}.alert-flash{animation:.8s ease-out alertFlash}.unread-badge{background:var(--red);color:#fff;vertical-align:middle;box-shadow:0 0 0 2px var(--bg);border-radius:9999px;margin-left:6px;padding:2px 7px;font-size:11px;font-weight:700;line-height:1;position:relative;top:-1px}