/* Fable 5.2 futuristic King-Brand layer (2026-11-14). Obsidian #06080D / #0D111A, Brushed Gold #D4AF37, Electric Cyan #00F0FF. Self-hosted, no inline styles.
   Frosted glass depth, animated telemetry pulses (disabled under prefers-reduced-motion), metric tiles, accordions, onboarding steps, command palette. */
:root{--cyan:#00F0FF;--glow-gold:0 0 0 1px rgba(212,175,55,.35),0 8px 38px rgba(0,0,0,.55),0 0 34px rgba(212,175,55,.08);--glow-cyan:0 0 18px rgba(0,240,255,.28)}
body{background-image:radial-gradient(900px 480px at 12% -8%,rgba(0,240,255,.07),transparent 60%),radial-gradient(1100px 520px at 90% -12%,rgba(212,175,55,.10),transparent 62%),linear-gradient(180deg,#06080D,#0D111A 70%,#06080D)}
.card,form{position:relative;background:linear-gradient(160deg,rgba(18,24,38,.78),rgba(10,14,23,.66));-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:var(--glow-gold),inset 0 1px 0 rgba(255,255,255,.06)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.card,form{background:#0D111A}}
.card::before{content:"";position:absolute;left:14px;right:14px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),var(--cyan),transparent);opacity:.65;pointer-events:none}
.chip{position:relative;padding-left:26px}
.chip::before{content:"";position:absolute;left:10px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--muted)}
.chip.ok::before{background:var(--emerald);animation:pulse 2.4s ease-out infinite}
.chip.pending::before{background:var(--amber);animation:pulse 1.6s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,240,255,.55)}70%{box-shadow:0 0 0 9px rgba(0,240,255,0)}100%{box-shadow:0 0 0 0 rgba(0,240,255,0)}}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.tile{display:grid;gap:4px;padding:14px;border:1px solid var(--line-soft);border-radius:12px;background:rgba(6,8,13,.55)}
.tile:first-child{border-color:var(--gold);box-shadow:var(--glow-cyan)}
.tl{color:var(--muted);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}
.tv{font:700 1.45rem "Space Grotesk",sans-serif;color:#fff}
.tile:first-child .tv{color:var(--cyan)}
details.acc{padding:0}details.acc>summary{list-style:none;cursor:pointer;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}
details.acc>summary::-webkit-details-marker{display:none}
details.acc>summary h2{margin:0}
details.acc>summary::after{content:"+";color:var(--cyan);font:700 1.3rem "Space Grotesk",sans-serif}
details.acc[open]>summary::after{content:"\2212"}
details.acc>summary:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px;border-radius:14px}
.accbody{padding:0 20px 18px}
ol.steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.step{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line-soft);border-radius:12px;background:rgba(6,8,13,.5)}
.stepn{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);font:700 .95rem "Space Grotesk",sans-serif}
.steptx{display:grid;gap:2px}.stephint{color:var(--muted);font-size:.85rem}
.stepst{font-size:.8rem;color:var(--muted)}
.step.done .stepn{background:var(--emerald);border-color:var(--emerald);color:#04150d}.step.done .stepst{color:#8ff0b2}
.step.current{border-color:var(--cyan);box-shadow:var(--glow-cyan)}.step.current .stepn{border-color:var(--cyan);color:var(--cyan);animation:pulse 2s ease-out infinite}.step.current .stepst{color:var(--cyan)}
/* Executive command palette (Ctrl/Cmd+K) */
.kbd-hint{width:auto;background:transparent;color:var(--muted);border:1px solid var(--line-soft);box-shadow:none;padding:5px 10px;font-size:.8rem;border-radius:8px}
.kbd-hint:hover{color:var(--cyan);border-color:var(--cyan);filter:none}
.pal-back{position:fixed;inset:0;z-index:2147483000;background:rgba(3,5,9,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:start center;padding:12vh 16px 16px}
.pal{width:min(620px,100%);background:linear-gradient(160deg,#121826,#0A0E17);border:1px solid var(--gold);border-radius:14px;box-shadow:var(--glow-gold),var(--glow-cyan);overflow:hidden}
.pal input{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:16px 18px;font-size:1.05rem}
.pal input:focus{outline:2px solid var(--cyan);outline-offset:-2px}
.pal ul{list-style:none;margin:0;padding:6px;max-height:50vh;overflow:auto}
.pal li{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:8px;cursor:pointer;min-height:44px;align-items:center}
.pal li[aria-selected=true]{background:rgba(0,240,255,.12);outline:1px solid var(--cyan)}
.pal .ph{color:var(--muted);font-size:.8rem}
.pal .pf{padding:8px 14px;color:var(--muted);font-size:.78rem;border-top:1px solid var(--line-soft)}
@media(prefers-reduced-motion:reduce){.chip::before,.step.current .stepn{animation:none!important}}