:root{--journoist-bg:#080b12;--journoist-surface:#111827;--journoist-primary:#60a5fa;--journoist-text:#f8fafc;--journoist-muted:#a8b4c7;--journoist-border:#263244}
.journoist-3d-scene{position:relative;isolation:isolate;overflow:hidden;min-height:300px;border:1px solid var(--journoist-border);border-radius:24px;background:radial-gradient(ellipse at 50% 45%,#1e3a5f 0,#111827 42%,#080b12 78%);perspective:900px}
.journoist-orbit{position:absolute;left:50%;top:50%;width:min(48vw,320px);height:min(48vw,320px);border:1px solid rgba(147,197,253,.55);border-radius:50%;transform:translate(-50%,-50%) rotateX(68deg);animation:journoist-orbit 18s linear infinite}
.journoist-orbit:before,.journoist-orbit:after{content:"";position:absolute;inset:14%;border:1px solid rgba(96,165,250,.35);border-radius:50%}
.journoist-orbit:after{inset:28%}
.journoist-core{position:absolute;left:50%;top:50%;width:112px;height:112px;border-radius:32px;transform:translate(-50%,-50%) rotate(-12deg);background:linear-gradient(135deg,#93c5fd,#2563eb 55%,#172554);box-shadow:0 0 70px rgba(59,130,246,.45);display:grid;place-items:center;color:#fff;font-size:2.1rem;font-weight:900;letter-spacing:-.08em}
.journoist-scene-caption{position:absolute;bottom:1rem;left:1rem;right:1rem;text-align:center;color:var(--journoist-muted);font-size:.85rem}
@keyframes journoist-orbit{to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(360deg)}}
@media(prefers-reduced-motion:reduce){.journoist-orbit{animation:none}}