/* Apple-inspired palette: local system fonts, shared with companions. */
html[data-theme="apple"] {
  color-scheme:dark;
  --tint:#86868b; --accent:#5aa9ff; --accent-2:#a1a1a6; --accent-3:#d2d2d7;
  --font:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",sans-serif;
  --bg:#000000; --panel:#1d1d1f; --panel-2:#2c2c2e; --border:#48484a;
  --text:#f5f5f7; --muted:#a1a1a6; --input-bg:#141416; --link:#5aa9ff;
  --green:#65d38e; --red:#ff7c80; --amber:#ffc069; --orange:#ffb178;
  --radius:22px; --radius-btn:999px; --radius-input:12px;
  --surface:var(--panel); --surface-border-color:var(--border);
  --grad-brand:linear-gradient(var(--text),var(--text));
  --grad-primary:linear-gradient(#0071e3,#0071e3);
  --grad-primary-hover:linear-gradient(#0066cc,#0066cc);
  --btn-soft:linear-gradient(var(--panel-2),var(--panel-2));
  --btn-soft-hover:linear-gradient(var(--border),var(--border));
  --app-bg:var(--bg); --shadow:0 4px 20px rgba(0,0,0,.12); --shadow-glow:var(--shadow);
}
html[data-theme="apple"][data-mode="light"] {
  color-scheme:light;
  --accent:#0066cc; --accent-2:#6e6e73; --accent-3:#86868b;
  --bg:#f5f5f7; --panel:#ffffff; --panel-2:#ededf0; --border:#d2d2d7;
  --text:#1d1d1f; --muted:#6e6e73; --input-bg:#ffffff; --link:#0066cc;
  --green:#137333; --red:#c62828; --amber:#8a5100; --orange:#a94200;
  --shadow:0 4px 20px rgba(0,0,0,.055);
}

/* Native portal layout, with a restrained product-page hierarchy. */
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] body { background:var(--bg); font-family:var(--font); letter-spacing:-.015em; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .topbar {
  background:var(--panel) !important; border-bottom:1px solid var(--border);
  box-shadow:none; gap:12px; padding:12px 24px;
}
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .brand { background:none; color:var(--text); -webkit-text-fill-color:var(--text); font-weight:600; letter-spacing:-.025em; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] #content { max-width:1600px; margin-inline:auto; padding:32px clamp(20px,3vw,56px); }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] :is(h1,h2,h3,h4) { font-style:normal; letter-spacing:-.035em; font-weight:600; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .section-head h2 { font-size:clamp(28px,3vw,40px); line-height:1.1; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .section-head { margin-bottom:24px; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .month-bar { flex-wrap:wrap; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode][data-style] :is(.card,.stat,.modal,.login-card,.status-strip),
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .cal .day:not(.empty) {
  background:var(--panel) !important; border:1px solid var(--border) !important;
  border-radius:22px !important; box-shadow:var(--shadow) !important;
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
}
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] :is(.card,.stat,.sc-balance)::before,
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] :is(.card,.stat,.sc-balance)::after { content:none !important; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .station-grid { grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr)); gap:24px; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .station-card { padding:28px; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .station-card h3 { font-size:25px; line-height:1.2; margin-bottom:6px; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .station-card .meta { white-space:normal; line-height:1.5; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .station-card .sc-balance { padding:20px 0; margin:12px 0; background:none; border:0; box-shadow:none; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .station-card .sc-bal-num { color:var(--text); font-size:clamp(32px,3vw,44px); font-weight:600; letter-spacing:-.045em; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .station-card .sc-bal-suffix { color:var(--muted); font-size:13px; letter-spacing:normal; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .station-card .sc-bal-label { color:var(--muted); font-size:12px; text-transform:none; letter-spacing:normal; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .station-card .sc-rows { padding-top:16px; gap:10px; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] :is(.btn,.crumb-back) {
  border-radius:999px !important; background:var(--panel-2); color:var(--text); border:1px solid transparent;
  padding:9px 17px; font-size:13px; font-weight:500; text-transform:none; letter-spacing:normal;
  box-shadow:none !important; text-shadow:none;
}
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .btn.primary { background:var(--grad-primary); color:#fff; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .btn.primary:hover { background:var(--grad-primary-hover); }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .btn.info { background:var(--grad-primary); color:#fff; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .btn.success { background:var(--green); color:var(--bg); }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .btn.warn { background:var(--amber); color:var(--bg); }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .btn.danger { background:var(--red); color:var(--bg); }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .btn.ghost { background:transparent; border-color:transparent; color:var(--text); }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .btn:disabled { opacity:.5; cursor:not-allowed; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] :is(.btn.ghost,.crumb-back):hover { background:var(--panel-2); }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] :is(.pill,.chip,.badge,.gp) { border-radius:999px !important; box-shadow:none !important; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .seg { background:var(--panel-2); border:0; border-radius:11px; padding:3px; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .seg button { background:transparent; border:0; border-radius:8px !important; color:var(--muted); box-shadow:none !important; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .seg button.active { background:var(--panel); color:var(--text); box-shadow:0 1px 4px #0002 !important; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .tab { background:transparent; border-color:transparent; border-radius:10px !important; color:var(--muted); font-weight:500; box-shadow:none !important; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .tab.active { background:var(--tint-14); color:var(--link); border-color:transparent; font-weight:600; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .station-tabs-v .tab { padding:11px 14px; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .station-tabs-v .tab.active { background:#0071e3; color:white; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] :is(.station-rail-left,.station-rail-right) { background:var(--panel); border:1px solid var(--border); border-radius:18px; box-shadow:none; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .crumb.current { color:var(--text); background:transparent; border-color:transparent; font-weight:600; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea) {
  border:1px solid var(--border); background:var(--input-bg); border-radius:12px;
  color:var(--text); font-size:14px; box-shadow:none !important;
}
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] :is(input[type="checkbox"],input[type="radio"]) { accent-color:#0071e3; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] :is(.btn,.tab,.seg button,input,select,textarea,[tabindex]):focus-visible { outline:3px solid var(--accent) !important; outline-offset:3px; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] :is(td,.stat .value,.sc-bal-num) { font-variant-numeric:tabular-nums; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] table { border-collapse:separate; border-spacing:0; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] th { background:var(--panel-2); color:var(--muted); text-transform:none; letter-spacing:normal; font-weight:500; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] :is(td,th) { padding:12px; border-color:var(--border); }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] tbody tr:hover { background:var(--tint-08); }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .cal .day:not(.empty) { border-radius:14px !important; box-shadow:none !important; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .cal .day.today { outline:2px solid var(--accent); outline-offset:1px; transform:none; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .cal .day .num { font-size:15px; font-weight:600; }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .cal .day.today .num { color:var(--link); }
html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .stat .label { text-transform:none; letter-spacing:normal; color:var(--muted); }
.theme-showcase[data-preset="apple"] .theme-showcase-pane { border-radius:20px; background:var(--preview-panel); box-shadow:0 8px 20px #0002; border-color:var(--preview-b); }
.theme-showcase[data-preset="apple"] .theme-showcase-orbit { border-radius:50%; background:none; border:1px solid var(--preview-b); opacity:.25; }
.theme-showcase[data-preset="apple"] .theme-showcase-mini-button { background:#0071e3; border-radius:999px; }
@media (prefers-reduced-motion:reduce) {
  html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] *,html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] *::before,html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] *::after { animation:none !important; transition:none !important; }
}
@media (max-width:700px) {
  html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] :is(.station-layout,.station-layout:not(.has-right)) { grid-template-columns:minmax(0,1fr); gap:16px; }
  html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .month-bar .title { min-width:120px; flex:1; }
  html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] #content { padding:24px 16px; }
  html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .topbar { padding:12px 16px; }
  html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .station-card { padding:24px; }
  html:is([data-theme="apple"],[data-theme="tesla"],[data-theme="antigravity"],[data-theme="begg"])[data-mode] .cal { grid-template-columns:repeat(7,minmax(90px,1fr)); overflow-x:auto; overscroll-behavior-inline:contain; }
}

/* ---------- Apple.com: global-nav bar, display type, blue pills, store-card hover (Apple only) ---------- */
html[data-theme="apple"] { --ap-blue:#0071e3; --ap-blue-text:#2997ff; --ap-nav:rgba(22,22,23,.8); --ap-nav-text:rgba(255,255,255,.8); --ap-ease:cubic-bezier(0,0,.5,1); }
html[data-theme="apple"][data-mode="light"] { --ap-blue-text:#0066cc; --ap-nav:rgba(250,250,252,.8); --ap-nav-text:rgba(0,0,0,.8); }
@keyframes ap-fade-up { from { opacity:0; transform:translateY(24px); } }
/* Thin frosted global nav: 44px, 12px links, contents in a centered 1024px column. */
html[data-theme="apple"][data-mode][data-style] .topbar {
  min-height:44px; padding-block:0; gap:6px; border-bottom:0;
  background:var(--ap-nav) !important;
  -webkit-backdrop-filter:saturate(180%) blur(20px); backdrop-filter:saturate(180%) blur(20px);
}
@media (min-width:701px) { html[data-theme="apple"][data-mode][data-style] .topbar { padding-inline:max(22px,calc((100% - 1024px) / 2)); } }
html[data-theme="apple"][data-mode] .topbar :is(.brand,.chip,.btn.ghost,#breadcrumb .crumb,#breadcrumb .crumb-back,#breadcrumb .crumb.current) {
  font-size:12px; font-weight:400; letter-spacing:-.01em; color:var(--ap-nav-text); -webkit-text-fill-color:currentColor;
}
html[data-theme="apple"][data-mode] .topbar .brand { font-size:14px; font-weight:600; color:var(--text); }
html[data-theme="apple"][data-mode][data-style] .topbar :is(.btn.ghost,.chip,#breadcrumb .crumb,#breadcrumb .crumb-back,#breadcrumb .crumb.current) {
  background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 8px; height:44px; border-radius:0;
  display:inline-flex; align-items:center;
  transition:color .3s var(--ap-ease);
}
html[data-theme="apple"][data-mode][data-style] .topbar :is(.btn.ghost,#breadcrumb .crumb,#breadcrumb .crumb-back):hover { color:var(--text); }
html[data-theme="apple"][data-mode] #breadcrumb .crumb.current { font-weight:600; color:var(--text); }
html[data-theme="apple"][data-mode] #breadcrumb { align-self:stretch; align-items:center; }
/* Display headings like product headlines. */
html[data-theme="apple"][data-mode] .section-head h2 { font-size:clamp(32px,3.4vw,48px); font-weight:600; letter-spacing:-.015em; line-height:1.08; }
html[data-theme="apple"][data-mode] .station-card h3 { font-weight:600; letter-spacing:-.015em; }
/* Buttons: blue filled pill (Learn more) + blue outlined pill (Pre-order). */
html[data-theme="apple"][data-mode][data-style] .btn { border-radius:980px; font-weight:400; transition:background .3s var(--ap-ease),color .3s var(--ap-ease),border-color .3s var(--ap-ease); }
html[data-theme="apple"][data-mode][data-style] :is(.btn.primary,.btn.info) { background:var(--ap-blue) !important; color:#fff !important; border:1px solid var(--ap-blue); }
html[data-theme="apple"][data-mode][data-style] :is(.btn.primary,.btn.info):hover { background:#0077ed !important; }
html[data-theme="apple"][data-mode][data-style] #content .btn:not(.primary):not(.info):not(.danger):not(.ghost) { background:transparent; color:var(--ap-blue-text); border:1px solid var(--ap-blue-text); box-shadow:none; }
html[data-theme="apple"][data-mode][data-style] #content .btn:not(.primary):not(.info):not(.danger):not(.ghost):hover { background:var(--ap-blue-text); color:var(--panel); }
html[data-theme="apple"][data-mode] a { color:var(--ap-blue-text); }
/* Store-card hover: a slight grow with a soft shadow. */
html[data-theme="apple"][data-mode][data-style] .card { transition:transform .3s var(--ap-ease),box-shadow .3s var(--ap-ease) !important; }
html[data-theme="apple"][data-mode][data-style] .card:hover { transform:scale(1.012); box-shadow:2px 4px 16px rgba(0,0,0,.1) !important; }
/* Vertical side bar: quiet list, gray hover pill, blue selected pill. */
html[data-theme="apple"][data-mode][data-style] .station-tabs-v .tab { border-radius:980px; font-weight:400; transition:background .3s var(--ap-ease),color .3s var(--ap-ease); }
html[data-theme="apple"][data-mode][data-style] .station-tabs-v .tab:not(.active):hover { background:var(--panel-2); }
html[data-theme="apple"][data-mode][data-style] .station-tabs-v .tab.active { background:var(--ap-blue) !important; color:#fff !important; font-weight:500; }
/* Content arrives with Apple's slow fade-up. */
html[data-theme="apple"][data-mode] #content > * { animation:ap-fade-up .8s var(--ap-ease) backwards; }
html[data-theme="apple"][data-mode] #content > :nth-child(2) { animation-delay:.08s; }
html[data-theme="apple"][data-mode] #content > :nth-child(n+3) { animation-delay:.16s; }
@media (prefers-reduced-motion:reduce) { html[data-theme="apple"][data-mode] #content > * { animation:none !important; } }