/* t1030u — futuristic shared (cheap liquid-glass + spatial depth + bento + live pill) */
:root{
  --depth-1: 0 1px 2px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.06);
  --depth-2: 0 2px 6px rgba(0,0,0,.08), 0 16px 40px rgba(0,0,0,.12);
  --glass-bg: color-mix(in srgb, var(--paper) 78%, transparent);
  --glass-border: rgba(255,255,255,.35);
}
.glass{
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  box-shadow: var(--depth-1), inset 0 1px 0 rgba(255,255,255,.45);
  backdrop-filter: blur(10px) saturate(1.15);
  -webkit-backdrop-filter: blur(10px) saturate(1.15);
  position: relative; overflow: hidden;
}
.glass::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background: linear-gradient(125deg, rgba(255,255,255,.28), transparent 42%, transparent 58%, rgba(255,255,255,.08));
  opacity:.55;
}
.phone.thy-skin .glass{ --glass-bg: rgba(255,248,240,.72); --glass-border: rgba(255,255,255,.55); }
.phone.pul-skin .glass{ --glass-bg: rgba(14,21,34,.72); --glass-border: rgba(61,255,154,.22);
  box-shadow: var(--depth-2), 0 0 24px rgba(61,255,154,.08), inset 0 1px 0 rgba(255,255,255,.08);
}

/* Bento */
.bento{
  display:grid; grid-template-columns: 1.2fr 1fr; grid-auto-rows: minmax(88px, auto);
  gap:10px; padding:0 16px 14px;
}
.bento .tile{
  border-radius: 22px; padding:14px; position:relative; overflow:hidden;
  box-shadow: var(--depth-1); border:1px solid var(--line);
  background: var(--paper);
}
.bento .tile.wide{ grid-column: 1 / -1; }
.bento .tile.tall{ grid-row: span 2; }
.bento .tile h3{ margin:0 0 4px; font-size:13px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); font-weight:800; }
.bento .tile .val{ font-size:28px; font-weight:800; line-height:1; font-variant-numeric:tabular-nums; }
.phone.thy-skin .bento .tile.accent{ background: linear-gradient(160deg, #FFF8F0, color-mix(in srgb, var(--accent) 12%, #FFF8F0)); }
.phone.pul-skin .bento .tile.accent{
  background: linear-gradient(160deg, #0E1522, color-mix(in srgb, var(--accent) 18%, #0E1522));
  border-color: rgba(61,255,154,.25);
}
.phone.pul-skin .bento .tile.holo{
  background:
    linear-gradient(#0E1522,#0E1522) padding-box,
    linear-gradient(120deg, #B6FF3D, #3DFF9A, #3DE8FF, #A55CFF, #FF3DBA) border-box;
  border: 1px solid transparent;
}

/* Live activity pill */
.live-pill{
  position: fixed; left:50%; transform: translateX(-50%);
  top: calc(var(--safe-t) + 6px); z-index: 55;
  display:none; align-items:center; gap:10px;
  padding: 8px 14px; border-radius: 999px; min-width: 180px;
  font-weight: 800; font-size: 13px; font-variant-numeric: tabular-nums;
}
.live-pill.on{ display:flex; }
.live-pill .dot{ width:8px; height:8px; border-radius:50%; background: var(--accent);
  box-shadow: 0 0 10px var(--accent); animation: livePulse 1.4s ease infinite; }
@keyframes livePulse{ 50%{ opacity:.45; transform:scale(.85)} }
@media (prefers-reduced-motion: reduce){
  .glass{ backdrop-filter:none!important; -webkit-backdrop-filter:none!important; }
  .live-pill .dot{ animation:none; }
}

/* Kinetic greeting */
.smart-greet{ font-size:14px; font-weight:700; color:var(--muted); padding:0 16px 6px; }
.smart-greet b{ color:var(--ink); }
.demo-tag{ display:inline-block; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
  padding:3px 8px; border-radius:999px; background:rgba(0,0,0,.08); color:var(--muted); margin-left:6px; vertical-align:middle; }
.phone.pul-skin .demo-tag{ background:rgba(61,255,154,.12); color:var(--accent); }

/* Cook / player panels */
.future-panel{ margin:10px 16px 14px; padding:14px; border-radius:20px; }
.future-panel h3{ margin:0 0 8px; font-size:16px; }
.aisle-group{ margin:0 0 12px; }
.aisle-group .aisle-h{ font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin:0 0 6px; }

/* t1035u FitLife overrides for future-skin neon */
.phone.pul-skin .wcard, .phone.pul-skin .rcard{
  border:1px solid rgba(20,48,31,.08)!important;
  background:linear-gradient(180deg,#fff,#F7FCF9)!important;
  box-shadow:0 10px 28px rgba(20,48,31,.08)!important;
}
.phone.pul-skin .glow-card::after{background:rgba(47,158,92,.25)!important; opacity:.2!important}